Wie füge ich Code am besten in eine Trello-Karte ein?

18

Wenn ich versuche, Code in Trello einzufügen, bekomme ich nach dem Speichern eine sehr seltsame Formatierung, aber es scheint, als würde es Code formatieren. Ich kann es einfach nicht richtig zum Laufen bringen. Momentan setze ich nur Links zu Gist, aber ich würde es vorziehen, sie direkt dort einzufügen.

GiH
quelle

Antworten:

24

Fügen Sie formatierten Code ein, indem Sie ihn in drei Backticks (`` `) am Anfang und Ende des Blocks einschließen oder indem Sie eine Zeile mit vier Leerzeichen beginnen.

Wichtiger Hinweis - Die dreifachen Backticks müssen sich in einer separaten Zeile befinden und Sie müssen vor und nach dem Codeblock eine leere Zeile haben.

UA
quelle
5

Umschließen Sie den Code entweder mit Backticks ( `) für kleinere Codesegmente, oder stellen Sie sicher, dass jede Zeile mit einem Tabulator oder mindestens vier Leerzeichen beginnt.

Joel Spolsky
quelle
2

Endlich die Antwort hier gefunden:

http://daringfireball.net/projects/markdown/syntax#code

Die Verwendung von Markdown ist veraltet, es ist nicht so einfach wie die Verwendung von Gist, haha, ich denke, ich werde diesen Weg beibehalten ... sie sollten wirklich an ihren Werkzeugen arbeiten.

GiH
quelle
1
Ich fühle das nicht nur, weil jemand der Meinung ist, Tool-A sei "nicht so einfach wie" Tool-B, was Tool-A "veraltet" und wertlos macht. Ich liebe Markdown, und es wird von weit mehr Werkzeugen als Gist verwendet. Außerdem ist Gist wirklich auf CODE ausgerichtet - Markdown ist auf DOKUMENTATION ausgerichtet. Zwei verschiedene Werkzeuge.
Bane
2

Ich weiß, dass das Thema ein bisschen alt ist, aber ich sah mich mit diesem Problem konfrontiert.

Ich habe ein User-Skript geschrieben, wenn sich jemand dafür interessiert. Es arbeitet mit einem dreifachen Backslash mit Zeilenvorschub und ermöglicht die Hervorhebung der Syntax entsprechend der angegebenen Sprache.

(edit: hier )

Z.B:

# Title

Text line

```javascript
    import Vue from 'vue';
    import App from './App.vue';

    let vm = new Vue({
        el: '#box',
        render: h => h(App)
    });
```

Text...

Ergebnis:

Trello Syntax Highlight Ergebnis

BadDemiurgeException
quelle