如何在我自己的网站上格式化代码？

Question

我正在使用美化颜色编码，但我的代码仍然是扁平的，没有正确缩进，我如何格式化它，使它看起来类似于github gist或pastebin？ （我知道你可以从这些网站嵌入，但看起来不太专业）。

Answer 1

如果你的代码是扁平的，你需要重写它 - 就像在github中一样。也许你甚至可以找到一个autoformatter，但它将像荧光笔一样依赖于语言。

如果您的代码仅展示为平面，则可能需要在其周围添加<pre>标记，或将css属性white-space:pre设置为周围元素。

Answer 2

我会使用gist.github.com。它看起来很小。如果仍然只想要CSS，那么你就是红宝石CodeRay。

Answer 3

根据您的需要，CodeMirror的自动格式可能适用。

使用formatting extension，你可以这样做：

editor.autoFormatRange(from, to);

Here's a demo of it in action

您还可以编辑代码段 - 如果您不想这样，可以使用editor.readOnly()功能将其关闭。

Answer 4

以下是我要做的事情，欢迎您采用不同的方式：

1. 我会在编辑器中编写代码，（例如Notepad++，因为它非常棒）。
2. 我会确保我的代码按照我想要的方式格式化。
3. 我会突出显示我想要的代码区域并将其复制。
4. 然后我会切换到Wordpress帖子编辑器中的“html”标签。
5. 我会输入一个开始和结束<pre>标签。如果我使用美化，我会输入<pre class="prettyprint"></pre>
6. 我会将代码粘贴到刚刚创建的开始和结束<pre>标记之间。