ThinkPHP与UEDItor.doc

相信很多人现在还在用着FCkeditor，以前我也在用，可是后来发现百度的Ueditor之后，发现，Ueditor比Fckeditor更好 看，操作性上也比Fckeditor好多了，所以还是尝试着使用ueditor，但是在ThinkPHP框架下使用ueditor还是遇到了一些问题，也 花费了一些时间去解决这些问题，这样，在这里写一个关于ThinkPHP下使用ueditor的教程，给需要使用的人。 1、在网站的根目录下建一个“Public”的文件夹，这个文件夹在ThinkPHP中可以用_PUBLIC_来替换，所以这样方便我们程序的编写，然后将ueditor文件放到这个文件夹中。 2、在我们需要使用ueditor的模板文件中导入ueditor所要使用的js和css，例如，我在App/Tpl/default/Venter/createvent.html中添加以下代码：html view plaincopy1. 2. 3. 3、配置Ueditor相对于网站根目录的位置，这里我建议使用绝对路径，即类似于http:/localhost:1080这 样的路径，因为在网站项目的开发中，很多地方会用到ueditor，但是由于所用到的位置不同便导致当前目录和服务器根目录的相对路径变化，也就使得 ueditor无法使用，例如，我配置的路径（配置文件:ueditor目录下的editor_config.js），将一下代码进行替换：javascript view plaincopy1. URL=tmp.substr(0,tmp.lastIndexOf(/)+1).replace(_examples/,);/这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径（指以http开头的绝对路径） 替换成：javascript view plaincopy1. URL=http:/localhost:1080/Public/ueditor/; 4、下面便是一个对表单的使用的应用：html view plaincopy1. 2. 3. 公开发表4. 5. 6. 7. 8. vareditor=newbaidu.editor.ui.Editor(9. toolbars:Spechars,Emotion,InsertImage,Bold,Italic,ForeColor,FontFamily,FontSize,/自定义ueditor工具栏10. initialContent:点击这里发泄吧,11. minFrameHeight:100,/初始化框架大小12. autoFloatEnabled:false,/工具栏自动浮动-关闭13. textarea:myVent/form表单将通过该参数获得表单提交的数据14. );15. editor.render(Vent);16. 17. 如上面代码所示，可以通过$_POSTmyVent来获取Ueditor编辑区的内容。 5、在Thinkphp中如何去使用呢？首先要先将得到的内容提交进行转义，这里我们使用以下代码：php view plaincopy1. $content=htmlspecialchars(stripslashes(POSTmyVent);这之后的操作便是将$content插入到数据库中（这里不再多说）。 6、从数据中提取数据并进行转义使得内容可以正常显示：php view plaincopy1. $vent=newVenterModel;2. $list=$vent-select();3. $this-assign(list,$list)这样在相应的html模板中可以这样来显示内容：html view plaincopy1. 2. $vo.content|htmlspecialchars_decode3. 这里用到了thinkphp模板的一个用法，即可以在模板中使用函数，这里便使用了函数htmlspecialchars_decode来对$vo,content进行转义,上面的代码可以看成是这样：htmlspecialchars_decode($vo.content)，在这里的这个方法的选择上我用了很长时间，当时没有考虑到这个方法， 当时只是想着，由于htmlspecialchars_decode函数接受的传值不能是数组，所以从数据库中提取的数据便不能直接传给他，后来想可以通 过遍历数组的方法来让数组内每个元素都h