將圖像插入tinymce編輯器

Question

我的html頁面上有一個tinymce文本框。在這個文本框下面，我有一個可以導航的文件系統，用於定位我的圖像。我希望能夠點擊該表格中的圖像並將其插入timymce文本框中。我該如何去做這件事？

Answer 1

我用命令

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

從圖像的src提取URL之後插入在tinyMCE的圖像。

請注意，您需要將圖像的CSS樣式傳遞給tinyMCE。

編輯：對於微型MCE 4.x中，插入圖像的代碼可以簡化爲：tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

這裏的demo。

Answer 2

user2314737的小提琴壞了。所以我和Fei Hap Lee的解決方案一起工作。

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

fiddle