Как мне отформатировать код на моем собственном сайте?

Question

Я использую prettify для цветовой кодировки, но мой код остается плоским и не имеет правильного отступа, как мне отформатировать его так, чтобы он выглядел как github gist или pastebin? (Я знаю, что вы можете вставлять с этих сайтов, но это выглядит не очень профессионально).

Answer 1

Если ваш код плоский, вам нужно его переписать - как в github. Возможно, вам даже удастся найти автоформатор, но он будет зависеть от языка так же, как и маркер.

Если ваш код отображается только плоским, вам может понадобиться тег <pre> вокруг него или установить свойство css white-space:pre для окружающего элемента.

Answer 2

Вот что я хотел бы сделать, добро пожаловать по-другому:

1. Я бы написал свой код в редакторе (например, Notepad ++ , потому что он очень крутой).
2. Я бы удостоверился, что мой код был отформатирован так, как я хотел.
3. Я бы выделил нужную область кода и скопировал ее.
4. Затем я бы переключилсяна вкладку "html" в моем редакторе сообщений Wordpress.
5. Я бы напечатал открывающий и закрывающий тег <pre>.Если бы я использовал prettify, я бы набрал <pre class="prettyprint"></pre>
6. Я вставил бы свой код между открывающими и закрывающими тегами <pre>, которые я только что создал.

Answer 3

В зависимости от ваших потребностей, автоматическое форматирование CodeMirror может подойти.

С их расширением вы можете просто сделать:

editor.autoFormatRange(from, to);

Вот демонстрация этого в действии .

Вы также получите возможность редактировать свои фрагменты кода - и если вы этого не хотите, вы можете отключить егос функцией editor.readOnly().

Answer 4

Я бы использовал gist.github.com.Это выглядит мелким профессором.Если все еще хотите только CSS, и вы находитесь на ruby ​​ CodeRay .