插件 文本编辑器 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
js文件夹包含的是上面提到的要引入的js wangEditor里面是插件的js
views 里面包含上传的例子,我用的是wangEditor3
复制wangEditor3.html 里面的js内容。
然后改起来
我没有使用uptoken_url ,介个没搞明白,直接后台生成token传过来了。
domain 改成自己的 flash_swf_url 改成自己的
返回的sourcelink 改成自己在七牛云上解析的域名,然后打印函数中加上errTip 就可以愉快的测试了,有什么错误会报出来的,我就是提示上传区域不对。
关于是否开启base64转码的功能,开启了以后,拖拽上传的就是base64编码的一大串,这个时候要考虑数据库字段长度,如果不开启base64转码 那么拖拽和直接点击按钮上传 都是正常的 返回自己配置的sourcelink 。
如果开启了上传到七牛云,那么就不会有网络图片的tab了,上图点击编辑器的上传图片就是直接选择图片。
开启七牛云就是 js里面有介个