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增加了段落对齐的功能。