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: