2016-04-23 81 views
3

我正在使用Wiris和Tinymce。繼INSTALLATION INSTRUCTIONS: WIRIS PLUGIN FOR TINYMCE 教程,我不能走一步看超過4如何在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" 
+0

您在瀏覽器的JavaScript控制檯中看到了什麼?我懷疑你會在試圖加載Wiris插件JavaScript文件的編輯器中發現錯誤。 –

回答

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

我想知道,我該如何加載按鈕?按照您的示例加載插件後,雖然沒有錯誤消息,但不會顯示按鈕。 –

+1

您需要在TinyMCE工具欄配置中包含這些按鈕,我們建議您下載我們準備使用的演示程序以查看簡單的集成示例:http://www.wiris.com/plugins/docs/demo-download –

+0

請更新你的安裝教程。非常感謝你。 –

0

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