TinyMCE BBCode

If you read previous tutorial, you will understand this. Download the script before and then rename .php into html
Is not easy to create this, the reason why I type php not html because I want to use the script for PHP.. and then add dinamic content inside. the main core I calculate about 1 MB less but is contain 200+ script.. Is kinda annoying to upload this.. but the zip code using less space and only one file.. hehhe.. hmm..

EXAMPLE

<script type="text/javascript">
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        skin : "o2k7",
        plugins : "autolink, lists, pagebreak, style, layer, table, 
save,advhr,advimage,advlink,emotions, iespell, insertdatetime, 
preview, media, searchreplace, print, contextmenu, paste, 
directionality, fullscreen, noneditable, visualchars, nonbreaking, 
xhtmlxtras, template, inlinepopups, autosave",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,
italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,
justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,
search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,
link,unlink,anchor,image,cleanup,help,|,insertdate,inserttime,preview,|,
forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,
visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,
fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,
absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,
nonbreaking,template,pagebreak,restoredraft",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,
 
        content_css : "css/word.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    }); </script>  

---

This bbcode editor (tinyMCE) unable to work if you not include the bbcode in above script. For question, please ask below.

How to Make Tiny MCE Editor

This happen when I was currious about how to make TinyMCE editor (text). Then I go to the site
and download the source.. after take a while ... I kinda like it and want to share.. since there someone asked to me how to use this and he asked to short the tinyMCE..

source:
http://www.mediafire..com/?4zyd8h1rw23cd8u
The link are my file that's I create for your development.. I erase some I don't need.. but you should download the full at TinyMCE site.

Example
This is the basic script

<script type="text/javascript">
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        skin : "o2k7",
        plugins : "autolink,bbcode, style, layer, save,emotions, iespell,
 insertdatetime, preview, fullscreen, noneditable, visualchars, template, 
inlinepopups, autosave",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,
|,link,unlink,anchor,image,cleanup",
        theme_advanced_buttons2 : "insertdate,inserttime,preview,|,backcolor
,emotions,|,fullscreen",
      
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example word content CSS (should be your site CSS) this one 
//removes paragraph margins
        content_css : "css/word.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    }); </script>  

---

and we can just use the script in textarea

<textarea
name="content"
style="width:80% height:50%"
rows="15" cols="80"
></textarea>

This code use for many CMS.. is wise to use this.. if the cms you use support this TinyMCE