zhensoft/ueditor

zhensoft ueditor for thinkphp5

安装: 18

依赖: 0

建议: 0

安全: 0

星标: 0

关注者: 1

分支: 0

语言:JavaScript

dev-master 2024-06-06 02:00 UTC

This package is auto-updated.

Last update: 2024-09-06 02:27:44 UTC


README

ThinkPHP5.0 的 zhensoft ueditor 代码最小化,去掉了不用的工具栏以及百度ueditor 去掉多图上传在线管理等标签,支持图片上传到阿里云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>