JavaScript 正则表达式替换 HTML 锚点

Question

我得到了一个 HTML 字符串，我想将一些特殊的 a 标签转换为其他内容。我需要这个作为 TinyMCE 插件。我尝试更改 WordPress wpgallery 插件。

例如：这些是 HTML 字符串

<a href="http://www.yahoo.com">Yahoo</a> 
<a href="http://www.google.com">Google</a>
<a href="#" rel='special' title='link cat_id="4" content_id="5" content_slug="Slug 1"'>Some where else</a>

，在这里我必须找到特殊的链接一并将其从标题值转换为其他内容 像：

{link cat_id="4" content_id="5" content_slug="Slug 1"}

我需要像这样的返回值将其插入MySQL

<a href="http://www.yahoo.com">Yahoo</a> 
<a href="http://www.google.com">Google</a>
{link cat_id="4" content_id="5" content_slug="Slug 1"}

我尝试过这个

function getAttr(s, n) {
            n = new RegExp(n + '="([^"]+)"', 'g').exec(s);
            return n ? tinymce.DOM.decode(n[1]) : '';
        };

return co.replace(/[^<]*(<a href="([^"]+)">([^<]+)<\/a>)/g, function(a,im) {
var cls = getAttr(im, 'rel');
   if ( cls.indexOf('special') != -1 )
       return '{'+tinymce.trim(getAttr(im, 'title'))+'}';

   return a;
});

，

/[^<]*(<a href="([^"]+)">([^<]+)<\/a>)/g

但没有找到带有 rel eq 到“special”的标签，但找到所有其他标签。

Answer 1

您可能想研究 DOMDocument 和相关类。它们在解析 HTML 方面比自制的正则表达式解决方案要好得多。

您可以使用提供的标记创建 DOM 文档，执行 getElementsByTagName 以获取所有超链接，扫描其属性以查找具有特殊值的 rel 属性，然后采取适当的操作。