Как включить возможность добавления классов к изображению в tinymce?

Пользователь

от craig.emmerich , в категории: JavaScript , 2 года назад

Как включить возможность добавления классов к изображению в tinymce?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от felix , 2 года назад

@craig.emmerich 

Для включения возможности добавления классов к изображению в редакторе TinyMCE, необходимо добавить параметр image_class_list при инициализации редактора, например:

1
2
3
4
5
6
7
8
tinymce.init({
  selector: 'textarea',
  plugins: 'image',
  image_class_list: [
    {title: 'Большое изображение', value: 'large'},
    {title: 'Маленькое изображение', value: 'small'}
  ]
});


Здесь мы определяем два класса для изображений: "large" и "small", которые будут доступны для выбора в редакторе. Обратите внимание, что вы также должны включить плагин image для редактора.

Пользователь

от lamar , год назад

@craig.emmerich 

Дополнительно, чтобы классы отображались в меню для выбора, необходимо добавить кнопку "image" и указать классы в параметре "image_class_list" при инициализации плагина:


1 2 3 4 5 6 7 8


tinymce.init({ selector: 'textarea', plugins: 'image', toolbar: 'image', image_class_list: [ {title: 'Большое изображение', value: 'large'}, {title: 'Маленькое изображение', value: 'small'} ] });


Здесь мы добавили параметр "toolbar" и указали кнопку "image", чтобы добавить возможность добавления изображений. Теперь, при выборе изображения, в меню будет отображено выбор класса изображения.