ExASIC
分享让工作更轻松

Markdown博客中的段落对齐

在段落开头用特殊标记来指定格式,如[[text-align:center]]表示居中,[[text-align:right]]表示右对齐。

这是一个正常的段落。

这是一个居中的段落。

这是一个右对齐的段落。

解说

markdown源码:

[[text-align:left]]这是一个正常的段落。

[[text-align:center]]这是一个居中的段落。

[[text-align:right]]这是一个右对齐的段落。

经过parsedown处理后,只是简单的加了<p></p>。html源码如下:

<p>[[text-align:left]]这是一个正常的段落。</p>
<p>[[text-align:center]]这是一个居中的段落。</p>
<p>[[text-align:right]]这是一个右对齐的段落。</p>

php正则查找替换登场。查找[[css style]]中的css语句,移动到标签<p>里。如下:

echo preg_replace('/<p>\[\[(.*)\]\]/u', '<p style="$1">', $html);

经php处理后得到最终html,

<p style="text-align:left">这是一个正常的段落。</p>
<p style="text-align:center">这是一个居中的段落。</p>
<p style="text-align:right">这是一个右对齐的段落。</p>

总结

用php正则为markdown增加了段落对齐的功能。

阅读数:
更多文章:文章目录
解惑专区
(支持markdown插入源代码)
欢迎使用ExASIC订阅服务
仅用于ExASIC最新文章通知,方便及时阅读。
友情链接: 白山头NingHeChuanShuang'Blog
成都奥卡思微电科技有限公司,主要产品有AVE自动化验证工具软件和MegaEC等价验证工具软件。硅知识,上海市集成电路高技能人才培养基地NanDigits中国,主要产品GOF。2020年元旦,我们,十多位IC行业的公众号号主,共同建立了一个 “ IC技术圈 ” 。我们将在这里或分享经验,或传授技巧,或聊求职就业,或谈人生规划。陕西纳宇测量设备有限公司AD