Как задать отступы внутри tinymce?

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

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

Как задать отступы внутри tinymce?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от quinton.prosacco , 2 года назад

@ally 

TinyMCE это редактор HTML-кода, и вы можете задать отступы внутри него, используя теги HTML.


Для установки отступа можно использовать тег <div> с атрибутом style, где можно задать свойства стиля, такие как отступы.


Например, чтобы установить верхний и нижний отступы в 20 пикселей, вы можете использовать следующий код:

1
2
3
<div style="margin-top: 20px; margin-bottom: 20px;">
  Текст внутри отступов
</div>


Вы также можете использовать другие свойства стиля, такие как padding, border, background-color и т.д., чтобы создать более сложный дизайн.

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

от jaylen.trantow , год назад

@ally 

Также в TinyMCE вы можете использовать стили CSS для задания отступов.

  1. Создайте стиль CSS внутри тега внутри HTML-документа или в отдельном файле CSS:
1
2
3
4
5
<style>
  .custom-indent {
    margin-left: 40px;
  }
</style>


  1. Примените этот стиль к нужному элементу в TinyMCE, используя атрибут "class":
1
2
3
<div class="custom-indent">
  Текст внутри отступов
</div>


В данном примере будет задан отступ слева шириной 40 пикселей для текста внутри блока . Вы можете настроить этот стиль, добавляя или изменяя свойства CSS внутри класса .custom-indent.


Обратите внимание, что если вы хотите использовать CSS для задания отступов, вам необходимо убедиться, что ваш HTML-документ (или сам TinyMCE) импортирует или применяет этот файл CSS со стилями.