Javascript JQuery替换标签

故事系统

我有一个内容可编辑的区域,当用户完成编辑后,我会将数据保存到文件中。当用户首先使用一个浏览器,然后使用另一个浏览器时,contenteditables创建的不同样式会导致代码混乱且不兼容。

我想知道是否有任何方法可以将<span style="font-weight:bold">XXX</span>Chrome中创建标签替换为“标准”标签,例如<b>xxx</b>

提前致谢

i

您可以尝试以下方法:

$('span').each(function(){ // iterate to the all the spans
    if($(this).css('font-weight') == 'bold'){  // check if font is bold
       $(this).contents().unwrap().wrap('<b></b>');​ 
    }  // unwrap the content and wrap it
});

因此,这里发生的是:

  1. 遍历文档中的所有跨度
  2. 检查CSS样式是否为“粗体”
  3. 如果为true,则首先将其保存的内容包装起来,并用您选择的标签包装

因此,类似地,您必须分别检查所有其他css样式并相应地替换/包装它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Javascript或jquery替换A标签中的文本

来自分类Dev

用javascript或jquery替换现有的规范标签

来自分类Dev

javascript替换多个div标签

来自分类Dev

Javascript / JQuery条件替换

来自分类Dev

使用javascript替换插入<span>标签

来自分类Dev

用javascript替换多个<br>标签

来自分类Dev

javascript删除html标签并替换html实体

来自分类Dev

用jQuery或Javascript替换iFrame

来自分类Dev

Javascript替换即使替换标签也不替换不区分大小写的字符

来自分类Dev

使用Javascript用更复杂的代码动态替换HTML标签

来自分类Dev

Javascript-替换所有数字哈希标签

来自分类Dev

Javascript - 将 HTML 标签从 textarea 替换为 div

来自分类Dev

用jquery确认替换javascript确认

来自分类Dev

JavaScript-用Angular代码替换jQuery $

来自分类Dev

jQuery / JavaScript查找并替换为RegEx

来自分类Dev

JavaScript-用Angular代码替换jQuery $

来自分类Dev

用 Jquery 或 JavaScript 替换悬停文本

来自分类Dev

替换 javascript/jquery 中的占位符

来自分类Dev

简化重复的标签值jQuery / Javascript

来自分类Dev

处理标签的简单条件(JQuery,javascript)

来自分类Dev

从标签和输入创建对象-javascript,jQuery

来自分类Dev

我想使用JavaScript将H3标签替换为H2标签

来自分类Dev

如果开始标签具有指定的类,Javascript RegExp 替换两个标签之间的文本

来自分类Dev

Javascript替换

来自分类Dev

Javascript替换

来自分类Dev

Javascript标签

来自分类Dev

使用jQuery替换li标签内的文本

来自分类Dev

替换jQuery中锚标签的值

来自分类Dev

用jQuery替换标签的某些部分