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

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

9
javascript tinymce tinymce-4

2 ответов

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

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

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

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

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

здесь демо.

11

скрипка из user2314737 сломана. Поэтому я сочетаю с решением Фей Хап ли, чтобы иметь рабочий.

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

скрипка

6