Вставить изображение в редактор tinymce

Question

У меня есть текстовое поле tinymce на моей странице html. В этом текстовом поле у ​​меня есть таблица с моей файловой системой, в которой я могу перемещаться, чтобы найти мои изображения. Я хотел бы иметь возможность щелкнуть изображение в этой таблице и вставить его в текстовое поле timymce. Как я могу это сделать?

Answer 1

Я использовал команду

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

, чтобы вставить изображение в TinyMCE после извлечения URL из изображения в src.

Обратите внимание, что вам нужно передать стиль CSS изображения в tinyMCE в команде.

EDIT: для Tiny MCE 4.x код изображения вставки может быть упрощена: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

Вот demo.

Answer 2

Неисправна скрипка от пользователя2314737. Поэтому я совмещаю решение Fei Hap Lee с рабочим.

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

fiddle