Markdownマークアップで数行をインデントする方法は?


360

数行のテキストを書きたいのですが。各行は6列目から開始する必要があることを除いて、通常の形式にしてください。つまり、太字などの他のフォーマットを使用するため、コードブロックのフォーマットルールでこのテキストのチャンクをコードのように見せたくありません。Markdownでそれを行う方法は?


12
Markdownがこれをサポートしていないのは残念です。それは欠けている基本的な機能です。
Josh Noe

5
どう: ですか?
Frode Akselsen 2017年

4
Markdownの実装では、定義リストでの:の使用は一般的ではありませんが、Markdownバリアントがサポートしている場合、これは完全に機能します。これを本当の答えにしてください。
Alex Dupuy 2017年

回答:


383

マークダウンのネイティブ機能でそれを行う方法はありません。ただし、マークダウンではインラインHTMLが許可されるため、次のように記述します

      This will appear with six space characters in front of it

生成されます:

      これはその前に6つのスペース文字が表示されます

ページ上のCSSを制御できる場合は、タグを使用して、インラインまたはCSSルールでスタイルを設定することもできます。

どちらの方法でも、マークダウンはレイアウト用のツールとしてではなく、Webへの記述プロセスを簡略化するためのものです。そのため、機能セットを拡張して必要なことを実行している場合は、ここで適切なツールを使用してください。Gruberのドキュメントを確認してください。

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


12
 (Unicode:\ 2002)をMarkdownファイルに挿入することが可能であり、それらは ソースのようには表示されません-ファイルをレンダリングするときのみ。この文字を挿入するには、OSのショートカットキーをワークアウトするだけです。
ヴォーン2013

1
ブロック引用符は、これを行うための良い方法です(@ChrisVの回答を参照)
drevicko '19

テキストを揃えるためにインデントを使用したい場合はどうすればよいですか。たとえば、2行目の2番目の単語が同じ場所で始まるようにしたいと思います(コーダーが割り当て演算子を使用するのと同じように=)。
Royi 14

3
 シンプルでプレーンなインデントに最適です。スタイル/フォントの変更はありません、ただインデント👍ん

5
長いテキストで折り返された行はインデントされていないため、レイアウトに必要ない場合があります。レンダリングしたビューのサイズを変更してテストします。また、 タブに近いです。
dimmech

76

これを行う1つの方法は、複数レベルのインデントを指定できる箇条書きを使用することです。ブレットポイントは、2つのスペースの倍数、スター、別のスペースを使用して挿入されます。例:

this is a normal line of text
  * this is the first level of bullet points, made up of <space><space>*<space>
    * this is more indented, composed of <space><space><space><space>*<space>

この方法には、生のテキストを表示する場合にも意味があるという大きな利点があります。

箇条書き自体が表示されないようにするli {list-style-type: none;}場合は、(マークダウンを使用している場所に応じて)マークダウン領域全体のcss を追加できるようにする必要があります。


5
素敵なトリックですが、Markdown(およびその結果のHTML)の一部ではなく、全体ではなく、表示されている箇条書きを無効にしたいと思います。それを行うきれいな方法はありますか?
Meng Lu

@MengLu同じ要件があります。これはまったくわかりましたか?
ライフバランス2014

1
承認された回答よりも構造的にはるかに優れています
irowe

マークダウンはHTMLを受け入れることができることに注意してください-これは仕様の一部です。したがって、特定のリストについては、この問題を解決するためにHTMLを使用することを止めるものは何もありません。マークダウンにHTMLを含めることはできますが、HTMLフラグメントにマークダウンを含めることはできません。<ul> <li style = "list-style-type:none;">インデントされたコンテンツで、すべてHTMLである必要があります</ li> </ ul>
Hamish Willee '

2
これは私に受け入れられた答えよりもはるかに良いようです。これにより、インデントされたテキストをよりきめ細かく制御できるようになります。言うまでもなく、読みやすく、保守しやすくなります
Arepo

36

これは古いスレッドですが、マークダウンのブロッククォート( '>')がこれに最適だと思いました:


21
これは、指定された量をインデントする必要がなく、異なる背景色や、ブロッククォートに伴う他のスタイルを取得する必要がない場合に適したソリューションです。結局のところ、ブロッククォートには意味的な目的があり、実際に何かをクォートとして引き立てたい場合に最適です。
alegscogs 2014年

20
違う。ブロック引用符(>)は引用符を作成するためのものであり、単なるインデントではありません。スタイルは全く違います。
グリーン

25

この ">"が役立つかどうかを確認します。

Line 1
> line 2 
>> line 3

それは、ラテックスのマークアップを使用してjupyterノートブックで甘いチケットです
vwvan

2
上記のコメントを参照してください。「間違っています。ブロック引用符(>)は引用符を作成するためのものであり、単純なインデントではありません。スタイルがまったく異なります」
ユーザーではないユーザー

22

タブ、次に+記号、スペース、コンテンツの順に入力します

そう

* level one + level two tabbed


githubの/ビットバケット値下げはせずに、同様のインデントルールをサポートしています+[tab][space]your-text-goes-here
roblogic

13

次のように数学環境を使用して、段落の最初に決められたスペースを配置するのはどうですか?

$\qquad$ My line of text ...

これは私にとってはうまくいき、あなたにとってもうまくいくことを願っています。


10

本当にタブを使用する必要があり、灰色の背景色とパディングを気にし<pre>なければ、タグが機能する場合があります(サポートされている場合)。

<pre>
This        That        And             This
That        This        And             That    
</pre>
これとこれ
あれこれとあれ    

7

ハード(改行しない)スペースを使用してください

なぜ別のマークアップ言語を使用するのですか?(上記の@czに同意します)。
Markdownの1つの目標は、プレーンテキストエディターでもドキュメントを読みやすくすることです。

同じ結果の2つのアプローチ

コード

Sample code
&nbsp;&nbsp;&nbsp;&nbsp;5th position in an really ugly code  
    5th position in a clear an readable code  
    Again using non-breaking spaces :)

結果

サンプルコード
    本当に醜いコードの
    5番目の位置読みやすいコードの5番目の位置
    改行しないスペースを再び使用する:)

非改行スペース(またはハードスペース)の視覚表現は通常、通常のスペース ""ですが、Unicode表現はU + 00A0です。
通常のスペースのUnicode表現はU + 0020(ASCIIテーブルでは32)です。
したがって、視覚的表現は同じままでテキストプロセッサの動作が異なる場合があります。

ハードスペースを挿入する

| OS        | Input method                      |
|===========| ==================================|
| macOS     | OPTION+SPACE (ALT+SPACE)          |
| Linux     | Compose Space Space or AltGr+Space|
| Windows   | Alt+0+1+6+0                       |

Some text editor use Ctrl+Shift+Space.

問題

一部のテキストエディターは、コピーおよび貼り付け操作でハードスペースを共通スペースに変換できるため、注意してください。


OPTION + SPACEアクティブ化されたスポットライト検索
wander95 '18年

デフォルトのショートカットを変更した場合にのみ、できません。Spotlight検索フィールドは、COMMAND-SPACEでトリガーされます(COMMANDキーはWindowsキーに類似しています)。非改行スペースはOPTION-SPACEで導入されます(オプションはALTに類似しています)
ePi272314

私のMacでは、Option + Spaceを自分でショートカットしていますが、代わりにShift + Option + Spaceがうまく機能します。
DagHøidahl19年

これにより、長い文を含む行の折り返しは見苦しくなります。
マイクコルメンディ

4

マークダウンでHTMLを使用できるかどうかを確認します。多分これはあなたのためにうまくいきます:

  • エントリーを1 <br/>
    行インデントしてリストし<br/>
    <br/>
    ます。
  • 2番目のエントリ
    • サブエントリ<br/>
      こんにちは!

6
そのためには、行を2つのスペースで終了する必要があります。
Pietro

4

引用/インデントされた段落の場合、このハックは機能する可能性があります(レンダリングエンジンによって異なります)。

| | | |
|-|-|-|
|  | _"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."_ | |
|

これは次のようにレンダリングされます:

ここに画像の説明を入力してください


2

改行なしスペースを直接使用します !とは異なります)。

(HTMLや難解なマークダウンコードを挿入することもできますが、標準のマークダウンとの互換性を損なうより良い理由が考えられます。)


2

SColvinの回答(私が提供するコントロールの受け入れられた回答よりも私が好む)に応じてMengLuと@lifebalanceの質問に答えるには、表示をnoneに設定するときにリストの親要素をターゲットにして、必要に応じて、周囲の要素。目次に対してこれを行うと仮定すると、SColvinの答えを拡張できます。

HTML

<nav class="table-of-contents">
  this is a normal line of text
  * this is the first level of bullet points, made up of <space><space>*<space>
    * this is more indented, composed of <space><space><space><space>*<space>
</nav>

CSS

.table-of-contents ul {
  list-style-type: none;
}

2

コメントの@AlexDupuyで指摘されているように、これには定義リストを使用できます。

これはすべてのマークダウンプロセッサでサポートされているわけではありませんが、広く利用可能です:マークダウンガイド-定義リスト

Term 1
: definition 1
: definition 2

Term 2
: definition 1
: definition 2

(html)としてレンダリング:

<dl>
    <dt>Term 1</dt>
    <dd>definition 1</dd>
    <dd>definition 2</dd>
    <dt>Term 2</dt>
    <dd>definition 1</dd>
    <dd>definition 2</dd>
</dl>

通常、DTは見出しのような形式でDDレンダリングされ、それぞれがその下にインデントされたテキストとしてレンダリングされます。

見出し/用語が不要な場合は、定義用語の代わりに改行しないスペースを使用します。

&nbsp;
: This is the text that I want indented.  All text on the same line as the preceding colon will be included in this definition.
: If you include a second definition you'll get a new line; potentially separated by a space. <br />Some inline HTML may be supported within this too, allowing you to create new lines without spaces.
: Support for other markdown syntax varies; e.g. we can add a bullet list, but each one's wrapped in a separate definition term, so the spacing may be out.
: - item 1
: - item 2
: - item 3

上記の例をこのサイトにコピーアンドペーストすることで、この動作を確認できます。スタック編集マークダウンエディター

Stack EditでのDLレンダリングのスクリーンショット


1
&nbsp; 完璧に働いた。ありがとう
ケビンメイソン

0

一部のMarkdown実装では、~字下げに文字を使用しているようです。


0

別の方法は、StackEditのようなマークダウンエディターを使用することです。WYSIWYGエディターでhtml(またはテキスト)をマークダウンに変換します。エディターでインデント、タイトル、リストを作成でき、対応するテキストがマークダウン形式で表示されます。その後、ファイルを保存、公開、共有、またはダウンロードできます。あなたは彼らのウェブサイトでそれにアクセスできます-ダウンロードは必要ありません!


0

さて、Rコードに小さなHTMLを使用して、R Markdownで純粋なテキストを生成するために次のコードを実行しました。<h3 style="text-indent: 15em;">インデントテキスト15個のスペース。元の質問では、15を6に変更します。

## Option: Du Pont Ratio Concept - (ROE Decomposition)
### (Closed Quotes/Total Premium) = (Closed Quotes/Quotes Issued) X <br>
<h3 style="text-indent: 15em;">
 (Quotes Issued/Renewal Premium) X <br></h3>
<h3 style="text-indent: 15em;">
 (Renewal Premium/Total Premium)</h3>

したがって、結果のコードは、希望する出力形式を提供します。私はMarkdownドキュメントにタブを使用していて、機能する()テキストを並べようとしていました。

r出力


0

完全を期すために、より深い箇条書きのリスト:

Nested deeper levels: ---- leave here an empty row * first level A item - no space in front the bullet character * second level Aa item - 1 space is enough * third level Aaa item - 5 spaces min * second level Ab item - 4 spaces possible too * first level B item

ネストされたより深いレベル:

  • 第1レベルアイテム-弾丸キャラクターの前にスペースなし
    • 第2レベルのAaアイテム-1スペースで十分です
      • 第3レベルのAaaアイテム-5スペース分
    • 第2レベルのAbアイテム-4スペースも可能
  • 第1レベルBアイテム

    Nested deeper levels:
     ...Skip a line and indent eight spaces. (as said in the editor-help, just on this page)
    * first level A item - no space in front the bullet character
     * second level Aa item - 1 space is enough
         * third level Aaa item - 5 spaces min
        * second level Ab item - 4 spaces possible too
    * first level B item
    
            And there
            could be even more
            such octets of spaces.
    

0

箇条書きで作業している場合は、これを試してください:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

これは、マークダウンをスタイリングするときに使用する方法です。


0

gitlab.comでは、単一のenスペース(U + 2002)に続いて単一のemスペース(U + 2003)が適切に機能します。

おそらく、他の繰り返しや正確に説明されていないスペース文字の組み合わせでも十分でしょう。


0

改行しないスペースで行を開始する場合の問題の1つは、行が折り返すのに十分長い場合、オーバーフロー行の最初の文字が最初の文字の下から開始するのではなく、2番目の行に溢れるとき、最初から左に開始することです。その上の行の。

システムでHTMLとマークダウンを組み合わせることができる場合、インデントを取得するための安くて陽気な方法は次のとおりです。

<ul>
My indented text goes here, and it can be long and wrap if you like.
And you can have multiple lines if you want.
</ul>

意味的にはHTML内では意味がありません(LI項目のないULセクション)が、私が使用したすべてのブラウザーは、これらのタグの間にあるものを喜んでインデントします。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.