2016-04-23 8 views
3

laden Ich bin über die Verwendung von Wiris mit Tinymce. Nach dem Tutorial INSTALLATION INSTRUCTIONS: WIRIS PLUGIN FOR TINYMCE , ich bin nicht in der Lage Schritt zu gehen 4.Wie man Wiris Plugin in Tinymce 4

Jedes Mal, wenn ich den Plugins tiny_mce_wiris_formulaEditor, tiny_mce_wiris_formulaEditorChemistry laden und tiny_mce_wiris_CAS, wird der TinyMCE Texteditor nicht mehr angezeigt.

Hier ist mein Codebeispiel

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

ich ihm den richtigen Weg wissen wollen.

Dies ist der Fehler, den ich in meiner Javascript-Konsole

"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

Was sehen Sie in der JavaScript-Konsole des Browsers? Ich vermute, dass Sie Fehler im Editor finden werden, der versucht, die JavaScript-Dateien des Wiris-Plugins zu laden. –

Antwort

1

Der Name des Plug-In Sie auf tinyMCE.init im Plugins Abschnitt enthalten müssen erhalten ist tiny_mce_wiris. Sie haben stattdessen den Namen der Schaltflächen eingefügt (tiny_mce_wiris_formulaEditor, tiny_mce_wiris_formulaEditorChemistry und tiny_mce_wiris_CAS).

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

ich möchte wissen, wie lade ich dann die tasten? Nach dem Laden des Plugins nach Ihrem Beispiel erscheinen die Schaltflächen nicht, obwohl keine Fehlermeldung vorliegt. –

+1

Sie müssen die Schaltflächen in Ihre TinyMCE-Toolbar-Konfiguration aufnehmen. Wir empfehlen Ihnen, unsere gebrauchsfertigen Demos herunterzuladen, um ein einfaches Integrationsbeispiel zu sehen: http://www.wiris.com/plugins/docs/demo-download –

+0

Bitte Aktualisieren Sie Ihr Installations-Tutorial. Vielen Dank. –

0

Neben Download und die Verwendung TinyMCE Plugin können Sie sogar wiris verwenden als extern gehostete Plugin. Ich folgte dieser Dokumentation http://www.wiris.com/plugins/docs/resources/external-plugin

Meine Komponente sah aus wie folgt, und ich konnte Wiris auf diese Weise arbeiten.

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

Verwandte Themen