美文网首页
格式化字符串中的style样式

格式化字符串中的style样式

作者: 没事走两步有事跑两步 | 来源:发表于2019-11-07 18:59 被阅读0次

//格式化富文本图片内容样式
function formatImg(htmlstr) {
// 正则匹配所有img标签
if(htmlstr == null) return
// var regex0 = new RegExp("(i?)(<img)([^>]+>)","gmi");
// 正则匹配不含style="" 或 style='' 的img标签
// eslint-disable-next-line no-useless-escape
var regex1 = new RegExp("(i?)(<img)(?!(.?style='"['"])[^>]+>)", 'gmi')
// 给不含style="" 或 style='' 的img标签加上style=""
htmlstr = htmlstr.replace(regex1, '2 style=""3')
console.log('增加style=""后的html字符串:' + htmlstr)
// 正则匹配含有style的img标签
// eslint-disable-next-line no-useless-escape
var regex2 = new RegExp("(i?)(<img.
?style=['"])([^>]+>)", 'gmi')
// 在img标签的style里面增加css样式(这里增加的样式:display:block;max-width:100%;height:auto;border:5px solid red;)
htmlstr = htmlstr.replace(regex2, '2max-width:100%;height:auto;3')
console.log('在img标签的style里面增加样式后的html字符串:' + htmlstr)
return htmlstr
}
————————————————
版权声明:本文为CSDN博主「web前端开发大全」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_35858830/java/article/details/102589188

相关文章

  • C-Style 格式化字符串输出 % 的方法

    今天遇到一个问题,要用 C-Style 的格式化字符串输出百分号 %。因为 % 是 C-Style 格式化字符串中...

  • 格式化字符串中的style样式

    //格式化富文本图片内容样式function formatImg(htmlstr) {// 正则匹配所有img标签...

  • 第三课 HTML网页的美化

    给元素添加样式 链接 在标签中添加style属性设定样式 style中的属性解释: 样式和内容分离 样式可以直接在...

  • ios -css

    一、CSS样式简介 行内样式:内联样式)直接在标签的style属性中书写 页内样式:在本网页的style标签中书写...

  • css基础

    引入css 内联样式,style属性,在HTML标签中写入style=“属性:属性值” 内嵌样式,style标签,...

  • VBA练习题1--Format 函数

    Excel VBA中format函数是将参数代码的字符串格式化成指定的样式,主要用来对日期和时间进行格式化,作用类...

  • 13-matplotlib表格

    表格视觉样式:Dataframe.style → 返回pandas.Styler对象的属性,具有格式化和显示Dat...

  • web前端基础-css,选择器

    CSS css样式编写到head中的style标签里,称为内部样式表 方法一:将样式写入style标签中,,然后通...

  • CSS的三种书写方式

    一、行内样式:(内联样式)直接在标签的style属性中书写 二、页内样式:在本网页的style标签中书写 三、外部...

  • Python 内置数据结构之四(字符串下)

    一、字符串的格式化 1.1 字符串的格式化是一种拼接字符串输出样式的手段,更灵活方便 join 拼接只能使用分割符...

网友评论

      本文标题:格式化字符串中的style样式

      本文链接:https://www.haomeiwen.com/subject/zeavbctx.html