zhensoft/ueditor

zhensoft ueditor for thinkphp5

dev-master 2024-03-08 05:23 UTC

Requires

• php: >=5.4.0

MIT

• 王磊

README

The ThinkPHP5.0 ueditor for zhensoft 代码最小化，去掉了不用的工具栏以及百度ueditor 去掉多图上传在线管理等tab，支持图片到阿里云oss 注意把src/helper.php 目录下面的两个函数去掉_copy放到你的的helper.php里面。

安装

一、执行命令安装

安装

composer require zhensoft/ueditor   dev-master

更新

composer update zhensoft/ueditor   dev-master

前端调用

引用百度编辑器js，把static 目录下面的静态资源手动拷贝到你的静态资源目录，并且正确引入

<!-- 引入js -->
<script type="text/javascript" src="/static/cnadmin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/static/cnadmin/ueditor/ueditor.all.js"></script>

普通使用案例

//###############html代码###############
<div class="layui-form-item">
  <label class="layui-form-label">商品详情</label>
  <div class="layui-input-block">
    <script id="container1" type="text/plain">
      {$info.goodwx|default=''}
    </script>
  </div>
  <div class="layui-form-mid layui-word-aux"></div>
</div>

//###############JS代码###############
<script>
  //百度编辑器服务器统一请求接口路径 ，路由定义在\vendor\zhensoft\zs_ueditor\src\helper.php
  window.UEDITOR_CONFIG.serverUrl = "{:url('ueditor/index')}";
  //渲染某个元素为百度富文本编辑器
  cn_ueditor1 = UE.getEditor("container1");
</script>

<script>
  //获取富文本内容js代码
  var editorcontent1 = cn_ueditor1.getContent();
</script>