如何保持 WordPress Blockquote 內文字格式

先前的 WordPress 文章已經討論如何使用及修改 Blockquote 引用框, 現在看看如何保持 WordPress Blockquote 內文字本來的格式, 例如, 文字縮排。寫有關電腦程式碼的 WordPress 文章的博客, 經常要將程式碼放在 Blockquote 引用框內, 方便讀者查閱, 要保持原本程式碼的格式就非常重要了。

幸好, 博客可以利用 <pre></pre> 來配搭 WordPress Blockquote, 以保持 WordPress Blockquote 內的文字格式。

現在舉一簡單例子看看如何保持 WordPress Blockquote 內文字本來的格式。

假設在文字編輯軟件編寫了以下網頁 HTML 碼:

現在 Copy 以上的網頁 HTML 碼在以下的  WordPress Blockquote 內, 看看效果如何:

<html>
<head>
<title>Test WordPress Blockquote</title>
</head>
<body>
Hi,
I am using Blockquote.
Thanks
</body>
</html>

Oh…. 原本 HTML 碼的文字縮排格式消失了! 以上的HTML 碼明顯地沒有那麼容易查閱和明白。

但是, 如果在 WordPress Blockquote 內加入<pre></pre>, 便可以保持 WordPress Blockquote 內文字格式, 如下所示:

<html>
<head>
    <title>Test WordPress Blockquote</title>
</head>
<body>
    Hi,
        I am using Blockquote.
        Thanks
</body>
</html>

所以, 如果要保持 WordPress Blockquote 內文字的格式, 只要一起使用 <blockquote> 和 <pre> 便可以了:

<blockquote>
<pre>
—— 程式碼 —-
</pre>
</blockquote>

Leave a Reply

Your email address will not be published. Required fields are marked *