首页 > 其他分享 >2022-12-06 js 如何正确富文本中的字号

2022-12-06 js 如何正确富文本中的字号

时间:2022-12-06 17:34:28浏览次数:49  
标签:12 06 48px js 字号 文本 对应 size

编辑内容,提交,后端以富文本形式返回,内容假设为 

"<p><b><font size="7">标题</font></b></p>"

我们可以看到里面有一个size="7",对应着富文本里面的字号48px。由此得知,你在富文本设置了字号,你拿到的是以size='xx'的形式数据。

这时候我们可以使用正则表达式去替换掉指定的值。比如说:

let data = "<p><b><font size="7">标题</font></b></p>";
let str = data.replace(/size="7"/gi, 'style="font-size: 48px"' );

这样我们就能拿到想要的样,不过需要注意的是,这仅能当内容里面只设置了一个字号的时候才能正确替换,而内容如果有多个字号设置,那么我想需要进行进一步的优化才行。

注意:

 

size="7" 对应 48px
size="6" 对应 32px
size="5" 对应 24px
size="4" 对应 18px
size="3" 对应 16px
size="2" 对应 13px
size="1" 对应 10px


 

标签:12,06,48px,js,字号,文本,对应,size
From: https://www.cnblogs.com/iuniko/p/16955952.html

相关文章

  • 今日JS解密日记
    干货从来不废话,直接上源代码,源码很大,单拎一个函数出来function_0x486eb9(_0xfeca11,_0x4a4275){if(!_0xfeca11)return!![];if(!_0xfeca11['\x63\x6c\x69\x65......
  • jsdelivr被墙,hexo-next切换为自定义CDN
    1.Next主题需要升级到8.9以上,我的是多少忘记了,最好升级到最新使用npm管理gitclonehttps://github.com/next-theme/hexo-theme-nextthemes/next2.替换链接官方......
  • 03.Nodejs中的路由与接口
    路由与接口目录目录路由与接口express基本使用托管静态资源nodemonExpress中的路由路由的匹配路由的使用模块化路由Express中间件中间件的格式全局生效的中间件局部生效......
  • 04.Nodejs操作MySQL
    在Nodejs中操作MySQL数据库目录在Nodejs中操作MySQL数据库MySQL数据库SQL的基本使用SELECT语句INSERTINTO语句UPDATE语句DELETE语句WHERE子句AND与OR运算符ORDERBY子......
  • 05.Nodejs_web开发模式
    Web开发目录目录Web开发Web开发模式服务端渲染的传统Web开发模式前后端分离的Web开发模式Session认证机制在项目中使用Session向session中存入数据:从session中获取数......
  • 00.Nodejs环境搭建
    Nodejs的环境搭建目录Nodejs的环境搭建安装node搭建服务器环境查看本地ip项目复活安装node英文官网:https://nodejs.org/en/中文官网下载node地址https://nodejs.or......
  • JS复制文本方法总结
    1.document.execCommand()【即将废弃】functioncopy(textValue){//动态创建textarea标签consttextarea=document.createElement('textarea')//将该......
  • sb3.0+polaris-server(北极星) 20221206
    1、polaris-server(北极星)安装(windows版本) 1)、安装前准备    安装golanggolang官网:https://golang.google.cn/golang下载地址:https://golang.google.cn/dl/......
  • 拆解硬件_LED灯带控制器_221206
    LED灯带控制器拆解日期:2022年12月06日拆解人:ZHOUTOP面全背面无元件MOS09N03ADataSheet:https://www.jianguoyun.com/p/DYFY1MwQ0erfChjLj-sEIAAEEROMAIM24C02D......
  • Nestjs-Authentication 文档翻译
    Authentication认证是大多数应用程序中非常重要的部分.有很多不同的方法和策略去处理认证,根据不同的要求决定。本章节展示了几种不同方式,这些方式通常是能够适用于......