記事投稿フォームにショートカット搭載してみた

| 2022/05/11 02:03:04 | 368 | cat:ニュース |


記事投稿をしやすく

こんにちはZSHAREの管理人です。今回はZarcのフォームについて更新がありましたので、使い方等を簡単に書いていきます。
Zarcの記事投稿では、MarkDownという方式で記事を書くことができます。

MarkDown(マークダウン)とは📎

MarkDownは簡単にHTMLを書くことができるというものです。 Markdown記法とは、テキストを構造的に記述する「マークアップ言語」の一つです。特定の記号を使って、段落や見出し、装飾などを自動的に表示できます。内容と構造を分けて扱えばいいので、見出しや本文、箇条書きといったレイアウトを気にせず、素早く文章を入力していくことができます。タグを使ってテキストやリンクの構造を指定するHTMLやXMLも、マークアップ言語の例です。

引用:


このマークダウンというものは要約すると 簡単に記載できるようになる言語 でよいでしょう。 ですが、簡単とはいえ言語なので記法があるわけで、覚えることがたくさんあります。記事をたくさん書いていればだんだん覚えていくものなのでしょうけど、最初の方は少し大変です。ちなみにマークダウンの記法は一番最初にZarcに投稿しています。


そこで、今回はMarkDownを覚えていなくてもよく使うコードなら ボタンひとつ で簡単にいい感じの記事を書ける機能を投稿機能に備えました。

実際に画像紹介していきます。


代替文字列

※実際のボタンの配置


今回は全ては紹介はしませんが、ある程度操作は同じなので必要な部分のみ紹介します。

・例えば、H1というタグをHTMLで使用するには以下のようなコードが必要です。(例1)

<h1>例1の文字列</h1>

・次にこのコードをMarkDownで記載すると以下のようなコードが必要です。(例2)

#例2の文字列

😮「この2つを見比べるとMarkDownがとても簡単なのがわかるね」

では今回搭載されたボタンを使用してみましょう。 ・例3ボタンを使用した場合

GIF

😮「クリックしただけで#が入力されたよ!」


このように今回搭載された昨日は押すだけで、簡単にMarkDownで必要なコードを自動入力してくれるといった機能になります。

使い方は分けて2種類

この機能には2つの使い方があります。「使い方」というより使うコードによって使い方が違うだけです(?)

「H1」や「H5」といったものはMarkDownの場合最初の一文字目に#がないと反応はしません。そのため、ボタンを押す際にカーソルを置いたラインの先頭もしくはその場所に自動で入力されます。

ではもう一つは?というと選択した文字列を囲って入力されるといったものです。

では実際にやってみましょう。

1.文章を入力

1

2.太文字にしたい文字列を選択

2

3.太字ボタンをクリック

3

4.選択したところのみ太字になる

3


このような使い方が存在するわけです。まとめると

・カーソルのある場所にコードが自動入力される

・カーソルのあるラインの先頭にコードが自動入力される

・選択した文字列に対してコードが自動入力される

他にも改行コードボタンや画像挿入ボタンなどよく使うコードのボタンを設置しましたので、使ってみてください。

「けいおんふぉんと」の使い方(今後詳しく書きますが今回は分かる人だけに)
class指定されるコードが自動で入力されますので、classをHTMLコードに挿入してください

最後に

現在、Zarcは開発段階にあります。色々仕様が変わったりする恐れもありますのでご理解とご協力の方をよろしくお願いします。

<<<


ぜろ

RANK: VIP

送られたステッカー🎁

🎉

応援ステッカーを送ろう🎉


{まだ未搭載です}

スポンサーリンク

koafクン
358 回視聴   2022/02/20 22:07:27
ニュース
こっしー
174 回視聴   2022/08/05 03:15:00
ぜろ
70 回視聴   2023/05/15 07:47:45
ぜろ
64 回視聴   2023/05/15 07:41:24
その他
sonya4327JE(sonyakun)
513 回視聴   2022/02/25 21:05:48
nennneko5787 ◆NOrufLSRl.
418 回視聴   2022/04/16 09:46:24
MIYUKINNGU3838
319 回視聴   2022/05/20 20:15:44
03de3806-00eb-40df-8487-db0e2e83248b
186 回視聴   2022/08/07 17:59:41
ぜろ
64 回視聴   2023/05/15 07:41:24
サーバー
solo-thudner
291 回視聴   2022/06/15 10:33:53
RuskLabo
171 回視聴   2022/07/04 21:58:01
盾の勇者の成り上がり
cba8b0b4-3314-4626-a604-78bd3569e3f0
205 回視聴   2022/08/17 07:39:16
pikachu_predator
205 回視聴   2022/07/17 16:00:04
その他
cba8b0b4-3314-4626-a604-78bd3569e3f0
213 回視聴   2022/06/20 06:47:17