如何在Tinymce 4中加载Wiris插件

时间:2016-04-23 20:06:50

标签: plugins tinymce-4

我是在和Tinymce一起使用Wiris。按照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"

3 个答案:

答案 0 :(得分:2)

您需要在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"});

答案 1 :(得分:1)

除了下载和使用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>

答案 2 :(得分:0)

如上所述,您忘记将其添加到tinymce.init中:

toolbar: 'tiny_mce_wiris_formulaEditor'