wordpress CMS主题 微信
Home > PHP开发 > thinkphp3.2.3如何集成ueditor百度编辑器?

thinkphp3.2.3如何集成ueditor百度编辑器?

高时银博客 PHP开发 点击: 53 次 0 1
  • 标签: |
  • 最近公司的一个项目是用thinkphp3.2.3开发的,后台的文章发布需要整合编辑器,现在市面上的编辑器是非常多的,如:kindeditor编辑器、百度编辑器。这里,我选择百度编辑器ueditor。ueditor是一个比较成熟的编辑器了,而且百度官方也有详细的说明文档,学习使用起来比较方便。下面,就具体解说一下,thinkphp如何整合ueditor编辑器。

    1:下载ueditor编辑器:

    官网:http://ueditor.baidu.com/website/

    2:把ueditor放到项目根目录下的Public目录:

    thinkphp3.2.3如何集成ueditor百度编辑器?

    3:在view视频模板中文件中使用ueditor编辑器:

    如果使用ueditor默认上传路径,默认下载地址在\ueditor\php\upload\image\

    <form action="" method="post" >
    <input type="text" name="name" >
    <textarea name="content" id="test_ue" style="width:1024px;height:400px;"></textarea>
    <input type="submit" value="提交">
    </form>

    <!-- 引入ueditor -->
    <script type="text/javascript" src="{$smarty.const.__ROOT__}/Public/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="{$smarty.const.__ROOT__}/Public/ueditor/ueditor.all.min.js"></script>
    <script type="text/javascript">
    UE.getEditor('test_ue');
    </script>

    textarea的id值要与UE.getEditor('test_ue');的一致。

    如果要使用thinkphp自带的上传类来上传图片:我们会在下一章中来具体解说。


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201805095549.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论