Category: ProjectPier

Adding TinyMCE to your ProjectPier or ActiveCollab Installation

Many of you are project managers, and may be using Activecollab or ProjectPier.

We were tired of their lame editor, so we decided to add TinyMCE into our installed version, both for ease of client use, and internal use.

The instructions are very simple.

1. Go to ProjectPier, grab the latest version (or svn)

2. Install ProjectPier as you would normally

3. Install any custom patches or addons to project pier.

4. Download TinyMCE

5. Uncompress TinyMCE, and enter the newly extracted directory. You will see a javascript directory. Rename this to tiny_mce.

6. Copy your newly renamed “tiny_mce” directory to the root of your ProjectPier installation.

# cp -R tiny_mce /var/www/yoursite/htdocs/projectpier/

7. Now, this is the only “complicated” part. Go into your ProjectPier installation directory, and then enter the applications directory. Like this.

# cd /var/www/yoursite/htdocs/projectpier/
# cd application
# cd layouts

8. Now you’re going to want to edit three files

# nano administration.php dashboard.php project_website.php

9. Now in these files, you’re going to want to add the include for tiny_mce. Add the following code after the last “add_javascript_to_page” line at the top of each file and then you are done.

<?php echo add_javascript_to_page(‘dropdown.js’) ?>
<script language=”javascript” type=”text/javascript” src=”http://www.yoursite.com/projectpier/tiny_mce/tiny_mce.js”></script>
<script language=”javascript” type=”text/javascript”>
tinyMCE.init({
force_p_newlines: “false”,
forced_root_block : ”,
theme : “advanced”,
mode : “textareas”
});
</script>

10. That’s It! You are finished adding TinyMCE to your Project Management Installation! It should look something like this.

Capture

Enjoy!