SCEditor is a lightweight jQuery based WYSIWYG HTML and BBCode editor.
The aim of SCEditor is to be lightweight while still having all the features that would ever be wanted and being a good BBCode WYSIWYG editor. A demo is available here.
Features
- Bold, underline, italic, superscript and subscript
- Left, center, right and justify text
- Text size, color and font
- As You Type emoticon conversion
- Tables
- Lists
- Code and quote tags
- Images and links
- I18n support
Compatibility
SCEditor should work in at least:
- IE 6+
- FF 3.5
- Chrome
- Opera 9.5+
- Safari 4+
It may work in earlier versions I just can’t test them. If you find any problems, please let me know.
Getting SCEditor
You can download SCEditor here. The source code is also available on GitHub.
License
SCEditor is dual licensed under the MIT and GPL.
Donating
If you would like to make a donation you can via PayPal or via Flattr.
Changelog
Version 1.2.7:
Added options for emoticons to require spaces around them for compatibility.
i.e. If you have the emoticon :/ it will not replace http://. This
mode currently has limited As You Tyne emoticon conversion.
Fixed problem with YouTube dropdown
Fixed Opera problem with [url]
Fixed problem with default style causing table to have size tags wrapped around them
Fixed dropdowns being hidden behind YouTube videos
Fixed empty tables being inserted if columns and rows are set to 0
Updated so that when enter is pressed on code or quotes a new line is always inserted
Updated quote behaviour to insert selected text into the quote rather than replace it
Updated editor to not allow block level elements inside inline elements
Fixed problem with Opera not allowing text to be aligned after switching from WYSIWYG to source modes and back again
Updated so there is always a newline at the end of the editor if a quote or code is inserted. Allows to get out of them.
Updated to allow only certian bbcode tags within tags
Fix bug with IE selection
Hi, first of all i need to thank you for this awesome bb editor.
my question is: how can i get the value of message in javascript ?
is this working ? document.getElementById(“message”).value ?
thank you so much again.
You should be able to get the value by doing:
$("textarea").data('sceditor').updateTextareaValue();$("textarea").val();
thanks
hi again, i donno if this is a bug or not. but when i select a text and click on Quote , all selected text erases… .
It’s meant to do that but thinking about it, it should probably put the text inside the quote instead! I will update it to do that instead.
It’s now been update! When the next version is released it should insert the selected text into the quote, instead of replacing it.
Based on my previous experience with WYSIWYG editors, this is one is for BBCode as TinyMCE is for HTML – the best out there!
It is lightweight, based on popular jQuery, option robust and all that in ~30kb size.
CSS is easy to adjust (here’s my layout http://img.ly/images/3260244/full)
Too bad you’re not on top of Google search results. Keep up the good work @sam
Thanks! I’m glad it’s of some use.
I have to say I like your styling much more than the default!
The alignment of text doesn’t work correctly in Opera. It is not possible to set the text align to the Left and also the change between the different orientations doesn’t works.
I’ve just checked it and it dose seem to be working in Opera. What version is the problem with and what OS?
I use the current SCEditor Version (1.2.6) and also the current Opera Version (11.61). My OS is Windows 7 Professional x64
I’ve just checked on the same OS with the same version of Opera and it seems to be working.
Dose the problem happen in the demo?
yes the issue happens at your demo too. when your mark the first line “BBCode SCEditor” and push one of the the text align buttons, nothing happens. The second and third line can be changed. Also the BB-Code tag [left](…)[/left] does not displayed in the code preview.
I’ve found it, thanks for reporting! It’s now been fixed for the next release. You can download the latest development version from GitHub here.
Version 1.2.7 has now been released which should solve the problem.
It doesn’t work very well with IE 9… Try putting some sentences in bold for example, it doesn’t always work.. What a pity because it is the best bbcode editor of the web ! really !
I’ve managed to find what I think is causing the bug and fixed it in the next version which should be released in a day or two.
There is a small bug with the BBCode parser in the next version but once that’s fixed and it’s been thoroughly tested it will be released.
I’ve been testing a lot in IE9 and I think I’ve fixed what was causing the problem. The new version 1.2.7 has now been released which should fix the problems.
Can you select the latest sentence of your demo with IE9 and put it in bold for example ? “If you are using IE9+ or any non-IE browser just type
and it should be converted into as you type.”
Thank in advance !
Ah yes I missed that bug! I’ve added a fix to the GitHub repo which should fix the problem, you can download it here.
Sincerely, you should create a website for SCEditor because it’s very difficulte to find it on the web (especially in France :p) ! It is the most complete bbcode editor I found !
Thank you again.