有没有在线编辑器带上传图片的完整案例-有赏

jyxl2007

有没有在线编辑器带上传图片功能，能用的完整案例，如果有的花可以给奖赏哦!

doudou459

什么是在线编辑器？    编辑什么的？
如果是   富文本编辑器的话     系统有自带的···

jyxl2007

doudou459 发表于 2018-9-3 09:01
什么是在线编辑器？    编辑什么的？
如果是   富文本编辑器的话     系统有自带的··· ...

是阿，但wex5没有自带啊，是不是我不知道啊，请仔细说说系统自带的富文本编辑器谢谢指路。

doudou459

http://bbs.wex5.com/forum.php?mo ... ypeid%26typeid%3D49
这个帖子里面有大神   改过的！  
如果 觉得不好用   还可以用网上的富文本插件   
比如  wangEditor  http://www.wangeditor.com/

gzh268

doudou459 发表于 2018-9-3 14:49
http://bbs.wex5.com/forum.php?mod=viewthread&tid=95887&extra=page%3D4%26filter%3Dtypeid%26typeid%3D4 ...

doudou老师，wangEditor 感觉用着好简单啊，就是不知道怎么入门：怎么安装到wex5?能详细讲一下吗？谢谢啦！

doudou459

gzh268 发表于 2018-9-3 22:20
doudou老师，wangEditor 感觉用着好简单啊，就是不知道怎么入门：怎么安装到wex5?能详细讲一下吗？谢谢啦 ...

wangEditor  有教程的啊 ···就是一个js引用   引用下来之后  用div   初始化它就行了      官网上有所有的教程

https://www.kancloud.cn/wangfupeng/wangeditor3/335770

gzh268

doudou459 发表于 2018-9-3 23:17
wangEditor  有教程的啊 ···就是一个js引用   引用下来之后  用div   初始化它就行了      官网上有所 ...

doudou老师，由于我没有任何基础，可以说电脑都完全是自学的，所以我感觉不知道从何入门，我的项目基本都做好了，就是产品详情里图文效果不好  不能做任何文字编辑：颜色 字体 大小等等 都没有，非常想实现这种富文本所见即所得的效

div初始化我也不懂怎么操作。。。。下面是我瞎弄的，您给看看，谢谢！

jishuang

自己的html文件，就按照html页面的方式引用js文件，

doudou459

                        var editor = new E(this.getElementByXid("toolBarDiv"), this.getElementByXid("editor"));
                        this.editor = editor;
                        editor.customConfig.pasteFilterStyle = false;
                        editor.customConfig.menus = [ 'head', 'bold', 'foreColor', // 文字颜色
                        'underline', 'justify', // 对齐方式      
                        'image', // 插入图片  
                        'emoticon', // 表情
                        'link',// 插入链接
                        'quote', // 引用
                        ];

                        var url = "/baas/companyService/picture/pictureUp";
                        url = require.toUrl(url);
                        editor.customConfig.uploadImgServer = url; // 上传图片到服务器
                        editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;//允许上传的最大图片为3M
                        editor.customConfig.uploadImgMaxLength = 1;//一次只能上传一张图片   
                        editor.customConfig.uploadImgHeaders = {
                                'Accept' : 'text/x-json'
                        };
                        editor.create();



你不用专门做成html页面的    你可以就在w页面中使用   
这个是我的使用方法····     也做了图片上传地址和图片的相应设置   
引用  是这样引用的          var E = require("./js/wangEditor.min");
this.getElementByXid("toolBarDiv")  这里的   toolBarDiv   就是   xid为 toolBarDiv  的一个div
this.getElementByXid("editor")   就是  xid为  editor的div   
我这样创建    工具栏和内容栏是可以分开的···
其他的 就是富文本编辑器的设置了！   
我之所以选这个富文本编辑器  就是因为可以自己设置图片上传地址   可以自己操作图片····也能把图片转成64编码存数据库
     wex5  自带的  貌似只支持用64编码格式把图片存进数据库      用起来没这个灵活   其他的  你按照wangEditor的文档自己设置就好了