php mysql富文本格式_PHP html富文本转Json错误

最新推荐文章于 2021-03-27 16:34:33 发布
最新推荐文章于 2021-03-27 16:34:33 发布
阅读量237 收藏
点赞数
文章标签： php mysql富文本格式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36214833/article/details/113474467
版权

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

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

AAffA0nNPuCLAAAAAElFTkSuQmCC

转为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 

bytes[bytes.length] = c;

} else if (c 

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

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

} else if (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) <

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

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

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

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

}

}        return bytes;

};    var decodeAsBytes = function (base64Str) {        var v1, v2, v3, v4, bytes = [], index = 0, length = base64Str.length;        if (base64Str.charAt(length - 2) === '=') {

length -= 2;

} else if (base64Str.charAt(length - 1) === '=') {

length -= 1;

}        // 4 char to 3 bytes

for (var i = 0, count = length >> 2 <

v1 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v2 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v3 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v4 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

bytes[index++] = (v1 <>> 4) & 255;

bytes[index++] = (v2 <>> 2) & 255;

bytes[index++] = (v3 <

}        // remain bytes

var remain = length - count;        if (remain === 2) {

v1 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v2 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

bytes[index++] = (v1 <>> 4) & 255;

} else if (remain === 3) {

v1 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v2 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v3 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

bytes[index++] = (v1 <>> 4) & 255;

bytes[index++] = (v2 <>> 2) & 255;

}        return bytes;

};    var encodeFromBytes = function (bytes) {        var v1, v2, v3, base64Str = '', length = bytes.length;        for (var i = 0, count = parseInt(length / 3) * 3; i 

v1 = bytes[i++];

v2 = bytes[i++];

v3 = bytes[i++];

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <>> 4) & 63] +

BASE64_ENCODE_CHAR[(v2 <>> 6) & 63] +

BASE64_ENCODE_CHAR[v3 & 63];

}        // remain char

var remain = length - count;        if (remain === 1) {

v1 = bytes[i];

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <

} else if (remain === 2) {

v1 = bytes[i++];

v2 = bytes[i];

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <>> 4) & 63] +

BASE64_ENCODE_CHAR[(v2 <

}        return base64Str;

};    var btoa = root.btoa, atob = root.atob, utf8Base64Encode, utf8Base64Decode;    if (NODE_JS) {        var Buffer = require('buffer').Buffer;

btoa = function (str) {            return new Buffer(str, 'ascii').toString('base64');

};

utf8Base64Encode = function (str) {            return new Buffer(str).toString('base64');

};

encodeFromBytes = utf8Base64Encode;

atob = function (base64Str) {            return new Buffer(base64Str, 'base64').toString('ascii');

};

utf8Base64Decode = function (base64Str) {            return new Buffer(base64Str, 'base64').toString();

};

} else if (!btoa) {

btoa = function (str) {            var v1, v2, v3, base64Str = '', length = str.length;            for (var i = 0, count = parseInt(length / 3) * 3; i 

v1 = str.charCodeAt(i++);

v2 = str.charCodeAt(i++);

v3 = str.charCodeAt(i++);

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <>> 4) & 63] +

BASE64_ENCODE_CHAR[(v2 <>> 6) & 63] +

BASE64_ENCODE_CHAR[v3 & 63];

}            // remain char

var remain = length - count;            if (remain === 1) {

v1 = str.charCodeAt(i);

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <

} else if (remain === 2) {

v1 = str.charCodeAt(i++);

v2 = str.charCodeAt(i);

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <>> 4) & 63] +

BASE64_ENCODE_CHAR[(v2 <

}            return base64Str;

};

utf8Base64Encode = function (str) {            var v1, v2, v3, base64Str = '', bytes = utf8ToBytes(str), length = bytes.length;            for (var i = 0, count = parseInt(length / 3) * 3; i 

v1 = bytes[i++];

v2 = bytes[i++];

v3 = bytes[i++];

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <>> 4) & 63] +

BASE64_ENCODE_CHAR[(v2 <>> 6) & 63] +

BASE64_ENCODE_CHAR[v3 & 63];

}            // remain char

var remain = length - count;            if (remain === 1) {

v1 = bytes[i];

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <

} else if (remain === 2) {

v1 = bytes[i++];

v2 = bytes[i];

base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +

BASE64_ENCODE_CHAR[(v1 <>> 4) & 63] +

BASE64_ENCODE_CHAR[(v2 <

}            return base64Str;

};

atob = function (base64Str) {            var v1, v2, v3, v4, str = '', length = base64Str.length;            if (base64Str.charAt(length - 2) === '=') {

length -= 2;

} else if (base64Str.charAt(length - 1) === '=') {

length -= 1;

}            // 4 char to 3 bytes

for (var i = 0, count = length >> 2 <

v1 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v2 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v3 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v4 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

str += String.fromCharCode((v1 <>> 4) & 255) +                    String.fromCharCode((v2 <>> 2) & 255) +                    String.fromCharCode((v3 <

}            // remain bytes

var remain = length - count;            if (remain === 2) {

v1 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v2 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

str += String.fromCharCode((v1 <>> 4) & 255);

} else if (remain === 3) {

v1 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v2 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

v3 = BASE64_DECODE_CHAR[base64Str.charAt(i++)];

str += String.fromCharCode((v1 <>> 4) & 255) +                    String.fromCharCode((v2 <>> 2) & 255);

}            return str;

};

utf8Base64Decode = function (base64Str) {            var str = '', bytes = decodeAsBytes(base64Str), length = bytes.length;            var i = 0, followingChars = 0, b, c;            while (i 

b = bytes[i++];                if (b <= 0x7F) {

str += String.fromCharCode(b);                    continue;

} else if (b > 0xBF && b <= 0xDF) {

c = b & 0x1F;

followingChars = 1;

} else if (b <= 0xEF) {

c = b & 0x0F;

followingChars = 2;

} else if (b <= 0xF7) {

c = b & 0x07;

followingChars = 3;

} else {                    throw 'not a UTF-8 string';

}                for (var j = 0; j 

b = bytes[i++];                    if (b  0xBF) {                        throw 'not a UTF-8 string';

}

c <<= 6;

c += b & 0x3F;

}                if (c >= 0xD800 && c <= 0xDFFF) {                    throw 'not a UTF-8 string';

}                if (c > 0x10FFFF) {                    throw 'not a UTF-8 string';

}                if (c <= 0xFFFF) {

str += String.fromCharCode(c);

} else {

c -= 0x10000;

str += String.fromCharCode((c >> 10) + 0xD800);

str += String.fromCharCode((c & 0x3FF) + 0xDC00);

}

}            return str;

};

} else {

utf8Base64Encode = function (str) {            var result = '';            for (var i = 0; i 

result += String.fromCharCode(charcode);

} else if (charcode 

result += String.fromCharCode(0xc0 | (charcode >> 6)) +                        String.fromCharCode(0x80 | (charcode & 0x3f));

} else if (charcode = 0xe000) {

result += String.fromCharCode(0xe0 | (charcode >> 12)) +                        String.fromCharCode(0x80 | ((charcode >> 6) & 0x3f)) +                        String.fromCharCode(0x80 | (charcode & 0x3f));

} else {

charcode = 0x10000 + (((charcode & 0x3ff) <

result += String.fromCharCode(0xf0 | (charcode >> 18)) +                        String.fromCharCode(0x80 | ((charcode >> 12) & 0x3f)) +                        String.fromCharCode(0x80 | ((charcode >> 6) & 0x3f)) +                        String.fromCharCode(0x80 | (charcode & 0x3f));

}

}            return btoa(result);

};

utf8Base64Decode = function (base64Str) {            var tmpStr = atob(base64Str.trim('=').replace(/-/g, '+').replace(/_/g, '/'));            if (!/[^\x00-\x7F]/.test(tmpStr)) {                return tmpStr;

}            var str = '', i = 0, length = tmpStr.length, followingChars = 0, b, c;            while (i 

b = tmpStr.charCodeAt(i++);                if (b <= 0x7F) {

str += String.fromCharCode(b);                    continue;

} else if (b > 0xBF && b <= 0xDF) {

c = b & 0x1F;

followingChars = 1;

} else if (b <= 0xEF) {

c = b & 0x0F;

followingChars = 2;

} else if (b <= 0xF7) {

c = b & 0x07;

followingChars = 3;

} else {                    throw 'not a UTF-8 string';

}                for (var j = 0; j 

b = tmpStr.charCodeAt(i++);                    if (b  0xBF) {                        throw 'not a UTF-8 string';

}

c <<= 6;

c += b & 0x3F;

}                if (c >= 0xD800 && c <= 0xDFFF) {                    throw 'not a UTF-8 string';

}                if (c > 0x10FFFF) {                    throw 'not a UTF-8 string';

}                if (c <= 0xFFFF) {

str += String.fromCharCode(c);

} else {

c -= 0x10000;

str += String.fromCharCode((c >> 10) + 0xD800);

str += String.fromCharCode((c & 0x3FF) + 0xDC00);

}

}            return str;

};

}    var encode = function (str, asciiOnly) {        var notString = typeof(str) != 'string';        if (notString && str.constructor === root.ArrayBuffer) {

str = new Uint8Array(str);

}        if (notString) {            return encodeFromBytes(str);

} else {            if (!asciiOnly && /[^\x00-\x7F]/.test(str)) {                return utf8Base64Encode(str);

} else {                return btoa(str);

}

}

};    var decode = function (base64Str, asciiOnly) {        return asciiOnly ? atob(base64Str) : utf8Base64Decode(base64Str);

};    var exports = {        encode: encode,        decode: decode,        atob: atob,        btoa: btoa

};

decode.bytes = decodeAsBytes;

decode.string = decode;    if (COMMON_JS) {        module.exports = exports;

} else {

root.base64 = exports;        if(AMD) {

define(function() {                return exports;

});

}

}

})();使用base解析base.decode(json.base64text);

大家觉得有帮助请点个赞

作者：心之所善兮

链接：https://www.jianshu.com/p/8928bc9062c4

StevenJokes
关注
php 处理前端富文本编辑器传来的值 用 json_decode true 转为数组
kxukai的博客
01-02 702
$this->assign('xxjl',json_decode($info['xxjl'],true) ); [{ "xxjl_xh":"1", "xxjl_time":"\u8d77\u6b62\u65f6\u95f41", "xxjl_address":"\u5730\u533a1", "xxjl_school":"\u5b66\u6821\u6216\u5de5\u4f...
html富文本转json,PHP html富文本转Json错误
weixin_39640646的博客
06-15 717
背景商城的详情页面使用百度的富文本，存储在mysql中。前端使用vue，所以在去取出来和其他数据一起转为json数据返回给前端的时候发生错误，json格式错误。打印发现是富文本里面有图片或者说是有 “” 双引号的原因，在网上找了一些方法说需要转义再存。后来觉得这种方法不是很适合，所以换了一种方法，使用 Base64 的方式转为json转为json前先把富文本的内容base64转化一下，这样jso...
自用富文本编辑器+json对象各种互转方法
11-09
自己用的，上传备份，有需要的朋友也可以下载。富文本编辑器包括可以上传文件、图片等。本人已整理一个使用文档和相关类。
mysql富文本编辑器_富文本编辑器（php）
weixin_32940141的博客
01-21 216
然后解压出来 改名为ueditor 并放到项目文件中。前端代码：1、引入ueditor的相关文件2、在body标签中放进该标签name属性是为了php文件获取值，用$_POST['Detail']就可以了3、配置一下该编辑器的属性，在script标签中首先要获取id，自己设置 的id，在这里我自己弄了宽和高 ，有个滚动效果，并减少了工具栏的很多功能，因为我主要是图片上传UE.getEditor('...
php接收json 格式错误,如何在PHP中修复格式错误的JSON？
weixin_39892019的博客
03-16 349
我正在获取JSON格式和唯一可用格式的数据提要。在PHP中，我正在使用json_decode解码JSON，但此操作已中断，并且我发现JSON是在某些地方生成的，其昵称用双引号引起来。我使用以下方法验证了这一点：http://jsonformatter.curiousconcept.com我无法控制数据的创建，但是当这种格式出现时，我必须处理它。解析后的数据将被放入MySQL TABLE。例如："c...
富文本编辑器 mysql_mysql - 富文本编辑器与php后台开发是怎么结合使用的呢？
weixin_36149595的博客
01-19 339
我所知道的富文本编辑器就是像DZ论坛那样，所见所得那样的。1：但是我一直有个疑问，不是说客户端提交的数据要过滤吗，不然不就是XXS吗，DZ是UBB的方式处理的是吗？2：那些富文本编辑器，最后提交到服务器后，那些包含html代码的，能直接存到数据库里面吗，肯定不能允许用户这样吧？3：还有比如SF的这个Markdown编辑器原理是什么呢，它后台数据库有没有保存我们输入的html，js代码呢？4：还有像...
富文本下载
03-12
富文本下载通常指的是在线编辑器UEditor的下载与部署过程，它是一款强大的富文本编辑工具，广泛应用于网页内容编辑。UEditor提供了丰富的编辑功能，包括文字格式化、图片上传、视频插入等，使得非程序员也能方便地在...
TP5.1框架中百度富文本编辑器UEditor的使用
Sol的博客
08-02 3067
在实际项目开发中最常使用到的工具之一就是富文本编辑器，使用富文本编辑器可以实现所见即所得的效果，且所有富文本编辑器里的内容(包括图片，视频，音乐等文件)全部可以带格式的存入数据库中且只需占用一个字段。当前市面上有许多可供选择的富文本编辑器，虽然百度的UEditor已在2016年即停止更新且界面风格较老，但是其属性，功能十分强大，所以仍是当前富文本编辑器里最好的选择之一。 现在就开始在ThinkPH...
【Java图书馆系统】富文本编辑器+图片懒加载+关键词查询图书功能.zip
最新发布
09-13
4 客户端列表页实现了下拉刷新，上拉加载更多分页显示，文件上传，富文本编辑器，图片懒加载，Token访问令牌生成！ 基于Vue+Vant+SSM图书管理系统实体对象： 图书类型：图书类别，类别名称，可借阅天数 图书：...
php+mysql实现简单的新闻发布系统
05-05
这个系统结合了AJAX、JSON以及富文本编辑器UEditor等技术，旨在帮助初学者理解和实践Web开发中的关键概念。 首先，PHP是一种广泛使用的服务器端脚本语言，尤其在Web开发中扮演着重要角色。它用于处理HTTP请求，生成...
将富文本转为微信小程序richtext组件支持的json格式
08-10
将富文本转为微信小程序 rich-text 组件支持的 json 格式
php富文本保存mysql有换行,textarea文本保存到数据库，前端输出保存换行回车解决方案...
weixin_30291121的博客
03-27 1101
处理这种文本输出格式的，使用富文本编辑器是比较方便的，那么，从数据库取出text文本到前端展示格式一致的解决方案主要有两种(仅Web端，其他平台没有调试过)：一：提交数据之前，将textarea的回车、空格先转换格式，再提交数据存入数据库，那样取出数据输出到web端也能保证格式一致。//关键js代码 var text = $("textarea").text(); var des = text....
Oracle的decode、sign、trunc函数
NBfang的博客
01-19 169
 一、decode     在Oracle/PLSQL中,  decode 具有和 IF-THEN-ELSE 一样的功能。 decode 函数语法如下： decode( expression , search , result [, search , result]... [, default] ) expression 要比较的表达式.   search 要与expr...
php富文本标签转html格式化
HD2killers的博客
04-24 2474
$trans = array_flip(get_html_translation_table(HTML_ENTITIES)); $comtent = strtr($ret[0]['comtent'], $trans);
PHP html富文本转Json错误
cc2415的博客
07-13 1384
#####背景 商城的详情页面使用百度的富文本，存储在mysql中。 前端使用vue，所以在去取出来和其他数据一起转为json数据返回给前端的时候发生错误，json格式错误。打印发现是富文本里面有图片或者说是有 “” 双引号的原因，在网上找了一些方法说需要转义再存。后来觉得这种方法不是很适合，所以换了一种方法，使用 Base64 的方式 转为json前先把富文本的内容base64转化一...
Android用户反馈功能实现：JSON+PHP+MySQL教程
"这篇教程将介绍如何使用Android、JSON、PHP和MySQL来实现用户反馈功能。作者分享了其在项目中的实现方式，适用于有类似需求的开发者参考交流。" 在移动应用开发中，用户反馈功能是必不可少的，它有助于收集用户的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值