Вмъкнете изображение в редактор на 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

Цигулката от user2314737 е повредена. Така че комбинирам с решението на Fei Hap Lee, за да има работещо.

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

цигулка

person Phung D. An    schedule 03.06.2016