Rails - ブログ作成時にある、画像をtextareaに挿入する仕様方法

Question

テキストエリア内に画像がプレビュー及び挿入される。

画像挿入ボタンを押し、手続きをすると、

テキストエリアに挿入される。その後、改行の対象にもなる。

前提

Carrierwaveの基本まで存じあげています。
ただ、Carrierwaveの実装方法を調べると、
私が見た検索結果では、アップロード方法がメインで、
ブログ記事の作成時にあるような仕様を見つけられませんでした。
(※テキストエリアに画像が挿入され、改行等も行える仕様)

お願い

引き続き検索と調査を続けていますが、
もし上記の仕様に似た仕様を解説するWebページを
ご存知の方いらっしゃれば、ご回答をお願いできないでしょうか。
よろしくお願いします。

Answer 1

「WYSIWYGエディタ Ruby」とかで調べるとお求めのものが出てくるかもしれません。

Comments

[progleader]

mts10806さん
WYSIWYGエディタという名称を存じあげませんでした、ありがとうございます！

[m.ts10806]

ajax利用してCarrierwaveにてアップロード・・・を
自作するという手もなくはないですが、ひとまず使えるものは使った方が良いかなと。
提示の画像はWYSIWYGエディタで間違いないとは思います。

[m.ts10806]

もっと言えば、taratailの質問投稿や回答投稿もWYSIWYGエディタです。

[progleader]

mts10806さん
今おっしゃっていただいたことの関連をたった今質問しようとしたのですが、
これはもしかして、Carrierwaveを使わずに、実装できるのでしょうか。
モデルにtextカラム"のみ"あればいいのかなあ...と調べていて思ったのですが。

[progleader]

WYSIWYGエディタをGoogleで調べてみても、
どのページも画像のアップロードに関しての言及がなかったので
お尋ねさせていただきました。すみません。

[m.ts10806]

ruby自体に明るいわけではないので^^;
突っ込んだ内容については別質問立てられた方が良いかと思いますが、
ckeditorとかは結構いいんじゃないかなと思います。
下記の記事は3年前ですが画像アップローダ付きエディタ導入をしているようです。
https://qiita.com/taizawa/items/13fa0481c4cc200e5d89

この画像アップロードはあくまで記事内に本格的に埋め込む前の仮アップロードであるということはどの言語を使った実装でも同じですね。

[progleader]

mts10806さん
なるほど！ちょっと詳しく調べてみないといけないですね！
AWSでの本番環境にもデプロイも予定しているので、そうなると
新しい質問も立てた方がいいかもしれませんね。
WYSIWYGエディタ、調べてみます！ありがとうございました。

[m.ts10806]

最後まで力になれずすみません。

[progleader]

mts10806
いえいえ、とんでもございません！！
またよろしくお願いします！本当に助かりました！