2011-08-27

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

Tidak ada komentar: