javascript - 如何替换 html-tag 属性字符串中的多个 '<' 和 '>'？

Question

我从 rte 读取内容，在将它们提交到服务器之前我需要替换 <和 >他们的 html 实体在一些标题属性中。我不想在这里使用 Dom-Operations，因为我在这里得到的只是文本表示。我正在寻找的是一个转换这个的正则表达式

<div>ABCD<img style="max-height: 25px; max-width: 25px;" class="inlinetag" 
  src="http://my_images/icon.gif" 
  title="<ir_inline itemname=bild_1 type=0><cbd>"> EFG</div>

进入这个

<div>ABCD<img style="max-height: 25px; max-width: 25px;" class="inlinetag" 
  src="http://my_images/icon.gif" 
  title="&lt;inline itemname=bild_1 type=0&gt;&lt;cbd&gt;"> EFG</div>

如何做到这一点？

Answer 1

纯正则表达式解决方案:

var input = "title=\"<ir_inline itemname=bild_1 type=0><cbd>\""; //use the entire input
var myRegexp = /title=\"(.*?)\"/g; // get all title attributes
var output = input.replace(myRegexp,function(a){return a.replace(/</g,"&lt;").replace(/>/g,"&gt;");});

我已经使用您的示例输入和输出对其进行了测试。它应该有效。