如何在自己的網站上設置代碼格式？

Question

我正在使用prettify進行顏色編碼，但是我的代碼仍然很平坦並且沒有正確縮進，如何格式化它，使其看起來類似於github gist或pastebin？ （我知道您可以從這些網站進行嵌入，但看起來並不專業）。

Answer 1

如果您的代碼是扁平的，則需要重寫它-如github中所示。 也許您甚至可以找到一個自動格式化程序，但是它將與熒光筆一樣依賴於語言。

如果您的代碼僅以平面顯示，則可能需要在其周圍放置<pre>標記，或者將css屬性white-space:pre設置為周圍的元素。

Answer 2

我會使用gist.github.com。 看起來有點小教授。 如果仍然只需要CSS，而您正在使用ruby CodeRay 。

Answer 3

根據您的需求， CodeMirror的自動格式化可能適用。

使用其格式擴展名 ，您可以執行以下操作：

editor.autoFormatRange(from, to);

這是一個實際的演示 。

您還可以編輯代碼段-如果您不希望這樣做，則可以使用editor.readOnly()函數將其關閉。

Answer 4

這是我會做的，歡迎您采取不同的方式：

1. 我會在編輯器中編寫代碼（例如Notepad ++ ，因為它很棒）。
2. 我將確保我的代碼按照我想要的方式進行格式化。
3. 我將突出顯示我想要的代碼區域並復制它。
4. 然后，我將在Wordpress帖子編輯器中切換到“ html”選項卡。
5. 我要輸入一個開始和結束<pre>標簽。 如果我使用的是美化功能，則輸入<pre class="prettyprint"></pre>
6. 我將代碼粘貼在剛創建的開始和結束<pre>標簽之間。