thinkPHP下ueditor的使用方法详解_php实例

本文实例讲述了thinkPHP下ueditor的使用方法。分享给大家供大家参考，具体如下：

1、首先需要下载ueditor，下载地址：http://ueditor.baidu.com/website/download.html

2、下载对应的php版的，下载后重命名为ueditor，根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下，admin为后台的访问入口文件目录。

3、在项目中的使用

首先需要引入核心的js文件：

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>

然后再文件中加入标签，注意设置id属性</p> <pre class="prettyprint"><textarea name="content" id="EditorId"> </textarea></pre> </p> <p>接着是初始化编辑器，注意配置路径</p> <div class="phpcode"> <pre class="prettyprint linenums"><script type="text/javascript" charset="utf-8">window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";window.onload=function(){window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度 window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度 var editor = new UE.ui.Editor({imageUrl : '__APP__/Editor/uploadImage',fileUrl : '__APP__/Editor/uploadFile',imagePath : '',filePath : '',imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址imageManag<a>2本文来源gao*daima.com搞@代#码&网6</a><pre>搞gaodaima代码</pre> <p>erPath:’__ROOT__/’});editor.render(“EditorId”);}</script></p></div> <p><strong>注意：</strong></p> <p>1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。<br />2、图片上传路径的配置<br />3、editor.render(“textarea的id一致”);</p> <p>至此一个便算基本完成。</p><div><div class="_t33rkthes8f"></div><script type="text/javascript">(window.slotbydup = window.slotbydup || []).push({id: "u6795179",container: "_t33rkthes8f",async: true});</script></div> <p>但是，<strong>在IE9下，编辑器没有一点效果，这是怎么回事呢？</strong></p> <p>在IE9下，需要把</p> <pre class="prettyprint">window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";</pre> <p>路径设置代码，放在引入js文件和初始化之间。</p> <p>希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。</p> <hr /><div class="open-message">搞代码网（<a href="www.gaodaima.com" target="_blank" title="gaodaima.com">gaodaima.com</a>）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱<a>chengxuyuan@gaodaima.com‍</a>，我们会在看到邮件的第一时间内为您处理，或直接联系<a>QQ：872152909</a>。本网站采用<a href="https://www.gaodaima.com/go.html?url=http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" target="_blank" title="BY-NC-SA授权协议">BY-NC-SA</a>协议进行授权 <br >转载请注明原文链接：<a href="https://www.gaodaima.com/366523.html" target="_blank" title="thinkPHP下ueditor的使用方法详解_php实例">thinkPHP下ueditor的使用方法详解_php实例</a><a id="spreadAds" target="_blank" href="" onclick="spreadAds()"></a><a id="spreadAds2" target="_blank" href=""></a> </div> </p> <div class="article-social"> <a href="javascript:;" data-action="ding" data-id="366523" id="Addlike" class="action"><i class="fa fa-heart-o"></i>喜欢 (<span class="count">0</span>)</a><span class="or"><style>.article-social .weixin:hover{background:#fff;}</style><a class="weixin" style="border-bottom:0px;font-size:15pt;cursor:pointer;">赏<div class="weixin-popover"><div class="popover bottom in"><div class="arrow"></div><div class="popover-title"><center>[搞代码]</center></div><div class="popover-content"><img width="200px" height="200px" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png" ></div></div></div></a></span><span class="action action-share bdsharebuttonbox"><i class="fa fa-share-alt"></i>分享 (<span class="bds_count" data-cmd="count" title="累计分享0次">0</span>)<div class="action-popover"><div class="popover top in"><div class="arrow"></div><div class="popover-content"><a href="#" class="sinaweibo fa fa-weibo" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone fa fa-star" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="qq fa fa-qq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_renren fa fa-renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin fa fa-weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more fa fa-ellipsis-h" data-cmd="more"></a></div></div></div></span></div> </article> <footer class="article-footer"> </footer> <nav class="article-nav"><div class="_d13vl98i0pw"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795176", container: "_d13vl98i0pw", async: true });</script> </nav><div id="donatecoffee" style="overflow:auto;display:none;"><img width="400" height="400" alt="支持作者一杯咖啡" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png"></div> <div class="related_top"> <div class="related_posts"><ul class="related_img"> <li class="related_box" > <a href="https://www.gaodaima.com/432021.html" title="利用微信公众号提供的官方API上传图片获取永久图片素材当图床用" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/3.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="利用微信公众号提供的官方API上传图片获取永久图片素材当图床用" /><br><span class="r_title">利用微信公众号提供的官方API上传图片获取永久图片素材当图床用</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432022.html" title="不用编码的高端网站建设神器" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/5.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="不用编码的高端网站建设神器" /><br><span class="r_title">不用编码的高端网站建设神器</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432019.html" title="精品SSM框架个人健康服务预约系统设计和实现源码查重报告代码讲解论文中期检查ppt已降重" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/12.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="精品SSM框架个人健康服务预约系统设计和实现源码查重报告代码讲解论文中期检查ppt已降重" /><br><span class="r_title">精品SSM框架个人健康服务预约系统设计和实现源码查重报告代码讲解论文中期检查ppt已降重</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432020.html" title="php设计模式一单例工厂" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/8.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="php设计模式一单例工厂" /><br><span class="r_title">php设计模式一单例工厂</span></a> </li> </ul><div class="relates"><div class="_mw9fz31sqco"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795180", container: "_mw9fz31sqco", async: true });</script><ul><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432021.html">利用微信公众号提供的官方API上传图片获取永久图片素材当图床用</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432022.html">不用编码的高端网站建设神器</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432019.html">精品SSM框架个人健康服务预约系统设计和实现源码查重报告代码讲解论文中期检查ppt已降重</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432020.html">php设计模式一单例工厂</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432017.html">Go-内联优化能让程序快多少</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432018.html">推荐一个PHP-Tree无限级分类组件-BlueMTree</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432015.html">php设计模式二注册树</a></li><li><i class="fa fa-minus"></i><a target="_blank" href="https://www.gaodaima.com/432016.html">Gmail如何跟踪邮件阅读状态</a></li></ul></div></div> </div> <div id="comment-ad" class="banner banner-related"><div class="_9madbukio7r"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6677406", container: "_9madbukio7r", async: true });</script><!-- 多条广告如下脚本只需引入一次 --><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script></div> <div id="respond" class="no_webshot"> <form action="https://www.gaodaima.com/asdloie8574asdqwexzxdqwertasdqwe.php" method="post" id="commentform"> <div class="comt-title"> <div class="comt-avatar pull-left"> <img src="https://cdn.v2ex.com/gravatar/?s=50" class="avatar avatar-108"> </div> <div class="comt-author pull-left"> 发表我的评论 </div> <a id="cancel-comment-reply-link" class="pull-right" href="javascript:;">取消评论</a> </div> <div class="comt"> <div class="comt-box"> <textarea placeholder="说点什么吧…" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">