插件 文本编辑器 wangEditor

呐呐呐~ 我又来写博客了,最近鼓捣后台的文本编辑器,找来找去找到了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里面有介个


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值