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>