html富文本转json,PHP html富文本转Json错误

背景

商城的详情页面使用百度的富文本，存储在mysql中。

前端使用vue，所以在去取出来和其他数据一起转为json数据返回给前端的时候发生错误，json格式错误。打印发现是富文本里面有图片或者说是有 “” 双引号的原因，在网上找了一些方法说需要转义再存。后来觉得这种方法不是很适合，所以换了一种方法，使用 Base64 的方式

转为json

转为json前先把富文本的内容base64转化一下，这样json格式就不会出错

在前端页面解析base64

先引用base64加密解密文件

/*

* [hi-base64]{@link https://github.com/emn178/hi-base64}

*

* @version 0.2.1

* @author Chen, Yi-Cyuan [emn178@gmail.com]

* @copyright Chen, Yi-Cyuan 2014-2017

* @license MIT

*/

/*jslint bitwise: true */

(function () {

'use strict';

var root = typeof window === 'object' ? window : {};

var NODE_JS = !root.HI_BASE64_NO_NODE_JS && typeof process === 'object' && process.versions && process.versions.node;

if (NODE_JS) {

root = global;

}

var COMMON_JS = !root.HI_BASE64_NO_COMMON_JS && typeof module === 'object' && module.exports;

var AMD = typeof define === 'function' && define.amd;

var BASE64_ENCODE_CHAR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'.split('');

var BASE64_DECODE_CHAR = {

'A': 0, 'B': 1, 'C': 2, 'D': 3, 'E': 4, 'F': 5, 'G': 6, 'H': 7, 'I': 8,

'J': 9, 'K': 10, 'L': 11, 'M': 12, 'N': 13, 'O': 14, 'P': 15, 'Q': 16,

'R': 17, 'S': 18, 'T': 19, 'U': 20, 'V': 21, 'W': 22, 'X': 23, 'Y': 24,

'Z': 25, 'a': 26, 'b': 27, 'c': 28, 'd': 29, 'e': 30, 'f': 31, 'g': 32,

'h': 33, 'i': 34, 'j': 35, 'k': 36, 'l': 37, 'm': 38, 'n': 39, 'o': 40,

'p': 41, 'q': 42, 'r': 43, 's': 44, 't': 45, 'u': 46, 'v': 47, 'w': 48,

'x': 49, 'y': 50, 'z': 51, '0': 52, '1': 53, '2': 54, '3': 55, '4': 56,

'5': 57, '6': 58, '7': 59, '8': 60, '9': 61, '+': 62, '/': 63, '-': 62,

'_': 63

};

var utf8ToBytes = function (str) {

var bytes = [];

for (var i = 0; i < str.length; i++) {

var c = str.charCodeAt(i);

if (c < 0x80) {

bytes[bytes.length] = c;

} else if (c < 0x800) {

bytes[bytes.length] = 0xc0 | (c >> 6);

bytes[bytes.length] = 0x80 | (c & 0x3f);

} else if (c < 0xd800 || c >= 0xe000) {

bytes[bytes.length] = 0xe0 | (c >> 12);

bytes[bytes.length] = 0x80 | ((c >> 6) & 0x3f);

bytes[bytes.length] = 0x80 | (c & 0x3f);

} else {

c = 0x10000 + (((c & 0x3ff) << 10) | (str.charCodeAt(++i) & 0x3ff));

bytes[bytes.length] = 0xf0 | (c >> 18);

bytes[bytes.length] = 0x80 | ((c >> 12) & 0x3f);

bytes[by