phpBB Visual Editor

GSoC 2012 project for phpBB.

Idea: Rich Text Editor Integration

Brief explanation:

BBCode is a lightweight markup language based on XHTML used to format posts. As such it is very technical and can be difficult to use, especially for novice internet users. It is also difficult to use for more experienced users when the formatting gets more complex. BBCode however also serves as a security mechanism for preventing the use of arbitrary HTML markup (and thus JavaScript), so the existing BBcode editor can not be replaced with an editor that produces HTML. A possible solution could be the use of a JavaScript editor that produces BBcode which is then translated to HTML as before.

Expected results:

Integration of a Rich Text Editor into phpBB core, making the use of the bulletin board a lot easier by allowing users to pick the editor that fits their needs.

My patch:

Screenshot of the integrated phpBB Visual Editor.

I have been working on this project on different phases.

To-Do List

  1. Tweak CSS to match prosilver and subsilver(if needed)
  2. Learn about git submodules and try to integrate CKEditor as an asset.
  3. Remove unnecessary files.
  4. Set up an option in ACP.
  5. Update SQL Schema.
  6. Fix the phpBB smileys integration issue.
  7. Fix issues such as JS turned off.
  8. Try implementing other JS editors such as TinyMCE so that users can choose the Visual Editor they want.
  9. Minor changes (like following coding guidelines)
  10. Fix bugs (if any)

and many more…

Hoping to code all through the summer(and even after that) and contribute to the phpBB community 🙂

Published by Shibu Lijack

Frontend Web Developer | Music Enthusiast | Foodie | Technophile

Join the Conversation


  1. Are u still developing this? I like what u hv made very much and i would like to use this but you are offering a complete pre-modified package at github. can u just tell me what changes to code need to be made and what extra files need to be included? Please shibu…

    Well, I from India as well 😉

Leave a comment

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: