正则表达式文本和标签之间的一些标签

Question

我对正则表达式标签 html 有疑问。任何人请帮助我！ 谢谢这是我的一些情况......我有搜索和思考但没有这样做。

案例一

// My input to regex
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit <br/><a href="#"><img src="img.jpg/></a> sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua<p>

// Out Put after regex    
Lorem ipsum dolor sit amet, consectetur adipisicing elit <br/><a href="#"><img src="img.jpg/></a> sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua

案例 2

// My input to regex
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>

// Out put after regex            
Lorem ipsum dolor sit amet, consectetur adipisicing elit

案例 3

// My input to regex

<p><ul>...</ul><p>

//Out put after regex

NULL

Answer 1

我猜这就是你所追求的（javascript 中的示例）。

function checkParagraph(str)
{
    var result = str.match(/^<p>([^<].*[^>])<\/p>$/i);
    if (result) return result[1];
    else return null;
}

alert(checkParagraph("<p>Lorem ipsum <br/><a href=\"#\"><img src=\"img.jpg\"/></a> magna aliqua</p>"));
alert(checkParagraph("<p>Lorem ipsum magna aliqua</p>"));
alert(checkParagraph("<p><a href=\"#\"><img src=\"img.jpg\"/></a></p>"));

加上关于只允许 BR、IMG、A 和 IMG-inside-A 标签的附加信息，正则表达式完全不同：

function checkParagraph(str)
{
    var result = str.match(/^<p>(([^<>]+|<br\/>|<img[^>]+>|<a[^>]+>[^<>]*<\/a>|<a[^>]+><img[^>]+><\/a>)*)<\/p>$/i);
    if (result) return result[1];
    else return null;
}

alert(checkParagraph("Lorem ipsum magna aliqua"));
alert(checkParagraph("<p>Lorem ipsum magna aliqua</p>"));
alert(checkParagraph("<p>Lorem ipsum <br/> magna aliqua</p>"));
alert(checkParagraph("<p>Lorem ipsum <a href=\"#\">magna</a> aliqua</p>"));
alert(checkParagraph("<p>Lorem ipsum <img src=\"img.jpg\"/> magna aliqua</p>"));
alert(checkParagraph("<p>Lorem ipsum <br/><a href=\"#\"><img src=\"img.jpg\"/></a> magna aliqua</p>"));
alert(checkParagraph("<p><br/><a href=\"#\"><img src=\"img.jpg\"/></a></p>"));
alert(checkParagraph("<p><span>magna</span> aliqua</p>"));
alert(checkParagraph("<p><a href=\"#\"><span>magna</span> aliqua</a></p>"));
alert(checkParagraph("<p><br/><a href=\"#\"><img src=\"img.jpg\"/><span>magna</span> aliqua</a></p>"));

正则表达式的分解：

/.../i -> 大小写标签不区分大小写
^<p>...<\/p>$ -> 输入包含在 P 标签中
(...) -> 括号之间的捕获组将变为结果[1]
(...|...)* -> 以下任意数量的选项：
[^<>]+ -> 选项 1：任何不带标签的文本
<br\/> -> 选项 2：BR 标签
<img[^>]+> -> 选项 3：一个 IMG 标记
<a[^>]+>[^<>]*<\/a> -> 选项 4：一个带有文本的 A 标记
<a[^>]+><img[^>]+><\/a> -> 选项 5：一个带有 IMG 标记的 A 标记