zhensoft / ueditor
zhensoft ueditor for thinkphp5
Installs: 18
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Language:JavaScript
Requires
- php: >=5.4.0
This package is auto-updated.
Last update: 2025-03-06 03:36:31 UTC
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>