2016/05/31 00:40 編集
`
Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。
Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。
1グッド
4クリップ
投稿2016/05/30 08:35
編集2016/05/30 09:22###前提・実現したいこと
teratailの様なマークダウン形式をRailsで作りたいです。
・画像挿入できる(複数)
・プレビュー画面がある
更に下書きができる様な機能を追加したいと思っています。
###試したこと
画像をuploadすることに関してはpaperclipやcarrywaveで実装してみましたが、その後どうするの?状態です。。。。。
プレビュー画面はjsが必要らしく後々でもいいかなーと思っています。まずはマークダウン形式で画像が挿入できればいいなと思っています。
アイディアや方法があれば教えて欲しいです。宜しくお願いします。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/31 00:40 編集
回答2件
0
Rails に Markdown preview 機能を付けたものを作ったことがあります。
https://github.com/katoy/qiita_markdown_example
ここでは、
Text Area を編集する度に ajax 呼び出して、
html 変換した結果を得て、
それを表示する
という方法をとっています。
シンタックスハイライトの例は次のページが参考になるとおもいます。
teratail の次のページも参考になるかもしれません。
投稿2016/05/30 13:25
総合スコア22324
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
ここに自分のサイトのurlを貼り付けるのはお行儀が悪いのは承知ですが、
あまりにもそのままな質問が来ましたので貼っつけてけます。(*マークはすべて削除してください)
https://cheat-paper****.net/demos/****emacs_markdown_editor
Emacsの様に動作するエディタ(rails製)です。
デモページなので、下に使い方が書いてあります。
ブログ形式のサイトですので、ブログ記事を作成するときに使用しています。
画像の挿入に関して。
普段はモーダルを使い実装しています。
画像の挿入ボタンを押した際にモーダルを使い、画像のリストを表示&クリックしたらプレビュー&挿入ボタンクリックで画像のurlを記述したhtmlを挿入しています。
エディタ部分に関しては
codemirrerというgemを利用しています。
大変便利です。
投稿2016/05/30 12:25
編集2016/05/30 12:27総合スコア265
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/30 12:44
2016/05/30 13:10
2016/05/30 13:18 編集
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。