Как мога да вградя изображение в tinymce?

Tinymce ви позволява да добавите изображение, като се позовавате на URL адрес. За нормален потребител, който вероятно дори не знае какво е url, това е твърде досадно. Те имат изображение на компютъра си и то трябва да бъде вградено в html текста. Има ли лесен начин да се постигне това с помощта на tinymce?

Плъгин за качване на файл не би бил полезен в този конкретен случай, тъй като редакторът на tinymce работи локално. Изображението наистина трябва да бъде вградено в html текста.


embed tinymce
person Ola Eldøy    schedule 30.08.2011    source източник

Отговори (2)


arrow_upward
1
arrow_downward

Трябва да се уверите, че в tinymce init valid_elements и valid_children са конфигурирани правилно. Как искате потребителят да вгради изображението? (щракване върху бутон, плъзгане и пускане,...)

За да вмъкнете изображение за API на tinymce, можете да използвате:

editor.execCommand('mceInsertContent', false, '<img src="images/myimage.jpeg" height="12" width="12" />');

Горещо ви препоръчвам да изтеглите версията за разработчици на tinymce и да разгледате по-отблизо файловете tiny_mce/themes/advanced/editor_template_src.js и tiny_mce/themes/advanced/charmap.html. Ако е възможно, потърсете в изходния код "charmap". Вместо да вмъкнете знак, ще трябва да вмъкнете html кода на изображението.

person Thariama    schedule 30.08.2011
comment
Бих искал да използвам бутон за вмъкване на изображение. Разбира се, плъзгане и пускане би било добре! Но бутонът вероятно е по-лесен за откриване и не изисква специално обучение. - person Ola Eldøy; 01.09.2011
comment

Работя с изотопния плъгин jQuery и бих искал да показвам само елементи от определена група, когато страницата се зареди. В момента се показват всички елементи:

http://aproposstudio.com/category/work/

Например, на връзката по-горе, има ли начин да заредите страницата с показване на „стенописите“?

Благодаря.

- person Thariama; 01.09.2011
comment
Диалог за избор на файл при натискане на бутона за вмъкване на изображение е това, към което се стремя. - person Ola Eldøy; 01.09.2011
comment
Трябва да погледнете бутона charmap (разширена функция). Това е добра отправна точка. Вижте моя редактиран пост. - person Thariama; 01.09.2011
comment
Благодаря, Тариама. Това, което очертавате, звучи като правилния път. За съжаление не върша никаква работа с Javascript ежедневно, така че може да не мога да инвестирам необходимото време, за да внедря тази функция сам. Може да се окаже, че за момента помагам на клиентите да вмъкват изображения на ръка. Благодаря за насоките! - person Ola Eldøy; 05.09.2011

arrow_upward
2
arrow_downward

Създадох плъгин, който се намира тук ( https://github.com/buddyexpress/bdesk_photo)

Има някои ограничения в плъгина като:

  • Изображението трябва да е равно на или по-малко от 500KB
  • Изображението трябва да е с размери равни или по-малки от 800x800.
person Leonard    schedule 27.02.2014