Встраивания

Встраивания позволяют интегрировать некоторые стандартные возможности редактора в ваш код.

Чтобы добавить встраивание, в нужном месте HTML кода нужно вставить:

 

<cr-embed name="myname"></cr-embed>

 

Где myname - название встраивания, данное ему при добавлении.

В версии редактора 4.1 и выше доступен более короткий ситаксис:

 

[[myname]]

 

Содержание

Редактируемый текст

 

Встроенный текст редактируется по клику.

Если в коде встречается несколько встраиваний текста с одним именем, то при изменении одного из них, все будут синхронизироваться.

 

Загружаемая картинка

 

Элемент, в фоне которого загружаемая картинка. Размеры элемента нужно указывать через CSS.

 

💡
ЗАМЕЧАНИЕ Поскольку картинка в фоне, изначально высота элемента 0 пикселей. Следовательно, картинка не видна. Поэтому если вы добавили встраивание картинки, а ее не видно — не переживайте, нужно просто настроить стили.

 

Настраиваемая иконка

 

Иконка, которую так же можно изменить по клику.

Цвет иконки можно изменить, указав параметр color.

 

<cr-embed name="myicon" color="black"></cr-embed>

 

Или более короткий синтаксис (в редакторе 4.1 и выше).

 

[[myicon color="black"]]

 

Параметр color может принимать одно из следующих значений:

 

  • white — Белый цвет
  • black — Черный цвет
  • _textcolor - цвет текста. На светлом фоне будет темным, а на темном - белым.
  • Название переменной типа "Цвет".

 

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

 

Контейнер для компонентов

 

Контейнер, внутрь которого перетаскиванием можно вставлять компоненты.

Компоненты пытаются автоматически определить цвет фона. Цвет текста и некоторых других элементов делаются контрастным фону.

Если контейнер ошибочно определяет цвет фона, на этот случай есть параметр colorside, который говорит компонентам, на светлом(light) фоне они находятся, или на темном(dark).

 

<cr-embed name="myname" colorside="dark"></cr-embed>

 

Параметр colorside может принимать одно из следующих значений:

 

  • light — Контейнер на светлом фоне
  • dark — Контейнер на темном фоне
  • Свойство .colorside переменной с типом "Цвет".

 

Если в коде встречается несколько контейнеров с одним именем, то все, кроме первого, будут удалены.

 

💡
ВАЖНОЕ ЗАМЕЧАНИЕ Стоит избегать изменений свойств overflow, transform и стилей текста (color, font-style и т.д.) если внутри элемента с этим свойством находится контейнер для компонентов.

ТЕХНИЧЕСКАЯ ПОДДЕРЖКА

Не можете найти то, что ищете?

Напишите нам. на связи 24/7. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.

Поддержка Creatium

Агенты ответят через 10 минут

Агенты ответят

Блог, курсы и полезные материалы 

Платформа сайтов любой сложности