TinyMCE website has good manuals, demonstration and user forum. When you need more information about TinyMCE during the integration process, please visit TinyMCE website.
The following screen shots are to show you the differences between before and after you integrate TinyMCE with REALTOR 747.
1. Download TinyMCE
--- You can download TinyMCE 2.0.6.1 here. Or you can visit TinyMCE website to download more recent stable version.
2. Unpack the zip file you downloaded
--- All the files will be unpacked under one 'tinymce' directory
3. Upload 'tinymce' under realtor747/admin directory
--- After uploading is completed, you must have realtor747/admin/tinymce directory
4. Insert the following code into realtor747/admin/header.php
TinyMCE config code
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "table,flash",
theme_advanced_toolbar_location : "top",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,bullist,numlist,table,flash,forecolor,backcolor,separator,link,unlink,",
theme_advanced_buttons2 : "justifyleft,justifycenter,justifyright,separator,undo,redo,separator,fontsizeselect",
theme_advanced_buttons3 : ""
});
</script>
After the insertion, the header.php file should look like this:
realtor747/admin/header.php after the insertion
<?php
/*
* Project: AD747
* Author(s): Frank Oh
* Website: www.it747.com
* Copyright: This is the property of IT747.COM
* You are not allowed to change anything in this file
* without the permission of the owner.
*/
?>
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "table,flash",
theme_advanced_toolbar_location : "top",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,bullist,numlist,table,flash,forecolor,backcolor,separator,link,unlink,",
theme_advanced_buttons2 : "justifyleft,justifycenter,justifyright,separator,undo,redo,separator,fontsizeselect",
theme_advanced_buttons3 : ""
});
</script>
<a href="http://www.it747.com" alt="IT 747" target="_blank"><img src="images/banner.gif" border="0"></a>
<div class="spacer" style="height: 10px;"></div>
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
?>
5. OK. it's done. Test the admin area.
6. Now you find that default font size is too small? The editing area is too small?
--- Goto next section.
Q.1 Default font size is too small?
1. Create a new file 'admin/tinymce.css' and put the following code into the file.
realtor747/admin/tinymce.css - NEW file
body { font-size: 12px; }
2. Put the following code into realtor747/admin/header.php
--- Note the slight differences between the following code and the code above.
TinyMCE config code - Small font size fix
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "table,flash",
theme_advanced_toolbar_location : "top",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,bullist,numlist,table,flash,forecolor,backcolor,separator,link,unlink,",
theme_advanced_buttons2 : "justifyleft,justifycenter,justifyright,separator,undo,redo,separator,fontsizeselect",
theme_advanced_buttons3 : "",
content_css : "tinymce.css"
});
</script>
3. If this fix does not work for you, visit TinyMCE website and try to find necessary information.
Q.2 Editing area is too small?
1. You will be increasing the "rows" value for each editing area - "textarea".
--- For example, in file admin/listing_basic.php, there is code for "detailed description of a listing."
For example:
Before fix: rows="7"
$i = '<textarea name="' .$k . '" cols="40" rows="7" wrap="soft">' . "$v</textarea>";
After fix: rows="12"
$i = '<textarea name="' .$k . '" cols="40" rows="12" wrap="soft">' . "$v</textarea>";
2. Open the following files and find "textarea" html tag. Then change the "rows" value to whatever you want.
Files which contain textarea tag(s).
File [Admin] Function
------------------------------ ---------------------------
admin/listing_basic.php [Listing Edit] - [Basic Info] - Catch Phrase
admin/listing_basic.php [Listing Edit] - [Basic Info] - Short Description
admin/listing_basic.php [Listing Edit] - [Basic Info] - Detailed Description
admin/agent_info_agent.php [Agent Info] - [New Agent] / [Agent Info] - Intro
admin/agent_info_business.php [Agent Info] - [Business Info] - Mailing Address
admin/agent_info_business.php [Agent Info] - [Business Info] - Welcome Message
admin/agent_info_services.php [Agent Info] - [Services Info] - Service Description
admin/agent_info_services.php [Agent Info] - [Services Info] - New Service Description
admin/agent_info_about.php: [Agent Info] - [About Page Info] - About Description
admin/agent_info_about.php: [Agent Info] - [About Page Info] - New About Description
admin/agent_info_extra_pages.php[Agent Info] - [Page Info - Extra X] - Page Content