SCEditor — это легковесный, бесплатный (open-source) JavaScript-редактор для веба, который позволяет пользователям форматировать текст в стилях BBCode и HTML в режиме «что видишь, то и получишь» (WYSIWYG), идеально подходящий для форумов, комментариев и блогов, где нужна простая, но функциональная вставка контента, включая таблицы, картинки, видео и смайлики.

• WYSIWYG (What You See Is What You Get): Отображает контент так же, как он будет выглядеть в итоге, упрощая форматирование.
• Поддержка форматов: Работает как с BBCode (для форумов), так и с HTML (для веб-страниц).
• Расширяемость: Легко добавляет функционал через плагины (например, для перетаскивания изображений, YouTube-видео).
• Инструменты: Включает базовые функции: жирный, курсив, подчеркивание, выравнивание, вставка ссылок, таблиц, изображений, смайликов.
• Легковесный: Разработан для быстрой загрузки, без необходимости сложной инсталляции.
• Темы и иконки: Возможность настройки внешнего вида.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/default.min.css" />
<script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/sceditor.min.js"></script>

Либо

<!-- Include the default theme -->
<link rel="stylesheet" href="minified/themes/default.min.css" />
 
<!-- Include the editors JS -->
<script src="minified/sceditor.min.js"></script>
 
<!-- Include the BBCode or XHTML formats -->
<script src="minified/formats/bbcode.js"></script>
<script src="minified/formats/xhtml.js"></script>

Чтобы включить плагин BBCode, просто добавьте его bbcode в format параметры.

<script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/formats/bbcode.min.js"></script>
<script>
// Replace the textarea #example with SCEditor
var textarea = document.getElementById('example');
sceditor.create(textarea, {
	format: 'bbcode',
	style: 'https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/content/default.min.css'
});
</script>

Чтобы включить плагин XHTML, просто добавьте его xhtml в format параметры.

<script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/formats/xhtml.min.js"></script>
<script>
// Replace the textarea #example with SCEditor
var textarea = document.getElementById('example');
sceditor.create(textarea, {
	format: 'xhtml',
	style: 'https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/content/default.min.css'
});
</script>

Все параметры следует передавать через конструктор.

// Create the editor
sceditor.create(textarea, {
    // Options go here
 
    plugins: 'undo',
    format: 'bbcode',
	toolbar: 'bold,italic,underline|source',
	locale: 'no-NB'
});

toolbar String — список всех встроенных команд.
Список команд, разделённых запятыми. Для разделения команд на группы используйте символ черточки (|) вместо запятой. Например:«bold,italic,underline|source»

toolbarExclude String По умолчанию null

Список команд, разделенных запятыми, которые следует исключить из панели инструментов. Оставьте значение «как», nullчтобы ничего не исключать.

style String

URL-адрес таблицы стилей, используемой для оформления содержимого WYSIWYG- редактора.

var textarea = document.getElementById('example');
sceditor.create(textarea, {
	style: 'minified/themes/content/default.min.css'
});

fonts String. По умолчанию используется«Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana»
Список шрифтов, разделенных запятыми, для использования с селектором шрифтов.

var textarea = document.getElementById('example');
sceditor.create(textarea, {
	fonts: 'Arial,Courier New,Times New Roman'
});