如何在Tinymce 4中加载Wiris插件

Question

我是关于使用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"

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'