2011-08-28

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.

Tidak ada komentar: