Skip to content
World Wide Web Server edited this page Jul 4, 2012 · 12 revisions

TinyMCE is SUPER easy to put in a CI view. You just have to add the TinyMCE to your site, say in ‘scripts/tinymce’ folder. Then add a link to the file in the header of your web page, and set up the TinyMCE init (if you have special wants needs.) You may want to edit TinyMCE's config file as well to your liking.

You can download it here; http://sourceforge.net/projects/tinymce/

And get information about it here; http://tinymce.moxiecode.com/ and here; http://wiki.moxiecode.com/i

Below I’ve put my configuration for TinyMCE. (take the + sign out of the script tags to get it to work… all this stuff goes in the HTML head.

[code] <scri+pt src="<?=base_url()?>scripts/tiny_mce/tiny_mce.js" type="text/javascript"></scri+pt> <scri+pt language="javascript" type="text/javascript"> tinyMCE.init({ theme : "advanced", mode : "textareas", plugins : "imagemanager,filemanager,insertdatetime,preview,emotions,visualchars,nonbreaking", theme_advanced_buttons1_add: 'insertimage,insertfile', theme_advanced_buttons2_add: 'separator,forecolor,backcolor', theme_advanced_buttons3_add: 'emotions,insertdate,inserttime,preview,visualchars,nonbreaking', theme_advanced_disable: "styleselect,formatselect,removeformat", plugin_insertdate_dateFormat : "%Y-%m-%d", plugin_insertdate_timeFormat : "%H:%M:%S", theme_advanced_toolbar_align : "left", theme_advanced_resize_horizontal : false, theme_advanced_resizing : true, apply_source_formatting : true, spellchecker_languages : "+English=en", extended_valid_elements :"img[src|border=0|alt|title|width|height|align|name]," +"a[href|target|name|title]," +"p," +"i," +"b," +"br," +"em", invalid_elements: "table,span,tr,td,tbody,font"

    });
    
</scri+pt>

[/code] Category:WYSIWIG

Clone this wiki locally