Store
Community Documentation

v3 Knowledgebase

How to enable TinyMCE the WYSIWYG text editor?


If you are using phpFox v3, this article does not apply for you. TinyMCE is added by default in phpFox v3, so, you just need to enable it at:
AdminCP >> Settings >> System Settings >> Global Settings >> Content Formatting >> WYSIWYG Editor

Thanks.


Introduction

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

Plug-in Details

Benc Enterprises AB provides a free open source plug-in to integrate TinyMCE with phpFox under the MIT License.

Version: 1.0
phpFox Source Modifications: None
Official Support: Yes for the plug-in; no for the editors output.

Requirements

phpFox Version: 2.0.5 or higher

Important Notices

Since TinyMCE needs to use the style attribute the plug-in forces the script to allow it, which is something we disallow by default. Due to this and the actual product being developed by a 3rd party company (TinyMCE) we cannot support the actual output of the editor. We can support the actual plug-in, which enables the editor on certain forms. This plug-in also enables the feature "XHTML Valid". This feature cleans up any invalid HTML tags, which are usually tags that are not properly closed. This feature requires PHP DOMDocument, which is enabled by default on most PHP builds.

Installing the Plug-in

1) Download the plug-in here.
2) Extract and upload the contents found within the "upload/" folder to your sites root directory.
3) Log into your AdminCP and go to:
Extensions >> Product >> Import Products

4) Look for the product "TinyMCE" in the table and click the "Install" link.
Go to:
Settings >> System Settings >> Manage Settings >> Content Formatting

6) Look for the setting:
WYSIWYG Editor

set it to:
tiny_mce

Click the submit button at the bottom of that page.

TinyMCE should now have successfully been installed and enabled on your site. To test the feature try adding a new blog.

Plug-in Settings

We provide several settings you can edit direct from your AdminCP by going to:
Settings >> System Settings >> Manage Settings >> TinyMCE

Upgrading TinyMCE

Note that upgrading TinyMCE is not connected in any way with upgrading phpFox or this actual plug-in. TinyMCE is independent and you can upgrade it at anytime. The source files for TinyMCE can be found on your server here:
static/jscript/wysiwyg/tiny_mce/

Upgrading usually requires overwriting those files with the ones you downloaded from their website.