PHPBB3-10418 - WYSIWYG Editor/Rich Text Editor

Discuss requests for comments/changes posted in the Issue Tracker for the development of phpBB. Current releases are 3.2/Rhea and 3.3/Proteus.
Post Reply
User avatar
AliasM2K
Registered User
Posts: 82
Joined: Tue Mar 27, 2012 2:33 am

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by AliasM2K »

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

Will report back soon when done :D

User avatar
AliasM2K
Registered User
Posts: 82
Joined: Tue Mar 27, 2012 2:33 am

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by AliasM2K »

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

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?
Attachments
phpbb-rte-bbcode.jpg
Editing BBCode (source)
(173.8 KiB) Downloaded 2592 times
phpbb-rte-in.jpg
Rich Text Editor with inputs
(188.8 KiB) Downloaded 2592 times
phpbb-rte.jpg
Rich Text Editor clear
(175.57 KiB) Downloaded 2592 times

User avatar
AliasM2K
Registered User
Posts: 82
Joined: Tue Mar 27, 2012 2:33 am

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by 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...
Attachments
phpbb-rte-img-bbcode.jpg
BBCode after Image and Link insertion
(183.6 KiB) Downloaded 2594 times
phpbb-rte-link-in.jpg
Inserting Links
(183.66 KiB) Downloaded 2594 times
phpbb-rte-img.jpg
Inserting Images
(194.59 KiB) Downloaded 2594 times

User avatar
brunoais
Registered User
Posts: 964
Joined: Fri Dec 18, 2009 3:55 pm

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by 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
Extension Customisations
Extension Customisations
Posts: 315
Joined: Thu Jul 16, 2009 4:41 pm

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by Senky »

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

User avatar
AliasM2K
Registered User
Posts: 82
Joined: Tue Mar 27, 2012 2:33 am

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by AliasM2K »

brunoais wrote: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.
Senky wrote: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 :D

User avatar
AliasM2K
Registered User
Posts: 82
Joined: Tue Mar 27, 2012 2:33 am

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by AliasM2K »

By the way, just tried out TinyMCE... Looks much neater than CKEditor.
Attachments
tinymce-edit.jpg
(174.78 KiB) Downloaded 2335 times

User avatar
brunoais
Registered User
Posts: 964
Joined: Fri Dec 18, 2009 3:55 pm

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by brunoais »

Please proceed.

User avatar
callumacrae
Former Team Member
Posts: 1046
Joined: Tue Apr 27, 2010 9:37 am
Location: England
Contact:

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by callumacrae »

I prefer CKEditor.
Made by developers, for developers!
My blog

User avatar
AliasM2K
Registered User
Posts: 82
Joined: Tue Mar 27, 2012 2:33 am

Re: [RFC] WYSIWYG Editor/Rich Text Editor

Post by 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...
Attachments
tinymce-fontsize.jpg
Font Size and Color Coupling Bug
(188.14 KiB) Downloaded 2443 times
tinymce-list.jpg
List and Smiley Bug
(196.74 KiB) Downloaded 2443 times

Post Reply