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编辑器里。