在tinymce内容上执行javascript（katex）_Javascript_Html_Dom_Electron_Tinymce

在tinymce内容上执行javascript（katex）

javascript html dom electron tinymce

在tinymce内容上执行javascript（katex）,javascript,html,dom,electron,tinymce,Javascript,Html,Dom,Electron,Tinymce,我正在创建一个基于electron.js和tinymce的小型桌面编辑器。对于大学，我还希望能够在tinymce中渲染latex方程。不幸的是，我无法通过js访问tinymce iframe 我在html文件中包括了katex.js和tinymce.js。如果分开的话，它们都可以正常工作。渲染身体中的乳胶方程式，tinymce也会加载并工作如果iframe： <div class="tox-edit-area"> <iframe id="editor_ifr" f

我正在创建一个基于electron.js和tinymce的小型桌面编辑器。对于大学，我还希望能够在tinymce中渲染latex方程。不幸的是，我无法通过js访问tinymce iframe

我在html文件中包括了katex.js和tinymce.js。如果分开的话，它们都可以正常工作。渲染身体中的乳胶方程式，tinymce也会加载并工作

如果iframe：

<div class="tox-edit-area">
    <iframe id="editor_ifr" frameborder="0" allowtransparency="true"
        title="Rich-Text-Bereich. Drücken Sie Alt+0 für Hilfe." class="tox-edit-area__iframe">
    </iframe>
</div>

此iframe的内部是实际的编辑器文本字段：

<html>
  <head>
    ...
  </head>
  <body id="tinymce" class="mce-content-body " data-id="editor" contenteditable="true" spellcheck="false">
      <p><br data-mce-bogus="1"></p>
  </body>
</html>

...

通过

document.querySelector（“#tinymce”）

以及

getElementByID

和这些函数的jquery版本访问主体，总是会给我一个

undefinded

null

结果

对于latex渲染，我从katex调用

renderMathineElement（document.body）

，它在启动应用程序后可以正常工作

奇怪的是，在通过开发控制台访问iframe（检查元素）后，我使用

document.querySelector（“#tinymce”）

获得了正确的结果，但我无法再从katex访问

renderMath…

函数。我假设，这是因为katex脚本在iframe中不可用，chrome开发工具知道我何时在iframe中

有没有办法从外部文件通过js访问iframe内容