清风徐来
知是行之始,行是知之成

tinyMCE和CodeIgniter1.7.0

WorkPHP CodeIgnitertinyMCEjs 约 2 分钟

tinyMCE是个比较优秀的web编辑器。和CodeIgniter集成是非常方便的。 下载tinyMCE并解压到网站目录,清风是放到根目录的。 在CodeIgniter的View里调用:

<script src="tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script type="text/javascript">
	tinyMCE.init({
		mode : "exact",
		elements : "content",
		theme : "advanced",
		skin : "o2k7",
		language : "zh",
		relative_urls : false,
	plugins : "safari,pagebreak,style,...影响排版,编辑掉一些...",
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,...影响排版,编辑掉一些...",
		theme_advanced_buttons2 : "cut,copy,paste,...影响排版,编辑掉一些...",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,...影响排版,编辑掉一些...",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		save_enablewhendirty : true,
		save_onsavecallback : "mysave",

		content_css : "<?php echo base_url(); ?>images/content.css",

	});
	function mysave() {
		document.news.action="<?php echo site_url("admin/savenews"); ?>";
		document.news.method="POST";
		document.news.submit();
	}

elements : “content”,我的textarea的name为content theme : “advanced”,我的主题是advanced skin : “o2k7”,我采用的是ms office2007 language : “zh”,语言中文 relative_urls : false,我把所有的URL会被转换成绝对路径“/xxx/xxx” save_onsavecallback : “mysave”,定义当内容保存时(tinyMCE的保存按钮按下后)要执行的函数,我这里是mysave

tinyMCE没有上传功能,可以自己扩展。上传文件后,通过js调用tinyMCE.execCommand(‘mceInsertContent’,true,HtmlCode);就可以把上传的文件插入tinyMCE编辑器里。