HTTP/2 200 accept-ranges: bytes age: 10884 cache-control: public,max-age=0,must-revalidate cache-status: "Netlify Edge"; hit content-encoding: gzip content-type: text/html; charset=UTF-8 date: Fri, 30 Jan 2026 01:23:26 GMT etag: "561d00b5171023a20e5d5d3a62400514-ssl-df" server: Netlify strict-transport-security: max-age=31536000 vary: Accept-Encoding x-nf-request-id: 01KG67YY73XXBHG50R20H2WARJ content-length: 2733

SCEditor

SCEditor

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

Give it a try! :) [color=#ff00]Red text and [/color][color=#3399ff]blue text![/color] [ul][li]A simple list[/li][li]With two items[/li][/ul] Just type [b]:[/b]) and it will be converted into :) as you type.

Quick Start

Include the JS & CSS:

<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>

Initialize the editor

BBCode

<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

<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>

Finished!

Download View on GitHub