SCEditor – a lightweight jQuery WYSIWYG editor

SCEditor is a flexible jQuery WYSIWYG editor, with BBCode & HTML support. Easy to use.

Nice and useful jQuery WYSIWYG editor

WYSIWYG editor is a system in which content (text and graphics) displayed onscreen during editing appears in a form closely corresponding to its appearance when printed or displayed as a finished product.

BB Code is a lightweight markup language used to format posts in many message boards.

SCEditor is a lightweight jQuery based WYSIWYG BBCode (Bulletin Board Code) and XHTML editor. Great for web projects, especially CMS, e-commerce backend or forum.

License: MIT

WYSIWYG editor as jQuery plugin - SCEditor
WYSIWYG editor as jQuery plugin – SCEditor

Quick Start

Include the JS & CSS:

<script type="text/javascript" src="jquery.min.js"></script>

<!-- Include the default theme -->
<link rel="stylesheet" href="minified/themes/default.min.css" 
  type="text/css" media="all" />

<!-- Include the editors JS -->
<script type="text/javascript" 
  src="minified/jquery.sceditor.bbcode.min.js"></script>

The file jquery.sceditor.bbcode.min.js has the BBCode plugin bundled with it and the file jquery.sceditor.xhtml.min.js has teh XHTML plugin bundled with it.

Init

To enable the BBCode plugin just add bbcode to the plugins option. e.g.

  $(function() {
    $("textarea").sceditor({
      plugins: "bbcode",
      style: "minified/jquery.sceditor.default.min.css"
    });
  });

To enable the XHTML plugin just add xhtml to the plugins option. e.g.:

  $(function() {
    $("textarea").sceditor({
      plugins: "xhtml",
      style: "minified/jquery.sceditor.default.min.css"
    });
  });

Project homepage:

http://www.sceditor.com

GitHub:

https://github.com/samclarke/SCEditor

See also:

WYSIWYG editors in JavaScript, jQuery and HTML5

There is also an extension for (my favorite) Yii framework:

http://www.yiiframework.com/extension/yii2-sceditor

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn2Pin on Pinterest1