闪亮表中用于数学模式的外部js

Question

这个问题与this one有关。

编辑

我重新编写了问题，以在更复杂的应用程序中重现该问题。

我正在尝试在表格中包括数学模式。 @StéphaneLaurent在EDIT 2中使用katex的解决方案效果很好。我编辑了代码，因为我的应用程序包含许多表，这些表的名称包括字符串coef_。

library(shiny)

js <- " 
$(document).on('shiny:value', function(event) {
if(event.name.indexOf(event.name.match(/\\b\\w*coef_\\w+\\b/g)) > -1){
if(event.value.match(/(%%+[^%]+%%)/g) !== null) {
var matches = event.value.match(/(%%+[^%]+%%)/g);
var newvalue = event.value;
for(var i=0; i<matches.length; i++){
var code = '\\\\' + matches[i].slice(2,-2);
newvalue = newvalue.replace(matches[i], katex.renderToString(code));
}
event.value = newvalue;
} else {
event.value;
}
}
});
" 

在表名不包含字符串coef_的情况下，或者n在表名包含字符串coef_的表不包含带有%%的术语的情况下，js应该没有对它的影响。

# UI 1
fluidPage(
  tags$head(
    tags$link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.css", integrity="sha384-9tPv11A+glH/on/wEu99NVwDPwkMQESOocs/ZGXPoIiLE8MU/qkqUcZ3zzL+6DuH", crossorigin="anonymous"),
    tags$script(src="https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.js", integrity="sha384-U8Vrjwb8fuHMt6ewaCy8uqeUXv4oitYACKdB0VziCerzt011iQ/0TqlSlv8MReCm", crossorigin="anonymous"),
    tags$script(HTML(js))
  ),
  titlePanel("Hello Shiny!"),
  mainPanel(
    numericInput("mean", "Enter mean", value = 1),
    tableOutput("coef_table1"),
    tableOutput("coef_table2"),
    tableOutput("table")
  ))

# SERVER
server <- function(input, output) {

  output$table <- renderTable({
    x <- rnorm(2)
    y <- rnorm(2, input$mean)
    tab <- data.frame(x = x, y = y, z = c("hello", "%%gamma%%%%delta%%"))
    rownames(tab) <- c("%%alpha%%", "%%beta%%")
    tab
  }, rownames = TRUE)

}

但是，当我使用js变量中的代码创建js文件时，将其保存在www文件夹中并加载它，这是行不通的：

# UI 2
fluidPage(
  tags$head(
    tags$link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.css", integrity="sha384-9tPv11A+glH/on/wEu99NVwDPwkMQESOocs/ZGXPoIiLE8MU/qkqUcZ3zzL+6DuH", crossorigin="anonymous"),
    tags$script(src="https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.js", integrity="sha384-U8Vrjwb8fuHMt6ewaCy8uqeUXv4oitYACKdB0VziCerzt011iQ/0TqlSlv8MReCm", crossorigin="anonymous"),
    tags$script(src="math_in_tables.js")
  ),
  titlePanel("Hello Shiny!"),
  mainPanel(
    numericInput("mean", "Enter mean", value = 1),
    tableOutput("coef_table1"),
    tableOutput("coef_table2"),
    tableOutput("table")
  ))

数学模式在第一个表中不再起作用。我在这里想念什么？浏览器没有错误。

Answer 1

我认为if(event.name.indexOf(event.name.match(/\\b\\w*coef_\\w+\\b/g)) > -1)是不正确的。

有人想测试event.name是否包含字符串coef_。我不太会使用正则表达式，但是应该可以：

if((/\\b\\w*coef_\\w*\\b/g).test(event.name)){ ...

如果将JS代码放在外部文件中，请使用单个反斜杠：

if((/\b\w*coef_\w*\b/g).test(event.name)){ ...

（和var code = '\\' + matches[i].slice(2,-2);）。