如何在 Tinymce 4 中加载 Wiris 插件

Question

我打算将 Wiris 与 Tinymce 结合使用。按照安装说明中的教程进行操作：TINYMCE 的 WIRIS 插件，我无法通过第 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"

Answer 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"});

Answer 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>

Answer 3

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

toolbar: 'tiny_mce_wiris_formulaEditor'

如何在 Tinymce 4 中加载 Wiris 插件

How to load Wiris plugin in Tinymce 4

plugins

tinymce-4