欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

插件 文本编辑器 wangEditor

程序员文章站 2023-12-25 16:27:09
...

呐呐呐~ 我又来写博客了,最近鼓捣后台的文本编辑器,找来找去找到了wangEditor,菜单简单,功能也都是需要的,所以就加到项目里啦,期间遇到了一些坑,主要是上传图片的问题。


<script type="text/javascript" src="__STATIC__/js/wangeditor/wangEditor.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/wangeditor/js/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/wangeditor/js/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="__STATIC__/js/wangeditor/js/qiniu.js"></script>

1.这些是需要引入的js  我是上传到七牛云,我的空间是华南的,上面这个 qiniu.js 里面默认的空间是华东的。

所以对于我而言,js需要改动。

url: 'http://up.qiniu.com', 
改成:
url: 'http://up-z2.qiniup.com',

'url': 'http://upload.qiniu.com/',
改成:
'url': 'http://upload-z2.qiniup.com/',

2.复制作者提供的上传的例子的js部分代码,手册上也有。最好是下载这个

https://github.com/wangfupeng1988/js-sdk

插件 文本编辑器 wangEditor

js文件夹包含的是上面提到的要引入的js  wangEditor里面是插件的js

views 里面包含上传的例子,我用的是wangEditor3

复制wangEditor3.html  里面的js内容。

然后改起来

插件 文本编辑器 wangEditor

我没有使用uptoken_url ,介个没搞明白,直接后台生成token传过来了。

domain 改成自己的  flash_swf_url 改成自己的

插件 文本编辑器 wangEditor

返回的sourcelink 改成自己在七牛云上解析的域名,然后打印函数中加上errTip 就可以愉快的测试了,有什么错误会报出来的,我就是提示上传区域不对。


关于是否开启base64转码的功能,开启了以后,拖拽上传的就是base64编码的一大串,这个时候要考虑数据库字段长度,如果不开启base64转码  那么拖拽和直接点击按钮上传 都是正常的 返回自己配置的sourcelink 。

插件 文本编辑器 wangEditor

如果开启了上传到七牛云,那么就不会有网络图片的tab了,上图点击编辑器的上传图片就是直接选择图片。

开启七牛云就是 js里面有介个

插件 文本编辑器 wangEditor

相关标签: 文本编辑器

上一篇:

下一篇: