文章/答案/技术大牛

发布

社区首页 >问答首页 >替换标题(<h1>，<h2> ...)带有<p>标签和类的标签

问替换标题(<h1>，<h2> ...)带有<p>标签和类的标签
EN

Stack Overflow用户

提问于 2013-06-06 17:29:35

回答 1查看 10.9K关注 0票数 3

我希望将所见即所得编辑器中的标签替换为。

目前，我正在使用以下代码来实现这一点。

$content = preg_replace('/<h1(.*?)<\/h1>/si', '<p class="heading-1"$1</p>', $content);
$content = preg_replace('/<h2(.*?)<\/h2>/si', '<p class="heading-2"$1</p>', $content);
$content = preg_replace('/<h3(.*?)<\/h3>/si', '<p class="heading-3"$1</p>', $content);
$content = preg_replace('/<h4(.*?)<\/h4>/si', '<p class="heading-4"$1</p>', $content);
$content = preg_replace('/<h5(.*?)<\/h5>/si', '<p class="heading-5"$1</p>', $content);
$content = preg_replace('/<h6(.*?)<\/h6>/si', '<p class="heading-6"$1</p>', $content);

正如你所看到的，这段代码相当混乱，如果我能把它压缩成一个正则表达式，那就太好了，但我只是缺乏这样做的能力。

我曾考虑过将此行代码作为替代方案。

$content = preg_replace('/<h(.*?)<\/h(.*?)>/si', '<p class="heading-$2"$1</p>', $content);

我不确定是否使用上面的内容，客户倾向于从其他网站复制内容，直接粘贴到他们新的WYSIWYG中，我看到从hr标签到标题标签的任何东西都会在那里弹出。

我需要的只是上面的一行，除了标签本身只能是2个特定的字符(所以要确保标签以H开头，后面跟1-6)。

我还要求它添加到p标记的类是特定于数字使用的，例如: heading-1，heading-2。

任何帮助都将不胜感激，感谢您的宝贵时间。

wysiwyg

php

regex

wordpress

preg-replace

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-06 17:42:53

$content = <<<HTML
<h1 class="heading-title">test1</h1>
<H2 class="green">test2</H2>
<h5 class="red">test</h5>
<h5 class="">test test</h5>
HTML;

$content = preg_replace('#<h([1-6]).*?class="(.*?)".*?>(.*?)<\/h[1-6]>#si', '<p class="heading-${1} ${2}">${3}</p>', $content);

echo htmlentities($content);

结果：

<p class="heading-1 heading-title">test1</p> 
<p class="heading-2 green">test2</p> 
<p class="heading-5 red">test</p> 
<p class="heading-5 ">test test</p>

现有类注意事项：即使您的元素没有现有类，也必须添加空类属性class=""。相反，这将不会像预期的那样工作。:(更好的解决方案是使用。然后，您可以检查是否存在匹配项，并更准确地创建p tags。

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16958490

复制

相似问题

问替换标题(<h1>，<h2> ...)带有<p>标签和类的标签
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问替换标题(<h1>，<h2> ...)带有<p>标签和类的标签EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问替换标题(<h1>，<h2> ...)带有<p>标签和类的标签
EN