ThinkPHP与UEDItor_第1页
ThinkPHP与UEDItor_第2页
ThinkPHP与UEDItor_第3页
ThinkPHP与UEDItor_第4页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、如有你有帮助,请购买下载,谢谢!相信很多人现在还在用着 FCkeditor ,以前我也在用,可是后来发现百度的 Ueditor 之后,发现, Ueditor 比 Fckeditor 更好 看,操作性上也比 Fckeditor 好多了,所以还是尝试着使用 ueditor ,但是在 ThinkPHP框架下使用 ueditor 还是遇到了一些问题,也 花费了一些时间去解决这些问题,这样,在这里写一个关于 ThinkPHP下使用 ueditor 的教程,给需要使用的人。1 、在网站的根目录下建一个“Public ”的文件夹, 这个文件夹在 ThinkPHP 中可以用 _PUBLIC_来替换,所以这样方

2、便我们程序的编写,然后将 ueditor 文件放到这个文件夹中。2 、在我们需要使用 ueditor的模板文件中导入ueditor所要使用的 js 和 css ,例如,我在 App/Tpl/default/Venter/createvent.html中添加以下代码:htmlview plaincopy1.<scripttype="text/javascript"src="_PUBLIC_/ueditor/editor_config.js"></script>2.<scripttype="text/javascrip

3、t"src="_PUBLIC_/ueditor/editor_all.js"></script>3.<linkrel="stylesheet"href="_PUBLIC_/ueditor/themes/default/ueditor.css"/>3 、配置 Ueditor相对于网站根目录的位置, 这里我建议使用绝对路径,即类似于 http:/localhost:1080 这 样的路径,因为在网站项目的开发中,很多地方会用到 ueditor ,但是由于所用到的位置不同便导致当前目录和服务器根目录的

4、相对路径变化, 也就使得 ueditor 无法使用,例如,我配置的路径 (配置文件 :ueditor 目录下的 editor_config.js ),将一下代码进行替换:javascriptview plaincopy1. URL= tmp.substr(0,tmp.lastIndexOf("/")+1).replace("_examples/","");/ 这里你可以配置成 ueditor 目录在您网站的相对路径或者绝对路径(指以 http 开头的绝对路径)替换成:javascriptview plaincopy1.URL =&qu

5、ot;"4 、下面便是一个对表单的使用的应用:1 页如有你有帮助,请购买下载,谢谢!htmlview plaincopy1.<form action="_ROOT_/index.php/Venter/ventChk"method="post">2.<scripttype="text/plain"id="Vent"style="width:500px;"></script>3.<inputtype="checkbox"name

6、="opened"value="1"/> 公开发表4.<inputtype="submit"value=" 发泄 " />5. </form>6. <!- 注册百度 ueditor->7. <scripttype="text/javascript">8.vareditor= new9.toolbars:'Spechars','Emotion','InsertImage','Bold

7、9;,'Italic','ForeColor','FontFamily','FontSize',/自定义 ueditor 工具栏10.initialContent:'<spanstyle="color:#ccc">点击这里发泄吧 </span>',11.minFrameHeight:100,/初始化框架大小12.autoFloatEnabled:false,/ 工具栏自动浮动 - 关闭13.textarea:'myVent'/form表单将通过该参数获得表

8、单提交的数据14.);15.editor.render("Vent");16.</script>17.<!-百度 Ueditor注册完毕 ->如上面代码所示,可以通过$_POST'myVent' 来获取 Ueditor编辑区的内容。5 、在 Thinkphp 中如何去使用呢?首先要先将得到的内容提交进行转义,这里我们使用以下代码:phpview plaincopy1.$content=htmlspecialchars(stripslashes(POST'myVent');这之后的操作便是将 $content 插入到数据

9、库中(这里不再多说)。6 、从数据中提取数据并进行转义使得内容可以正常显示:phpview plaincopy2 页如有你有帮助,请购买下载,谢谢!1.$vent=newVenterModel;2.$list=$vent->select();3.$this->assign("list",$list)这样在相应的 html 模板中可以这样来显示内容:htmlview plaincopy1.<volistname="list"id="vo">2. $vo.content|htmlspecialchars_decode3. </volist>这里用到了 thinkphp 模板的一个用法,即可以在模板中使用函数,这里便使用了函数 htmlspecialchars_decode 来对 $vo,content 进行转义 , 上面的代码可以看成是这样:htmlspecialchars_decode($vo.content),在这里的这个方法的选择上我用了很长时间,当时没有考虑到这个方法,当时只是想着,由于htmlspecialchars_decode函数接受的传值不

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论