• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > PHP开发 > thinkphp3.2.3如何集成ueditor百度编辑器?

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

    作者: 分类:PHP开发 点击: 226 次
    wordpress CMS主题:ssmay主题

      最近公司的一个项目是用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
    本文时间:2018-05-09 14:09:56
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.