# Встраивания
Встраивания позволяют интегрировать некоторые стандартные возможности редактора в ваш код.
Чтобы добавить встраивание, в нужном месте HTML кода нужно вставить:
<cr-embed name="myname" />
Где myname
- название встраивания, данное ему при добавлении.
# Редактируемый текст
Встроенный текст редактируется по клику.
Если в коде встречается несколько встраиваний текста с одним именем, то при изменении одного из них, все будут синхронизироваться.
# Загружаемая картинка
Элемент, в фоне которого загружаемая картинка. Размеры элемента нужно указывать через CSS.
Замечание
Поскольку картинка в фоне, изначально высота элемента 0 пикселей. Следовательно, картинка не видна.
Поэтому если вы добавили встраивание картинки, а ее не видно — не переживайте, нужно просто настроить стили.
# Настраиваемая иконка
Иконка, которую так же можно изменить по клику.
Цвет иконки можно изменить, указав параметр color.
<cr-embed name="myicon" color="black" />
Параметр color может принимать одно из следующих значений:
white
— Белый цветblack
— Черный цвет_textcolor
- цвет текста. На светлом фоне будет темным, а на темном - белым.- Название переменной типа "Цвет".
Если в коде встречается несколько встраиваний иконки с одним именем, то при изменении любого из них, все будут синхронизироваться, но цвет у каждой иконки может быть свой уникальный.
# Контейнер для компонентов
Контейнер, внутрь которого перетаскивающем можно вставлять компоненты.
Компоненты пытаются автоматически определить цвет фона. Цвет текста и некоторых других элементов делаются констрастным фону.
Если контейнер ошибочно определяет цвет фона, на этот случай есть параметр colorside, который говорит компонентам, на светлом(light) фоне они находятся, или на темном(dark).
<cr-embed name="myname" colorside="dark" />
Параметр colorside может принимать одно из следующих значений:
light
— Контейнер на светлом фонеdark
— Контейнер на темном фоне- Свойство
.colorside
переменной с типом "Цвет".
Если в коде встречается несколько контейнеров с одним именем, то все, кроме первого, будут удалены.
Важное замечание
Стоит избегать изменений свойств overflow, transform и стилей текста (color, font-style и т.д.) если внутри элемента с этим свойством находится контейнер для компонентов.
Поддержка в Telegram-чате
Подскажем, как решить вашу задачу!
Мы все еще дописываем документацию для разработчиков, поэтому нам важно, чтобы вы писали, что с чем возникают трудности, и какие еще возможности нужно добавить.