2016-06-08 4 views
0

Ich habe TinceMCE für Angular installiert. Also, wenn winzige verwenden, habe ich so etwas wie das tun folgendes:Tinymce plugins laden von cdn anstelle des lokalen Verzeichnisses

Controller:

vm.tinymceOptions = { 
     plugins:'layer image hr imagetools', 
     toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code', 
     height:'480' 
    }; 

Und meiner Meinung nach:

<form class = "MCEeditor" method="post"> 
     <textarea ui-tinymce="vm.tinymceOptions" ng-model="vm.tinymceModel"></textarea> 
</form> 

Mein Problem ist, dass wenn ich versuche, eine externe zu verwenden Plugin, eine GET-Anfrage wird an ein externes CDN statt an meine lokalen Plugin-Dateien gestellt. Dies ist die GET-Anfrage:

Request URL:http://cdn.tinymce.com/4/plugins/ss/plugin.min.js 
Request Method:GET 

So im Wesentlichen, ich brauche eine Möglichkeit, diese Anfrage an meinem internen TinyMCE Plugin-Verzeichnis zu verweisen, statt dies CDN.

Antwort

1

Standardmäßig sucht TinyMCE in seinem eigenen Ordner plugins für die Plugin-Dateien. Wenn Sie also TinyMCE von einem CDN laden, wird es dort aussehen.

Was können Sie tun, ist die external_plugins Option in der Konfiguration und Punkt TinyMCE auf den genauen Standort Ihrer Plugin-Datei verwenden:

https://www.tinymce.com/docs/configure/integration-and-setup/#external_plugins

Zum Beispiel:

tinymce.init({ 
    selector: 'textarea', 
    ... 
    external_plugins: { 
    'testing': 'http://www.testing.com/plugin.min.js', 
    'maths': 'http://www.maths.com/plugin.min.js' 
    } 
}); 

Da Sie Mit dem TinyMCE/Angular-Plugin geht dieser external_plugins Code in Ihr vm.tinymceOptions Objekt.

+0

Ich habe das versucht, aber es funktioniert nicht. Es scheint, als gäbe es einige Einschränkungen in der ui-Tinymce-Bibliothek. Vorerst werde ich untersuchen, warum es hart codiert ist, in die cdn für die Plugins zu schauen. Soll Ihr oben erwähnter Weg auch für interne Verzeichnisse funktionieren? –

+0

Ich benutze die selbe Direktive selbst in einem Angular Projekt und benutze die 'external_plugins' Eigenschaft, damit ich bestätigen kann, dass es funktioniert. Wie lautet der genaue Code für "tinymceOptions"? Dein Code in deinem Beitrag erwähnt das 'ss'-Plugin überhaupt nicht, geschweige denn' externe_plugins'. Wenn Sie TinyMCE laden, gibt es Fehler in der Browser-Konsole? –

+0

Vielen Dank für Ihre Antwort. Es scheint, als ob TinyMCE nicht korrekt in unserem Projekt installiert wurde. Deine Lösung funktioniert! –