Rails マークダウンについて

Question

teratailやqiitaで使用されているマークダウンについて

teratailやqiitaでは、マークダウン が使われており、同じような物を作ろうとgemの「redcarpet」を導入しましたが、下の画像のようなボタンで簡単に画像などを挿入するにはどうすれば良いでしょうか？

この全てのボタンまでは、必要ないので、画像のボタンだけでもあれば、良いのですが、、、

この機能を調べても中々辿り着けないので、ご教示願います。

上記と同じボタンでなくとも、マークダウンのテキストエリアに、ドラッグアンドドロップ以外で画像を挿入したいです。

理由は、スマホで使ったときでも、ボタンひとつで画像が挿入できるから。

Answer 1

あのボタンはマークダウンと直接関係はないです。
あくまで「あるルールに則り文字列を装飾する」のがマークダウンライブラリの仕事で、投稿後にデータ取得し、出力時の表示のための加工にあたります。

ボタンは入力補助のための機能なので、投稿前の話で、入力操作のみで機能は完結します。
「このボタンを押したら入力エリアに記法でカーソル位置や選択にあわせて追記」というのをJavaScriptで組むことになります。
WYSIWYGエディタとやっていることは似ていますが、あれはhtmlタグと連動しているのでちょっと違いますね。

Comments

[退会済みユーザー]

有難うございます。

いろいろ試していて、jsでカーソルの位置にコードを入れることはできましたが、ボタンをクリックするとPCならFinderが起動して、スマホならアルバムからマークダウン に画像を挿入するボタンは無理なのでしょうか？

[m.ts10806]

finderってMacの機能ですかね。
いずれにしてもinput type=fileを利用することになるのではないでしょうか。わざわざ、OSやデバイスで分岐させる必要ないと思います。