如何在最新版本的codeigniter中集成tinymce

时间:2013-01-19 07:01:54

标签: php codeigniter tinymce

我正在使用codeigniter构建一个web应用程序,因为我需要集成tinymce,我尝试使用下面的代码,但它不起作用可以说一些代码有什么问题

我创建了一个名为tinymce.php的视图页面

    <script type="text/javascript" src="<?php echo $base_url; ?>js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,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,imagemanager,filemanager",

// 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,

// 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"
});
</script>

还添加了文本框以显示tinymce

    <form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>

然后尝试加载视图

$this->load->view('tinymce', base_url(), true);

代码不仅有效,而且也无法显示我的textarea。

3 个答案:

答案 0 :(得分:1)

您的代码存在缺陷:

  1. $ this-&gt; load-&gt; view()在传递base_url值时接受第二个参数作为数组。

  2. $ this-&gt; load-&gt; view()函数的第三个参数中的true不会将输出发送到浏览器,因此请将其留空。

  3. 确保您在js路径中的路径在下拉列表代码中是正确的,您似乎已将js放在应用程序内的view文件夹中。

答案 1 :(得分:0)

在视图文件中编写您的javascript代码。或者只是将它写在单独的js文件(tinymce_properties.js)中并在tiny_mce.js之后包含它

<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="js/tiny_mce/tinymce_properties.js"></script>

<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>

答案 2 :(得分:0)

确保加载的所有插件都存在

试试这个 - &gt;&gt;插件:'advlist autolink链接图像列表charmap打印预览',

如果有效,那么你的陈述中没有所有插件 - &gt;&gt;插件:“safari,拼写检查,分页,风格,图层,表,保存,advhr,advimage,advlink,情感,iespell,inlinepopups,insertdatetime,预览,媒体,searchreplace,打印,contextmenu,粘贴,方向性,全屏,不可编辑,visualchars ,不间断,xhtmlxtras,模板,的ImageManager,文件管理器”,