-
2021-06-12 02:08:16
js解析富文本符号,网上找了一下教程,大概都是这样写的:
str = str.replace(/∀/g, '∀');
str = str.replace(/∂/g, '∂');
str = str.replace(/&exists;/g, '∃');
str = str.replace(/∅/g, '∅');
str = str.replace(/∇/g, '∇');
str = str.replace(/∈/g, '∈');
只需转换常用的特殊符号的话,这样写似乎没什么问题。但是我百度到一个有700多个特殊符号的对照表(有首字母大写小写两种的,找不到相关链接了)。把700多个替换语句写在同一个函数里,微信小程序编译的时候会报错:
Error:file:
component/WxParse/wxParse/wxDiscode.js Maximum call stack size exceeded
所以显然不能每个符号调用一次替换是不科学的。代替的方法是改成用replace的回调函数。
var SupplementCode = [{c:"↖",e:"↖"},{c:"↗","e":"↗"},{c:"↘","e":"↘"},{c:"↙","e":"↙"},{c:"©","e":"©"},{c:"®","e":"®"},{c:"@","e":"@"},{c:"✓","e":"✓"},{c:"$","e":"$"},{c:"¢","e":"¢"},{c:"£","e":"£"},{c:"¥","e":"¥"},{c:"+","e":"+"},{c:"×","e":"×"}];
var SupplementCodeMatch = `(↖)|(↗)|(↘)|(↙)|(©)|(®)|(@)|(✓)|($)|(¢)|(£)|(¥)|(+)|(×)`;
var str = str.replace(new RegExp(SupplementCodeMatch,'ig'), function(s){
let entry = SupplementCode.find(a=>a.c==s);
return entry?entry.e:s;
});
SupplementCode存编码和实体的对应关系,SupplementCodeMatch用于生成正则表达式。在回调函数中查找对应的值并替换。
扩展其他实体符号只需要把SupplementCode和SupplementCodeMatch扩充即可。
更多相关内容 -
JS实现富文本编辑器
2016-12-31 21:06:32JS 富文本编辑器 所见即所得 轻量级富文本编辑器 -
spreadjs_判断当前单元格是否为富文本-demo.zip
2021-09-09 13:34:36spreadjs_判断当前单元格是否为富文本-demo -
TinyMCE富文本编辑器导出为word文档(JS实现)
2020-11-16 16:43:25应用JS实现,TinyMCE富文本编辑器导出为word文档,可解决图片,表格的导出,这是实现的demo,可以直接取用 -
Javascript实现简单的富文本编辑器附演示
2020-12-11 03:46:38代码如下: <span xss=removed><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <...charset=utf-8″> <...富文本编辑器</title> </ -
UEUM百度富文本框js源码
2019-12-17 09:22:15UE,UM 百度富文本框 编辑器 全部源码,非常使用 我的项目一直在用,大家赶快下载保存起来吧.项目中使用 改变相应的 id 就可以了 -
JS开发 富文本编辑器TinyMCE详解
2020-12-08 23:01:17一、题外话 最近负责了一个cms网站的运维,里面存在很多和编辑器有关的问题,比如编辑一些新闻博客,论文模块。...包括中文语言包zh_CN.js,图片上传操作需要的plugin.min.js和jquery.form.js 这一点很重要 -
js获取富文本中的第一张图片(正则表达式)
2020-10-15 15:23:16主要介绍了js获取富文本中的第一张图片url正则表达式及去除字符串里面的html标签的正则公式,需要的朋友可以参考下 -
梅花150富文本框(纯HTML+JS)
2020-04-24 20:43:57网上有很多富文本框,可是看来看去都不适合自己,所以自己做了个富文本框,简单实用!使用说明比较详细,码砖调试花了三天,请大家珍惜梅花的汗水,请保留梅花150版权信息。感谢!ws:150_4566_6310。去掉下划线就... -
富文本编辑器js插件
2019-01-02 16:38:30使用百度富文本编辑器所需的插件 umeditor.config.js插件 -
Layui带视频、字体等的富文本编辑器layedit.js
2020-08-20 10:08:37新增的有 tool: [ 'redo'//重做 ,'undo'//撤销 ,'fontfamily'//字体 ,'fontSize'//字体大小 ,'video' //插入视频 ] -
富文本编辑器导出word
2021-01-14 14:05:49将系统中富文本编辑器内容导出到word文件(包含图片) -
js获取UEditor富文本编辑器中的图片地址
2020-10-15 15:23:27主要介绍了js获取UEditor富文本编辑器中的图片地址,最简单的思路应该是先获取UEditor中的内容再将获取到的字符串转换成jquery对象,选择器找到img元素,获取src值 -
富文本编辑器插件-wysiwyg.js
2019-05-14 16:13:57利用wysiwyg.js开发的一款十分强大的、jQuery富文本编辑器插件,经过优化后的富文本框,打开速度非常快,无报错,不影响其他任何功能。 -
富文本编辑器js,css
2018-12-14 18:27:07该资源提供富文本编辑器所用到样式css以及动态交互的js -
JQ JS javascript layui UI框架 富文本 编辑器
2019-04-17 17:12:51JQ JS javascript layui UI框架 富文本 编辑器 -
layui 富文本赋值,取值,取纯文本值的实例
2020-10-16 09:09:36今天小编就为大家分享一篇layui 富文本赋值,取值,取纯文本值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
微信小程序、小程序html富文本转换插件、html富文本标签转换
2018-09-26 16:37:07提供微信小程序中因为需要展示html富文本文件而出现的问题 -
小程序富文本提取图片可放大缩小
2020-11-20 17:12:43本文实例为大家分享了小程序富文本提取图片可放大缩小的具体代码,供大家参考,具体内容如下 启发: 因为最近有需求说在小程序商品的详情页里所有图片可以放大缩小,网上好像不太好找,就写了篇博客,供大家参考 ... -
iOS实现富文本编辑器的方法详解
2021-01-04 01:53:37采用webview加载一个本地html文件,该html内部编写好js方法用于与oc相互调用 最终输出该富文本字符串传输给服务器 为什么选择这样的方式 服务端要求我最终返回的数据格式为: { @Id:当时新建模板这个不传,更新模板... -
ArtEditor富文本编辑器增加表单提交功能
2020-11-22 22:32:26artEditor.js是一款移动端的富文本编辑器,支持图片上传,后面会增加表情、小视频等功能。最近有朋友反馈artEditor是否支持表单提交,当然是支持的,在未开发该功能之前,你可以像下面这样来实现表单提交 $('.... -
YTextEditor:canvas 富文本编辑器,支持中文
2021-07-04 11:49:24YTextEditor 版本:0.1 作者:YYC ##简介 一个Canvas富文本编辑器,支持中文输入。 -
自定义富文本编辑器
2018-03-31 11:58:16自定义富文本编辑器,只依赖jquery。上传图片,给图片加链接 -
手机端富文本编辑器
2018-08-28 17:08:23可用于手机端内容编辑,可以插入文字,更改文字样式,插入图片,链接等。简单易懂,内附实例demo -
Vue.js结合Ueditor富文本编辑器的实例代码
2021-01-21 12:54:07前一段时间公司Vue.js项目需要使用UEditor富文本编辑器,在百度上搜索一圈没有发现详细的说明,决定自己尝试,忙活了一天终于搞定了。 1. 总体思路 1.1 模块化 vue的很大的一个优势在于模块化,我们可以通过模块化... -
360微信富文本编辑器
2018-09-27 17:38:39360微信富文本编辑器,编辑器富文本开发,以百度富文本为基础开发,仅供参考 -
小程序富文本编辑器
2019-02-15 14:06:32这个是小程序富文本编辑器,可以编辑出文字图片混排的效果,网上找的资源,希望能帮到有需要的人 -
ueditor.all.js 百度富文本编辑器ueditor配合angularjs的使用 内附源码 及使用方法说明
2020-02-17 13:02:46ueditor.all.js 百度富文本编辑器ueditor配合angularjs的使用 内附源码 及使用方法说明 -
layui富文本编辑器前端无法取值的解决方法
2020-10-16 09:07:05今天小编就为大家分享一篇layui富文本编辑器前端无法取值的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧