Forums/Enterprise TinyMCE/Enterprise TinyMCE Knowledge Base

Getting Started with TinyMCE

Brett Henderson
posted this on May 19, 2011 07:34 PM

You've downloaded the zip file to your desktop, but there is no .exe file that starts the install so what do you do next?

TinyMCE is relatively straight forward to install and setup on your server. The following article covers the basic steps needed to get you up and running with TinyMCE on your system.

Installation

Installation is a simple as unzipping the package onto your webserver. Make a note of the URL to the location as you'll need that later.

Including TinyMCE on your site

To include TinyMCE on your page, it's a simple as

  1. Including the TinyMCE JavaScript library (tinymce/jscripts/tiny_mce/tiny_mce.js) on your web page
  2. Initialise TinyMCE using the command tinyMCE.init()

If you don't have a page already on your system to include TinyMCE, or simply want to experiment with it first, you can create a simple test page following these steps.

  • Create a simple HTML page with a textarea on it. For example.
  • <textarea id="content" name="content" style="width: 400px; height: 200px;"></textarea>

    Note: by default TinyMCE will replace every textarea on the page.

  • Include the following JavaScript on the page.
<script src="insertYourPath/tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript">

Note: put the path on your server to the tinymce you installed instead of the text "path_on_server"

<script type="text/javascript">
    tinyMCE.init({
        mode : "textareas",
        theme : "simple" 
    });
</script>

Note: ensure you don't put a trailing comma on the last configuration item (in this case theme : "simple") when you start adding configuration elements.

What Next

Once you've got TinyMCE appearing on your page (or test page), it's time to start configuring it. You do this by customising the configuration used in the init() method on your page.

The most common change is to set the theme to "advanced". This allows you to specify all of the toolbar items you want your end users to have access to.

In addition, you will want to include some plugins to provide features like autoresize, advanced lists, images and hyperlink functionality, emoticons and much more.

For more information on the configuration settings and plugin options, refer to the documentation.