富文本下编辑器上传图片一系列问题

最近被layer这个简单有方便的前端框架忽然难死，就是编辑器部分上传图片和回显问题！废话不多直接说（不足还望指出，js引入之类不谈 layui.css 和layui.js）
先说下注意下事项和参考文档
官方layer编辑器文档
（注意：这个是1.X版本的不是2.X版本，也是找了许久，2.X新版没找到入口）
注意事项： 1.严格按照上传返回数据格式（必须json 和必须是二维数组字段要映射不能自定义）！！！
2. 一定要在build之前引入上传图片接口！！！ (其他解析在代码注释中)

HTML & JQ代码

//html简单只是 单纯 设置 必须必须是 textarea 标签
<div class="layui-input-block"><textarea class="layui-textarea layui-hide" name="description" id="description"></textarea>
</div>//这是重点*****//必须引入 其中form和laydate可以不用 项目需求而已
layui.use(['form', 'layedit', 'laydate','upload'], function() {//上边引入多少 下边定义多少var form = layui.form(),$ = layui.jquery,layer = layui.layer,//这个是编辑器重中之重 必须有定义 其他也可以不要layedit = layui.layedit,//这就是上边说的 build 之前引入layedit.set({uploadImage: {url:'/Admin/News/uploadFile/' //图片上传接口url,type: 'post' //默认post}});//创建一个编辑器 build 就算创建好了 其中 description 是html的 id id idvar editIndex = layedit.build('description');//想获取编辑器的文本和图片 括号里 是 上一行定义的参数layedit.getContent(editIndex);
}）;

看到这你们发现都 ok 我是死在参数没跟框架中映射上都是自定义的参数不识别啊返回也是空官方文档上边有链接我还是截个图吧

PHP 这边不就是upload上传嘛我还是写一下吧自己也长个记性吧

     //必须是file('file') 括号file得有  一开始我自己封装了不能用 $file = request()->file('file');if (empty($file)) {return output(1,200004,'newsinfo'); }$info = $file->validate(['size'=>1567800,'ext'=>'jpg,png,gif'])->move(ROOT_PATH . 'public' . DS . 'static\upload');if($info){$filePath = '/static/upload/'.$info->getSaveName();//$getInfo = $info->getInfo();//获取图片的原名称//核心技术 我勒个去 code 必须0 否则失败 然后看上边截图吧！！！$cc  = array('code' =>0 ,'msg'=>'上传成功','data'=>array('src' =>$filePath));echo json_encode($cc);}else{$cc  = array('code' =>1 ,'msg'=>$file->getError(),'data'=>array('src' =>$filePath));// 上传失败获取错误信息echo json_encode($data);}

难受一天玩他总算也是解决了！！！！哎

富文本下编辑器上传图片一系列问题相关推荐

Thinkphp下嵌套UEditor富文本WEB编辑器
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现 ...
富文本及编辑器的跨平台方案
一.前言之前在<富文本编辑器之游戏角色升级 ing>一文中,跟大家分享了富文本编辑器的发展历程.选型技巧和扩展方案.今天将和大家一起聊一聊"富文本及编辑器跨平台方案" ...
vue 富文本 quill 编辑器，实现图片上传到服务器，以及实时字数统计
vue 富文本 quill 编辑器,实现图片上传到服务器,以及实时字数统计写在前面 vue 富文本 quill / vue-quill-editor 如何使用图片上传到服务器实时字数统计图片编 ...
富文本HTML编辑器UEditor
Baidu百度开源富文本HTML编辑器UEditor JS代码网发表于: 2013-10-30 分类:HTML编辑器点击:2133 UEditor是由百度web前端研发部开发所见即所得富文本H ...
初探富文本之编辑器引擎
初探富文本之编辑器引擎在前文中我们介绍了富文本的基础概念,以及富文本的基本发展历程,那么在本文中将会介绍当前主流开源的富文本编辑器引擎.当前使用最广泛的富文本编辑器是L1的富文本编辑器,其能满足绝大 ...
jquery富文本在线编辑器UEditor
UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. UEditor的功能非常强大,官方 ...
若依框架图片上传、富文本框编辑器功能
文章目录一.前言二.效果三.编码过程 1.前端: index.vue projectShow.js 富文本框: Editor/index.vue 图片上传:ImgUploadCropper/in ...
RichEditeText——android图文混排富文本文章编辑器实现详解
需求:android 实现富文本编辑器,并且实现html解析和生成. 功能点: 字体加粗,斜体,下划线,删除线字体设置大小默认大(18px),中(16px),小(14px) 字体设置颜色换行 ...
关于富文本markdown编辑器
几种知名开源富文本编辑器记录和对比(仅供参考) 1.UEditor 百度的. 优点:插件多,基本满足各种需求,类似贴吧中的回复界面. 缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器, ...

富文本下编辑器上传图片一系列问题

富文本下编辑器上传图片一系列问题相关推荐

最新文章

热门文章

富文本下编辑器上传图片 一系列问题

富文本下编辑器上传图片 一系列问题相关推荐

最新文章

热门文章

富文本下编辑器上传图片一系列问题

富文本下编辑器上传图片一系列问题相关推荐