SCEDITOR - A LIGHTWEIGHT WYSIWYG HTML AND BBCODE EDITORNEWSDOCSINTEGRATIONSSUPPORTOPTIONSFORMATS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

GETTING STARTED

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

SCEDITOR - SCEDITOR

SCEditor. Translates a string into the current locale. Adds a shortcut handler to the editor. Binds a handler to an event. Binds a handler to the blur event, or triggers the blur event. Clears the formatting of the first block level element that has the cursor.

OPTIONS - SCEDITOR

Options Specifying options . All options should be passed via the constructor. For example. // Create the editor sceditor.create(textarea, { // Options go here

API - SCEDITOR

API. DOM. DOM node helper object. Works with raw DOM nodes. RangeHelper. DOM Range (selection) helper. SCEditor. Main editor object. DOM. DOM node helper object.

XHTML - SCEDITOR

sceditor.formats.xhtml.disallowedAttribs Object. Important: This will only be used if allowedAttribs is empty. Acts as a blacklist of disallowed attributes. If null or empty then all attributes will be allowed. The format of disallowedAttribs is the same as allowedAttribs above except instead of allowing attributes, this will blacklist them. HOW TO UPLOAD AND INSERT AN IMAGE Code behind. Quite a few people have asked how to upload and insert images into the editor so I've decided to make this little demo with the ImageShack API. All that's really needed to insert an image is to call wysiwygEditorInsertHtml () or even just insert () on an editor instance. insert () accepts BBCode if using the BBCode plugin

DRAGDROP - SCEDITOR

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

WIDTH() - SCEDITOR

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

MIGRATING TO V2

SCEDITOR - A LIGHTWEIGHT WYSIWYG HTML AND BBCODE EDITORNEWSDOCSINTEGRATIONSSUPPORTOPTIONSFORMATS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

GETTING STARTED

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

SCEDITOR - SCEDITOR

SCEditor. Translates a string into the current locale. Adds a shortcut handler to the editor. Binds a handler to an event. Binds a handler to the blur event, or triggers the blur event. Clears the formatting of the first block level element that has the cursor.

OPTIONS - SCEDITOR

Options Specifying options . All options should be passed via the constructor. For example. // Create the editor sceditor.create(textarea, { // Options go here

API - SCEDITOR

API. DOM. DOM node helper object. Works with raw DOM nodes. RangeHelper. DOM Range (selection) helper. SCEditor. Main editor object. DOM. DOM node helper object.

XHTML - SCEDITOR

sceditor.formats.xhtml.disallowedAttribs Object. Important: This will only be used if allowedAttribs is empty. Acts as a blacklist of disallowed attributes. If null or empty then all attributes will be allowed. The format of disallowedAttribs is the same as allowedAttribs above except instead of allowing attributes, this will blacklist them. HOW TO UPLOAD AND INSERT AN IMAGE Code behind. Quite a few people have asked how to upload and insert images into the editor so I've decided to make this little demo with the ImageShack API. All that's really needed to insert an image is to call wysiwygEditorInsertHtml () or even just insert () on an editor instance. insert () accepts BBCode if using the BBCode plugin

DRAGDROP - SCEDITOR

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

WIDTH() - SCEDITOR

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

MIGRATING TO V2

SCEDITOR - SCEDITOR

SCEditor. Translates a string into the current locale. Adds a shortcut handler to the editor. Binds a handler to an event. Binds a handler to the blur event, or triggers the blur event. Clears the formatting of the first block level element that has the cursor.

POSTS - SCEDITOR

24 Feb 2021 Version 3.0.0 released. Details of the 3.0.0 release. 4 May 2018 Version 2.1.3 released. Details of the 2.1.3 release. 19 Dec 2017 Version 2.1.2 released. Details of the 2.1.2 release. 28 Nov 2017 Version 2.1.1 released. Details of the 2.1.1 release. 20 Nov 2017 Version 2.1.0 released.

API - SCEDITOR

API. DOM. DOM node helper object. Works with raw DOM nodes. RangeHelper. DOM Range (selection) helper. SCEditor. Main editor object. DOM. DOM node helper object.

FILES - SCEDITOR

Files . You should normally only include the minified files from the minified/ directory. They use a lot less bandwidth which lets the page load faster and keeps mobile users happy.. Core files . minified/sceditor.min.js The core editor minified. minified/jquery.sceditor.min.js

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

CUSTOM COMMANDS

Custom Commands Creating/Updating a Custom Command. To add/update a command use the sceditor.command.set() function.. Important: When creating or updating a command, it must be done before creating an instance of the editor, e.g. before calling sceditor.create(). Warning: This function will update any existing command with the same name. The sceditor.command.set() function takes two

PLUGINS - SCEDITOR

Plugins. Plugins can be enabled by adding them in the plugins option via the editors constructor.. See the custom plugins page for more information about creating plugins.. AutoSave. Automatically saves the editors contents to localStorage. AutoYoutube. Automatically converts pasted YouTube links into

FORMATS - SCEDITOR

Formats. Formats convert the input and output of SCEditor allowing it to load and output things like BBCode. BBCode. BBCode format for SCEditor. XHTML. XHTML format for SCEditor.

THEMING - SCEDITOR

Theme Structure . All the default themes in LESS CSS format and are located in the src/themes/ directory.. To build and minify the themes run the command build/build.sh --css from the root SCEditor directory. The output will be placed in the minified/themes directory.

CUSTOM FORMATS

Custom Formats Structure . SCEditor currently supports BBCode and XHTML formats as well as custom formats. Important: When creating a custom format, it must be done before creating an instance of the editor, e.g. before calling sceditor.create(). The structure of a custom format should be: SCEDITOR - A LIGHTWEIGHT WYSIWYG HTML AND BBCODE EDITORNEWSDOCSINTEGRATIONSSUPPORTOPTIONSFORMATS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

OPTIONS - SCEDITOR

Options Specifying options . All options should be passed via the constructor. For example. // Create the editor sceditor.create(textarea, { // Options go here

GETTING STARTED

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR FORUM/CMS INTEGRATIONS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

CUSTOM COMMANDS

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

XHTML - SCEDITOR

sceditor.formats.xhtml.disallowedAttribs Object. Important: This will only be used if allowedAttribs is empty. Acts as a blacklist of disallowed attributes. If null or empty then all attributes will be allowed. The format of disallowedAttribs is the same as allowedAttribs above except instead of allowing attributes, this will blacklist them.

WIDTH() - SCEDITOR

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

MIGRATING TO V2

DRAGDROP - SCEDITOR

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR - A LIGHTWEIGHT WYSIWYG HTML AND BBCODE EDITORNEWSDOCSINTEGRATIONSSUPPORTOPTIONSFORMATS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

OPTIONS - SCEDITOR

Options Specifying options . All options should be passed via the constructor. For example. // Create the editor sceditor.create(textarea, { // Options go here

GETTING STARTED

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR FORUM/CMS INTEGRATIONS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

CUSTOM COMMANDS

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

XHTML - SCEDITOR

sceditor.formats.xhtml.disallowedAttribs Object. Important: This will only be used if allowedAttribs is empty. Acts as a blacklist of disallowed attributes. If null or empty then all attributes will be allowed. The format of disallowedAttribs is the same as allowedAttribs above except instead of allowing attributes, this will blacklist them.

WIDTH() - SCEDITOR

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

MIGRATING TO V2

DRAGDROP - SCEDITOR

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

CUSTOM COMMANDS

Custom Commands Creating/Updating a Custom Command. To add/update a command use the sceditor.command.set() function.. Important: When creating or updating a command, it must be done before creating an instance of the editor, e.g. before calling sceditor.create(). Warning: This function will update any existing command with the same name. The sceditor.command.set() function takes two

API - SCEDITOR

API. DOM. DOM node helper object. Works with raw DOM nodes. RangeHelper. DOM Range (selection) helper. SCEditor. Main editor object. DOM. DOM node helper object.

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

FILES - SCEDITOR

Files . You should normally only include the minified files from the minified/ directory. They use a lot less bandwidth which lets the page load faster and keeps mobile users happy.. Core files . minified/sceditor.min.js The core editor minified. minified/jquery.sceditor.min.js

THEMING - SCEDITOR

Theme Structure . All the default themes in LESS CSS format and are located in the src/themes/ directory.. To build and minify the themes run the command build/build.sh --css from the root SCEditor directory. The output will be placed in the minified/themes directory.

FORMATS - SCEDITOR

Formats. Formats convert the input and output of SCEditor allowing it to load and output things like BBCode. BBCode. BBCode format for SCEditor. XHTML. XHTML format for SCEditor.

VAL() - SCEDITOR

val () Since: 1.3.5. Gets the current value of the editor. This will return the filtered HTML from the WYSIWYG editor or the unfiltered contents of the source editor. If using a format like the BBCode format, this will return the filtered HTML i.e. BBCode in the case of

the BBCode format.

WYSIWYGEDITORINSERTHTML() wysiwygEditorInsertHtml() wysiwygEditorInsertHtml(start) Since: 1.3.0 Inserts HTML into WYSIWYG editor. If end is not null and there is some selected text, the selected text will be placed between the start and end strings.. If there is no selection and end is set, it will just be appended to the end of start before inserting.. Info: Using the insert() method is the prefered way of inserting SETSOURCEEDITORVALUE() setSourceEditorValue() setSourceEditorValue(val) Since: 1.3.0 Sets the current value of the source editor. Info: Using the val() method is the prefered way of setting the editors value. It will check if the editor is in WYSIWYG or source mode and set the appropriate value. DRAG & DROP IMAGE UPLOAD DEMO A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR - A LIGHTWEIGHT WYSIWYG HTML AND BBCODE EDITORNEWSDOCSINTEGRATIONSSUPPORTOPTIONSFORMATS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

OPTIONS - SCEDITOR

Options Specifying options . All options should be passed via the constructor. For example. // Create the editor sceditor.create(textarea, { // Options go here

GETTING STARTED

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR FORUM/CMS INTEGRATIONS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

CUSTOM COMMANDS

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

XHTML - SCEDITOR

sceditor.formats.xhtml.disallowedAttribs Object. Important: This will only be used if allowedAttribs is empty. Acts as a blacklist of disallowed attributes. If null or empty then all attributes will be allowed. The format of disallowedAttribs is the same as allowedAttribs above except instead of allowing attributes, this will blacklist them.

WIDTH() - SCEDITOR

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

MIGRATING TO V2

DRAGDROP - SCEDITOR

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR - A LIGHTWEIGHT WYSIWYG HTML AND BBCODE EDITORNEWSDOCSINTEGRATIONSSUPPORTOPTIONSFORMATS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

OPTIONS - SCEDITOR

Options Specifying options . All options should be passed via the constructor. For example. // Create the editor sceditor.create(textarea, { // Options go here

GETTING STARTED

A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. SCEDITOR FORUM/CMS INTEGRATIONS A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

CUSTOM COMMANDS

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

XHTML - SCEDITOR

sceditor.formats.xhtml.disallowedAttribs Object. Important: This will only be used if allowedAttribs is empty. Acts as a blacklist of disallowed attributes. If null or empty then all attributes will be allowed. The format of disallowedAttribs is the same as allowedAttribs above except instead of allowing attributes, this will blacklist them.

WIDTH() - SCEDITOR

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

MIGRATING TO V2

DRAGDROP - SCEDITOR

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

CUSTOM COMMANDS

Custom Commands Creating/Updating a Custom Command. To add/update a command use the sceditor.command.set() function.. Important: When creating or updating a command, it must be done before creating an instance of the editor, e.g. before calling sceditor.create(). Warning: This function will update any existing command with the same name. The sceditor.command.set() function takes two

API - SCEDITOR

API. DOM. DOM node helper object. Works with raw DOM nodes. RangeHelper. DOM Range (selection) helper. SCEditor. Main editor object. DOM. DOM node helper object.

SUPPORT & LICENSING

Support/Licensing Support . If you have any questions or comments about SCEditor, you can contact me directly at sam sceditor.com.. Licensing . SCEditor is licensed under the MIT license:

FILES - SCEDITOR

Files . You should normally only include the minified files from the minified/ directory. They use a lot less bandwidth which lets the page load faster and keeps mobile users happy.. Core files . minified/sceditor.min.js The core editor minified. minified/jquery.sceditor.min.js

THEMING - SCEDITOR

Theme Structure . All the default themes in LESS CSS format and are located in the src/themes/ directory.. To build and minify the themes run the command build/build.sh --css from the root SCEditor directory. The output will be placed in the minified/themes directory.

FORMATS - SCEDITOR

Formats. Formats convert the input and output of SCEditor allowing it to load and output things like BBCode. BBCode. BBCode format for SCEditor. XHTML. XHTML format for SCEditor.

VAL() - SCEDITOR

val () Since: 1.3.5. Gets the current value of the editor. This will return the filtered HTML from the WYSIWYG editor or the unfiltered contents of the source editor. If using a format like the BBCode format, this will return the filtered HTML i.e. BBCode in the case of

the BBCode format.

WYSIWYGEDITORINSERTHTML() wysiwygEditorInsertHtml() wysiwygEditorInsertHtml(start) Since: 1.3.0 Inserts HTML into WYSIWYG editor. If end is not null and there is some selected text, the selected text will be placed between the start and end strings.. If there is no selection and end is set, it will just be appended to the end of start before inserting.. Info: Using the insert() method is the prefered way of inserting SETSOURCEEDITORVALUE() setSourceEditorValue() setSourceEditorValue(val) Since: 1.3.0 Sets the current value of the source editor. Info: Using the val() method is the prefered way of setting the editors value. It will check if the editor is in WYSIWYG or source mode and set the appropriate value. DRAG & DROP IMAGE UPLOAD DEMO A lightweight, open source, WYSIWYG BBCode and (X)HTML editor.

SCEDITOR

*

* News

* Docs

* Getting started

* Options

* Formats

* Plugins

* API

* Integrations

* Support

* GitHub

* Download

SCEDITOR

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

B

Boldi

ItalicU

UnderlineS

Strikethrough

Subscript

Superscript

Align left

Center

Align right

Justify

Font Name

Font SizeA

Font Color

Remove Formatting

Cut

Copy

Paste Text

Bullet list

Numbered list

Add indent

Remove one indent

Insert a table

Code

Insert a Quote

Insert a horizontal rule

Insert an image

Insert an email

Insert a link

Unlink

Insert an emoticon

Insert a YouTube video

Insert current date

Insert current time

Left-to-Right

Right-to-Left

Print

Maximize

View source

Give it a try! :) Red text and

blue text! A simple

listWith two items Just type :) and it will be converted into :) as you type.

QUICK START

INCLUDE THE JS & CSS: INITIALIZE THE EDITOR

BBCODE

XHTML

FINISHED!

Download

Documentation

� 2021 Sam Clarke — Hosted by

Netlify

Edit this page