文字列装飾
装飾したい文字列に対して、CSSの記法を用いてスタイルを定義できます。
装飾したい文字列
<!--rehype:style=....-->
例: 文字色の指定
Markdown 記法
文字を赤くすることができます。
<!--rehype:style=color: red;-->
PREVIEW
文字を赤くすることができます。
脚注
脚注(フットノート)を作成すると、本文中の語句に注釈番号を付け、その説明を文末にまとめて表示できます。 本文中で脚注を入れたい箇所に [^1] のように記述し、文書内の任意の場所に [^1]: 脚注の説明 と定義します。
Markdown 記法
文章中の特定の用語に対して、脚注リンクを作成できます[^1].
また、一つの記事内に複数の脚注を定義することも可能です[^2].
[^1]: 画面下部に表示される、このような補足説明のことです。
[^2]: 脚注内のテキストが長くなる場合は、
このように途中で改行して
複数行にわたって記述することもできます。
ここから、さらに本文の続きを記述していきます。
Mermaid 記法
Mermaid.js によるダイアグラム作成 (公式サイト)
数式
KaTex 記法に対応(公式サイト)
本文での数式
`$$` で囲んで以下のように記載
Markdown 記法
出力は `$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$` のようになります。
PREVIEW
出力は $\displaystyle \left( \sum\nolimits_{k=1}^n a_k b_k \right)^2 \leq \left( \sum\nolimits_{k=1}^n a_k^2 \right) \left( \sum\nolimits_{k=1}^n b_k^2 \right)$ のようになります。
コードブロック内
コードブロック内で以下のように記載
Markdown 記法
```KaTeX
\displaystyle \left( \sum\limits_{k=1}^n a_k b_k \right)^2 \leq \left( \sum\limits_{k=1}^n a_k^2 \right) \left( \sum\limits_{k=1}^n b_k^2 \right)
```
PREVIEW
$\displaystyle \left( \sum\limits_{k=1}^n a_k b_k \right)^2 \leq \left( \sum\limits_{k=1}^n a_k^2 \right) \left( \sum\limits_{k=1}^n b_k^2 \right)$
目次
記事内で使用されている見出し(ヘッダー)を自動的に抽出し、その階層構造に基づいたリンク付きの目次を生成します。抽出される見出しは、#(h1)から ###(h3)までの3階層分です。
以下のように記載すると目次が生成されます。
以下のように記載すると目次が右寄せで文章に回り込んで生成されます。
非表示コメント
表示はしない文章を定義できます。
Markdown 記法
<!--rehype:ignore:start-->
この内容は表示されません
<!--rehype:ignore:end-->
折り畳み
見出しを追加できます
警告
Markdown 記法
> [!NOTE]
> ユーザーが知っておくべき有益な情報です。
> [!TIP]
> より良く簡単に行うためのヒントです。
> [!IMPORTANT]
> 重要な情報です。
> [!WARNING]
> 注意を払うべき緊急の情報です。
> [!CAUTION]
> 注意喚起です。
PREVIEW
ユーザーが知っておくべき有益な情報です。
より良く簡単に行うためのヒントです。
重要な情報です。
注意を払うべき緊急の情報です。
注意喚起です。
保存とエクスポート
- kintone 付属の印刷機能から出力してください。
- 設定からPDFダウンロードを有効にした場合、詳細表示画面およびプレビュー画面右上にPDFダウンロードボタンが表示されます。 こちらは、ベータ版としており、現状、一部のスタイルでの画面崩れが起きる場合がございます。また、画像として生成されるため、文字をコピー可能なPDFとしては生成されません。 KaTex の数式をPDFダウンロードで出力したい場合は、外部サイトからフォントファイルを取得する必要があるため、「数学記号フォントを外部リソース(CDN)から取得する」のチェックボックスにチェックを入れてください。

改ページ
PDF生成時に
Markdown 記法
<div style="page-break-before:always">
ショートカットキー一覧
Windows
- Ctrl + Alt + H:画面全体に編集画面を広げます
- Ctrl + Alt + K:編集画面すべてをプレビューにします
- Ctrl + Alt + O:編集画面右半分をプレビューにします
Mac
- ⌘ + ⌥ + H:画面全体に編集画面を広げます
- ⌘ + ⌥ + K:編集画面すべてをプレビューにします
- ⌘ + ⌥ + O:編集画面右半分をプレビューにします