在vue项目中,我们经常使用到富文本编辑器,例如博主的项目(见上图),这里需要把富文本内的HTML结构,发放到Android端做混合应用的开发,因此HTML结构必不可少的!
但是浏览器在向服务器发送数据时,有可能出现不识别前端发送的特殊字符,或者直接丢弃特殊字符,此时可以使用Base64转码!
1. 前端需要发送给服务器的富文本(Tinymce编辑器)
{
content: `<p><strong>准备以下个人防护设备:</strong></p>
<ul>
<li>绝缘手套, PN: 81692355210</li>
<li>救援钩, PN: 81692355208</li>
<li>防护面罩, PN: 81692355209</li>
<li>塑料楔子: 83300490538</li>
</ul>`
}
2. 使用 js-base64包 实现base64的编码、解码
# 安装依赖
npm install --save js-base64
# xx.vue页面组件内引入
import { encode, decode } from 'js-base64';
# 合适的地方调用encode编码产生Base64,例如:
axios.post('', {
content: encode('特殊字符')
})
# 合适的地方调用decode解码得到正确数据,例如:
decode(Base64文件)
-------------------------End-------------------------