为使用 TinyMCE React 集成的开发人员使用 TinyMCE Latex 插件

Question

我想使用https://moonwave99.github.io/TinyMCELatexPlugin/ 中描述的latex tinymce 插件。在这个站点上，我被指示下载latex插件并将其解压缩到tinymce插件目录中。

不幸的是，这里提到的使用说明是针对通用 JavaScript 开发人员的。但是，我通过此处描述的反应集成使用 tinymce：https://www.tinymce.com/docs/integrations/react/。使用 tinymce 的 react 集成，没有 tinymce 插件目录。

谁能给我使用 tinymce/latex 插件的替代方向，以使那些使用 tinymce/react 集成的人有意义？

谢谢

Answer 1

从该插件的文档中，他们告诉您需要做两件事：

1. 加载他们的插件
2. 将他们的工具栏按钮添加到工具栏

在他们的例子中，他们建议这样做：

plugins : "autolink,lists, ... ,latex",
theme_advanced_buttons2 : "...,latex,|,...",

如果您尝试使用该 React 包装器，您会在他们的示例中注意到您通过 init 对象将配置传递给 TinyMCE：

render() {
  return (
    <Editor
      initialValue="<p>This is the initial content of the editor</p>"
      init={{
        plugins: 'link image code',
        toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
      }}
      onChange={this.handleEditorChange}
    />
  );
}

您可以在此处选择加载插件并将项目添加到工具栏。

警告： 您引用的乳胶插件已有 5 年以上的历史，似乎是为 TinyMCE 3.x 编写的。该插件不会像在 TinyMCE 4 中那样运行。TinyMCE 3.x 不再处于积极开发中，并且没有使用 TinyMCE 的 React 包装器进行测试（我为拥有 TinyMCE 的公司工作）。希望上面的解释有助于解释您如何通过 React 包装器加载 3rd 方插件，但该插件不适用于任何现代版本的 TinyMCE。