Posted on

Adding TinyMCE Editor in MyBB

A good Editor is very important for forum based project because they are based on content creation. Current editor in MyBB is not so seamless and lot of people don’t like that editor which might be because of WYSWYG issues and it doesn’t give modern feeling. In this tutorial, I will tell you how you can easily add TinyMCE editor in MyBB which is much better and also looks good on websites.

You can try TinyMCE on their website and it is a very good product. They have a javascript based solution which you can easily add on your forums without download any files on your forums. I will tell you step by step on how you can add TinyMCE Editor in MyBB and once you have added TinyMCE, it will look like this

TinyMCE Editor in MyBB

There is already a tutorial on TinyMCE in MyBB by darkteller but that is quite old and doesn’t focus on customization on TinyMCE which allows you to change the look, add features on TinyMCE. We will be installing TinyMCE v4 editor in MyBB

Tutorial :-

    1. Download latest release of TinyMCE here and upload the content inside root/jscripts folder in FTP or CPanel.
    2. Go to admin cp > Templates and Styles > Ungrouped Templates > codebuttons
    3. Replace the content of the template with below gist (Make sure you take a backup of existing template before replacing)
    4. Now open NewThread template and replace the content with this code(Make sure you take a backup of existing template before replacing)
    5. Now go to forum settings and Allow html in postsHTML in posts in mybb
    6. Save your forum settings and TinyMCE editor should show in your post just like the above screenshot.

You can modify the editor based on your liking by changing the options in codebuttons template. For reference you can check TinyMCE documentation below :

https://www.tinymce.com/docs/

Hope this tutorial helps you add latest editor of TineMCE in MyBB.

Leave a Reply

Your email address will not be published. Required fields are marked *

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