MFMチートシートに数式追加

This commit is contained in:
syuilo 2020-11-08 16:14:49 +09:00
parent 77db016866
commit 604205ec09
2 changed files with 19 additions and 4 deletions

View file

@ -628,6 +628,10 @@ _mfm:
inlineCodeDescription: "プログラムなどのコードをインラインでシンタックスハイライトします。" inlineCodeDescription: "プログラムなどのコードをインラインでシンタックスハイライトします。"
blockCode: "コード(ブロック)" blockCode: "コード(ブロック)"
blockCodeDescription: "複数行のプログラムなどのコードをブロックでシンタックスハイライトします。" blockCodeDescription: "複数行のプログラムなどのコードをブロックでシンタックスハイライトします。"
inlineMath: "数式(インライン)"
inlineMathDescription: "数式(KaTeX)をインラインで表示します。"
blockMath: "数式(ブロック)"
blockMathDescription: "複数行の数式(KaTeX)をブロックで表示します。"
quote: "引用" quote: "引用"
quoteDescription: "内容が引用であることを示すことができます。" quoteDescription: "内容が引用であることを示すことができます。"
emoji: "カスタム絵文字" emoji: "カスタム絵文字"

View file

@ -75,6 +75,16 @@
</div> </div>
</div> </div>
</div> </div>
<div class="_section">
<div class="_title">{{ $t('_mfm.quote') }}</div>
<div class="_content">
<p>{{ $t('_mfm.quoteDescription') }}</p>
<div class="preview _panel">
<Mfm :text="preview_quote"/>
<MkTextarea v-model:value="preview_quote"><span>MFM</span></MkTextarea>
</div>
</div>
</div>
<div class="_section"> <div class="_section">
<div class="_title">{{ $t('_mfm.center') }}</div> <div class="_title">{{ $t('_mfm.center') }}</div>
<div class="_content"> <div class="_content">
@ -106,12 +116,12 @@
</div> </div>
</div> </div>
<div class="_section"> <div class="_section">
<div class="_title">{{ $t('_mfm.quote') }}</div> <div class="_title">{{ $t('_mfm.inlineMath') }}</div>
<div class="_content"> <div class="_content">
<p>{{ $t('_mfm.quoteDescription') }}</p> <p>{{ $t('_mfm.inlineMathDescription') }}</p>
<div class="preview _panel"> <div class="preview _panel">
<Mfm :text="preview_quote"/> <Mfm :text="preview_inlineMath"/>
<MkTextarea v-model:value="preview_quote"><span>MFM</span></MkTextarea> <MkTextarea v-model:value="preview_inlineMath"><span>MFM</span></MkTextarea>
</div> </div>
</div> </div>
</div> </div>
@ -224,6 +234,7 @@ export default defineComponent({
preview_center: `<center>${this.$t('_mfm.dummy')}</center>`, preview_center: `<center>${this.$t('_mfm.dummy')}</center>`,
preview_inlineCode: '`<: "Hello, world!"`', preview_inlineCode: '`<: "Hello, world!"`',
preview_blockCode: '```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```', preview_blockCode: '```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```',
preview_inlineMath: '\\(x= \\frac{-b\' \\pm \\sqrt{(b\')^2-ac}}{a}\\)',
preview_quote: `> ${this.$t('_mfm.dummy')}`, preview_quote: `> ${this.$t('_mfm.dummy')}`,
preview_search: `${this.$t('_mfm.dummy')} 検索`, preview_search: `${this.$t('_mfm.dummy')} 検索`,
preview_jelly: `[jelly 🍮]`, preview_jelly: `[jelly 🍮]`,