Question

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

不幸的是，这里提到的使用说明适用于通用JavaScript开发人员。然而，我正在通过这里描述的反应集成来使用tinymce：https://www.tinymce.com/docs/integrations/react/。使用tinymce的react集成，没有tinymce插件目录。

任何人都可以给我一些使用tinymce / latex插件的替代方向，对那些使用tinymce / react整合的人来说是有意义的吗？

由于

Answer 1

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

加载插件
将工具栏按钮添加到工具栏

在他们的例子中他们建议：

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包装器加载第三方插件，但该插件不适用于任何现代版本的TinyMCE。

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

1 个答案: