Изменение атрибута `clear` изображения с помощью TinyMCE

Question

Я использую TinyMCE с приложением tinymce-django на моем сайте Django. Я использую его в интерфейсе администратора для редактирования полей HTML. (Что-то вроде плоской страницы.)

При добавлении изображений с TinyMCE, как я могу изменить их атрибут стиля clear?

Answer 1

Сначала перейдите к всплывающему окну . После выбора изображения перейдите на вкладку Внешний вид .

Если вы не видите это всплывающее окно, убедитесь, что режим редактора расширенный и включен плагин advimage .

Теперь у вас есть два варианта сделать это:

1. CSS класс . Вы должны определить, например, .clear { clear: both; } в вашей таблице стилей CSS. В TinyMCE вы увидите класс, выберите clear . Если вы не видите свой класс, возможно, это потому, что вы не включили таблицу стилей в content_css , но вы все равно можете выбрать (значение) и ввести его самостоятельно.
2. Стиль CSS . Добавьте clear: оба; (или вправо / влево, что вам нужно) в строку стиля.

Я сделал скриншот обоих вариантов, вам нужен только один из них:

Можно редактировать стиль вручную, в HTML-всплывающее окно . Если редактор предназначен для разработчиков, то это самый простой и, вероятно, самый быстрый подход.

Answer 2

Необходимо включить очистку в правила действительные элементы (или расширенные допустимые элементы ), иначе TinyMCE исключит его.