Extending Quick.CMS editor functionallity

The free version of Quick.cms has a very limited version of the MCE editor. Layers, images, and formatting were very disappointing.

As I wanted to give the biggest freedom to my client for editing their site, I decided to do some digging and upgrade the editor:

The code for the editor is contained within: templatesadminedit.tpl

I commented the original code:

<!–  <script language=”javascript” type=”text/javascript” src=”$config[dir_plugins]tinymce/jscripts/tiny_mce/tiny_mce.js”></script>
  <script language=”javascript” type=”text/javascript”>
    /*tinyMCE.init({
        theme : “advanced”,
        mode : “exact”,
    entity_encoding : “raw”,
        elements : “sDescriptionShort,sDescriptionFull,sContent”,
        theme_advanced_buttons1 : “bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,|,undo,redo”,
        theme_advanced_buttons2 : “link,unlink,anchor,cleanup,help,code,hr,removeformat,visualaid,|,charmap”,
        theme_advanced_buttons3 : “”,
        theme_advanced_buttons4 : “”,
        theme_advanced_toolbar_location : “top”,
        theme_advanced_toolbar_align : “left”,
        debug : false
    });
    */
</script> –>
and added the code for the full version tiny_mce which I found from an example here:
http://tinymce.moxiecode.com/tryit/full.php

 <!– BEGIN TINY_HEAD –>

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

        // 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,code,|,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,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage”,
        theme_advanced_toolbar_location : “top”,
        theme_advanced_toolbar_align : “left”,
        theme_advanced_statusbar_location : “bottom”,
        theme_advanced_resizing : true,

        // Skin options
        skin : “o2k7”,
        skin_variant : “silver”,

        // Example content CSS (should be your site CSS)
        content_css : “css/example.css”,

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

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

Finally I also downloaded and added the newest tiny_mce scripts from http://tinymce.moxiecode.com/download/download.php and everything worked perfectly!! Below is the old and new version!



Menelaos Bakopoulos

Mr. Menelaos Bakopoulos is currently pursuing his PhD both at Center for TeleInFrastruktur (CTiF) at Aalborg University (AAU) in Denmark and Athens Information Technology (AIT) in Athens, Greece. He received a Master in Information Technology and Telecommunications Systems from Athens Information Technology and a B.Sc. in Computer Science & Management Information Systems from the American College of Thessaloniki. Since April 2008 he has been a member of the Multimedia, Knowledge, and Web Technologies Group.

More Posts