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

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


javascript tinymce tinymce-4
person Baz    schedule 18.02.2014    source источник

Ответы (2)


arrow_upward
13
arrow_downward

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

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

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

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

РЕДАКТИРОВАТЬ: для Tiny MCE 4.x код вставки изображения можно упростить до: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');

Вот демонстрация.

person user2314737    schedule 18.02.2014
comment
Для Tiny MCE 4.x код вставки изображения можно упростить до: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>'); - person Fei Hap Lee; 23.03.2016
comment
Я обновил свою старую скрипку, проблема заключалась в том, что библиотека была перемещена на новый URL-адрес. Теперь скрипка поддерживает новую версию библиотеки TinyMCE. - person user2314737; 17.09.2017

arrow_upward
6
arrow_downward

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

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

скрипка

person Phung D. An    schedule 03.06.2016