One of the most popular additions to the Modx interface is the installation of the TinyMCE editor.  This application is open source and can be quickly loaded into the back end interface for Modx.  The following article walks you through using the Package Manager within Modx.  The TinyMCE is an invaluable tool in that it allows anyone to be able to enter text and media into the website without having to know actual code - TinyMCE editor will make that change for you.  Additionally, you can switch to the HTML to edit the code directly.  The following tutorial will walk you through loading the latest version of TinyMCE into the Modx dashboard.

Loading the TinyMCE Editor into the Modx Interface

  1. Login to the Modx Dashboard as an Administrator.
  2. Go to the menu bar in the top left of the screen and hover over SYSTEM.  Click on Package Management when it appears (first on the list).
  3. When the Package Management screen appears, you will see a button that is labeled with words DOWNLOAD EXTRAS.  Please click on this button.  You will see something similar to following:

    List of the packages available for download

    Note that TinyMCE is the most popular item on the list.  Click on it to select it.
  4. In the next menu, click on the DOWNLOAD button.  This will retrieve the installation files but it will not install the application.
  5. After it completes, return back to the DOWNLOAD EXTRAS by clicking on the button at the top of the screen that is labeled Return to Download Extras.
  6. The install screen for TinyMCE will appear like this:
    TinyMCE install option

    Click on INSTALL in order to install it.  You will see the Changelog, README, and License options.
  7. Click on the CONTINUE button in the bottom right hand corner to proceed.
  8. A console window will appear giving you any error messages or completed installation details.  When it finishes, it should look something like this:

    Console screen for TinyMCE installation

    Click on OK in order to proceed.

  9. The installation is now complete and the screen will then look similar to this:

    TinyMCE installed

With the completion of the installation of the TinyMCE editor, you can now edit your document resource pages and add formatting, pictures, links, etc. without having to know HTML.  The editor will add the coding for you.  To see the editor in action, simply go back to your HOME page (by clicking HOME document in the Resource Tree on the left-hand side).  You should see a screen similar to the following:


The new toolbar that you see at the top is the interface for the newly installed TinyMCE editor.  To learn more about using the editor go to Adding Text and Graphics with the TinyMCE Editor in Modx.


Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.