PHPBB3-10418 - WYSIWYG Editor/Rich Text Editor

[AliasM2K]

Thanks for the suggestions flocks... Working on implementing them.

Will report back soon when done

[AliasM2K]

Well... Its on... Check out the attached images

Features:

1. WISIWYG Editor
2. Preview images before inserting them
3. Instant swap between Rich Text and BBCode

Bugs

1. Buttons in toolbar is not enabled while editing BBCode
2. Alot of other bugs which made me drop couple of features included earlier

So, what do you think?

[AliasM2K]

Updated the appearance. And, last time, I forgot to attach screen shots of inserting images and links... So, here they are too...

Feed backs please...

[brunoais]

The buttons are being disabled when you click to view the source *cry*.
Please make it so that the buttons won't get disabled and are still usable.

[Senky]

Also styling will probably change, as it needs to suit current style (prosilver, etc.), but it looks pretty good!

[AliasM2K]

The buttons are being disabled when you click to view the source *cry*.
Please make it so that the buttons won't get disabled and are still usable.

Well, I haven't done much hard core customization on CKEditor. It is just the available features of CKEditor that I have used.

Also styling will probably change, as it needs to suit current style (prosilver, etc.), but it looks pretty good!

Using the Bootstrap CK Skin. Personally I love it.

Besides, there are a lot of bugs in the bbcode plugin of CKEditor which requires fixing. I realized this while working on the editor. Anyway, thanks for the feedback. Now, going to get my hands dirty by doing some hard core coding. It is time to pay CKEditor Docs and Forums a good long vist

[AliasM2K]

By the way, just tried out TinyMCE... Looks much neater than CKEditor.

[brunoais]

Please proceed.

[callumacrae]

I prefer CKEditor.

[AliasM2K]

Now, here are the results of my tests with the current bbcode plugin for TinyMCE.

1. Lists are not properly bbcoded. Outputs HTML rather than bbcode when used
2. Smileys are not properly bbcoded. Uses bbcode.
3. Font sizes shown in pixels in editor(as Normal etc. in phpBB), and as 'normal' etc. in bbcode view (phpbb shows font sizes as 200 etc in bbCode view)
4. Font size, color etc. gets coupled into a single bbcode tag when used together

The good thing I like about TinyMCE is its extensive skinning support and neat looks. Also, not to forget its really excellent spell checker which may be toggled on or off.

Attaching screen shots...