TinyMCE + 1С-Битрикс

Стандартный редактор Битрикса ограничен. В этой статье показано, как подключить TinyMCE — полноценный JavaScript WYSIWYG-редактор — в компонент для публичной части сайта.

Структура директорий

Создать папки:

/bitrix/components/tools/editor.tiny.mce/
/bitrix/components/tools/editor.tiny.mce/templates/.default/
/bitrix/components/tools/editor.tiny.mce/tiny_mce/

Файлы компонента

Два обязательных файла: component.php (логика) и .parameters.php (параметры).

component.php

Подключение скрипта:

$APPLICATION->AddHeadScript('/bitrix/components/tools/editor.tiny.mce/tiny_mce/tiny_mce.js');

Инициализация редактора через уникальный идентификатор (editor_selector) для поддержки нескольких редакторов на странице.

Использование компонента

$APPLICATION->IncludeComponent(
    "tools:editor.tiny.mce",
    "",
    array(
        "TEXT"          => $arResult["TEXT"],
        "TEXTARIA_NAME" => "text",
        "TEXTARIA_ID"   => "editor1",
        "TEXTARIA_WIDTH"  => "100%",
        "TEXTARIA_HEIGHT" => "300"
    )
);

Компонент предназначен для публичной части сайта — в панели администратора уже есть встроенный редактор.