Question

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

我想知道是否有办法用“标准”标记替换Chrome中创建的<span style="font-weight:bold">XXX</span>标记，例如<b>xxx</b>。

提前致谢

Answer 1

你可以试试这个：

$('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
});

那么，这里发生的是：

遍历文档中的所有跨度
检查css样式是否为“粗体”
如果为true，则首先打开它所包含的内容并用您选择的标签包装

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

Answer 2

使用：

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

<强> Working Demo

Javascript JQuery替换标签

2 个答案: