Установка Rich Text Editor

Чтобы начать использовать Rich Text Editor, нужно:

Подключить необходимые CSS и JS файлы на страницу.
Вызвать конструктор объекта.

Необходимые файлы

Подключаем 4 файла:

<html>
    <head>
        <!-- подключаем Webix -->
        <script src="codebase/webix.js" type="text/javascript"></script>
        <link rel="stylesheet" href="codebase/webix.css" type="text/css">
 
        <!-- подключаем Rich Text Editor -->
        <script type="text/javascript" src="codebase/editor.js"></script>
        <link rel="stylesheet" href="codebase/editor.css" type="text/css">
    </head>
    <body>
        <!-- конструктор Rich Text Editor -->
        <script>            webix.ui({
                view: "editor",
                value: "<p>Hello World!</p>",
                upload: "https://docs.webix.com/richtext-backend/images"     
            });
        </script>
    </body>
</html>

В следующем разделе мы рассмотрим другие способы создания Rich Text Editor на странице.

Как запустить пакетные примеры локально

Чтобы запустить пакетные примеры локально, вам нужно перейти в корневую директорию Rich Text Editor, установить необходимые зависимости и запустить дев сервер:

// переходим в корневую директорию
cd editor
 
// устанавливаем зависимости
yarn install //или npm install
 
// запускаем сервер
yarn server //или npm run server

Наверх