如何在 Tinymce 4 中加载 Wiris 插件答案

【问题标题】：How to load Wiris plugin in Tinymce 4如何在 Tinymce 4 中加载 Wiris 插件
【发布时间】：2016-04-23 20:06:49
【问题描述】：

我打算将 Wiris 与 Tinymce 一起使用。按照INSTALLATION INSTRUCTIONS: WIRIS PLUGIN FOR TINYMCE 的教程，我无法完成第 4 步。

每次我加载插件 tiny_mce_wiris_formulaEditor、tiny_mce_wiris_formulaEditorChemistry 和 tiny_mce_wiris_CAS 时，Tinymce 文本编辑器都不再出现。

这是我的代码示例

<script src="{{asset('assets/js/tinymce/plugins/tiny_mce_wiris/editor_plugin.js')}}"></script>

<script src="{{asset('assets/js/tinymce/tinymce.min.js')}}"></script>

<script>
    tinymce.init({
        selector: 'textarea',
        plugins: "image imagetools tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry tiny_mce_wiris_CAS"
});
</script>

我想知道正确的方法。

这是我在 javascript 控制台中遇到的错误

"NetworkError: 404 Not Found - .../assets/js/tinymce/plugins/tiny_mce_wiris_formulaEditor/plugin.min.js"

"NetworkError: 404 Not Found - .../assets/js/tinymce/plugins/tiny_mce_wiris_CAS/plugin.min.js"

"NetworkError: 404 Not Found - .../assets/js/tinymce/plugins/tiny_mce_wiris_formulaEditorChemistry/plugin.min.js"

【问题讨论】：

您在浏览器的 JavaScript 控制台中看到了什么？我怀疑您会在尝试加载 Wiris 插件 JavaScript 文件的编辑器中发现错误。

标签： plugins tinymce-4

【解决方案1】：

您需要包含在 tinymce.init 插件部分的插件名称是 tiny_mce_wiris。您已经包含了按钮的名称（tiny_mce_wiris_formulaEditor、tiny_mce_wiris_formulaEditorChemistry 和 tiny_mce_wiris_CAS）。

    tinymce.init({
    selector: 'textarea',
    plugins: "image imagetools tiny_mce_wiris"});

【讨论】：

我想知道，那我该如何加载按钮呢？按照您的示例加载插件后，尽管没有错误消息，但按钮不会出现。
您需要在 TinyMCE 工具栏配置中包含按钮，我们建议您下载我们的现成演示以查看简单的集成示例：wiris.com/plugins/docs/demo-download
请更新您的安装教程。非常感谢。
感谢您的反馈。您认为安装教程中缺少什么？
我通过编辑您的答案将其包含在内。你看到了吗？

【解决方案2】：

除了下载和使用 TinyMCE 插件，您甚至可以使用 Wiris 作为外部托管插件。我遵循了这个文档http://www.wiris.com/plugins/docs/resources/external-plugin

我的组件如下所示，我能够让 Wiris 以这种方式工作。

<editor apiKey="test" [init]="{ plugins : 'image', external_plugins: { tiny_mce_wiris: 'https://www.wiris.net/demo/plugins/tiny_mce/plugin.js' }, toolbar: 'tiny_mce_wiris_formulaEditor' } "></editor>

【讨论】：

【解决方案3】：

如上面的答案所述，您忘记将其添加到 tinymce.init 中：

toolbar: 'tiny_mce_wiris_formulaEditor'

【讨论】：