質問: 現在、よくあるブログの編集画面のような、CKEditorのような感じのWYSIWYGエディタのような物を作っています。 画像と表が挿入出来て、編集者にタグを意識させないまま弄れたら良いんですけど、ありませんか? 以下ほぼ余談 最初はCKEditor5でインラインエディターを試していました。 インラインエディターだとに適用出来ず、結局に適用してsubmit前にJSを呼び出しinnerHTMLで値を取って来て新しく作ったにその値を入れformにappendChildしてsubmitしました。 その時点で厄介ですが、setData()しようがの間に文字を挟もうがその左右にが出たり、何も入れないとを吐いたり、表を作ると こんなもんを吐いたりする事や、そもそもCKEditor5だと画像アップローダーのCKFinderが基本有料で画像アップローダーを自作するのは複雑だったり、色々と問題があります。 CKEditor4も試したのですが、やっぱり変なタグが出ます。htmlとして適用してみたら上手く表示出来なかったので考えるのを止めました。頑張れば何とかなるのかも知れませんが。 ただのだと見た目通りにいかないしなーと思って、contentEditableという物を見つけたので使えないかを試してみたのですが、仕様が固まっていないまま放置されたような様相だったので諦めました。 そもそも画像のアップロードをtextareaの方針でやろうとすると地獄を見る気がします。 WYSIWYGエディタで調べてもformで送信された値がCKEditorのように変な物を入れているかとか、画像がアップロード出来る物かどうかが分かり辛かったりするので、もし良い物があればお教え下さると助かります。
回答: とりあえず、ここらへんにいちらんがあるから漁って見ては? https://engineer.blog.lancers.jp/2017/12/wysiwyg_editor_best_7/ https://qiita.com/rana_kualu/items/fc752de7d4f2224b29ee