Legen Sie ein Bild in einen tinymce editor

Habe ich ein tinymce-text-box auf meiner html-Seite. Unter diesem Textfeld habe ich eine Tabelle mit meinem Datei-system, in dem kann ich navigieren, um zu finden meine Bilder. Ich möchte in der Lage sein, um klicken Sie auf ein Bild in diese Tabelle und haben es eingefügt, in der timymce Textfeld. Wie könnte ich gehen über das tun dies?

InformationsquelleAutor Baz | 2014-02-18
  1. 11

    Habe ich folgenden Befehl verwendet

    tinyMCE.execCommand('mceInsertContent', false, '<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

    das Bild einfügen in tinyMCE nach dem extrahieren der URL aus dem Bild ist src.

    Beachten Sie, dass Sie brauchen, um passieren die CSS-style des Bildes zu tinyMCE-Editor in der Kommandozeile.

    EDIT: für Tiny MCE 4.x, Bild einfügen code kann vereinfacht werden zu: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

    Hier ist die demo.

    • Für Tiny MCE 4.x, Bild einfügen code kann vereinfacht werden zu: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');
    • Ich aktualisiert meine alte Geige, das Problem war, dass die Bibliothek verlegt wurde, um eine neue URL. Jetzt die fiddle unterstützt die neue version von TinyMCE library.
    InformationsquelleAutor user2314737
  2. 6

    Geige aus user2314737 ist gebrochen. So kombiniere ich mit Fei Hap Lee ' s Lösung zu haben, zu arbeiten.

            tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

    fiddle

    InformationsquelleAutor Phung D. An
Schreibe einen Kommentar