Инициализация

В этом руководстве описано, как добавить RichText на страницу. Выполните следующие шаги, чтобы получить готовый к использованию редактор:

1. Подключите исходные файлы на странице.
2. Создайте контейнер для RichText.
3. Инициализируйте RichText.

Подключение исходных файлов

Добавьте JavaScript и CSS-файлы RichText в ваш проект. Скачайте пакет и распакуйте его содержимое в папку вашего проекта.

Для создания RichText подключите на странице два исходных файла:

• richtext.js
• richtext.css

Укажите ссылки на файлы в HTML. Скорректируйте относительные пути в соответствии со структурой ваших папок:

index.html

<script type="text/javascript" src="./codebase/richtext.js"></script>  
<link rel="stylesheet" href="./codebase/richtext.css">

Создание контейнера

Добавьте контейнер для RichText с идентификатором, например "root":

index.html

<div id="root"></div>

Инициализация RichText

Инициализируйте RichText с помощью конструктора richtext.Richtext. Конструктор принимает два параметра:

• контейнер — CSS-селектор или DOM-элемент
• объект конфигурации со свойствами редактора. Смотрите полный список свойств ниже

Пример ниже инициализирует RichText в контейнере #root:

index.html

const editor = new richtext.Richtext("#root", {
    // свойства конфигурации  
});

Свойства конфигурации

Добавляйте параметры конфигурации в виде ключей объекта конфигурации.

Примечание

Полный список свойств конфигурации смотрите в разделе Обзор свойств.

Уничтожение экземпляра RichText

Вызовите метод destructor(), чтобы удалить HTML RichText и отсоединить все связанные события:

const editor = new richtext.Richtext("#root", {
    // свойства конфигурации
});

editor.destructor();

Пример

В примере ниже RichText инициализируется с включённой панелью меню:

Связанный пример: RichText. Инициализация