zhensoft / ueditor
zhensoft ueditor for thinkphp5
dev-master
2024-06-06 02:00 UTC
Requires
- php: >=5.4.0
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>