エディタ内で画像などのメディア類を選択できるようにする方法

Question

ワードプレスやその他サービスの独自のエディタなどでは編集画面で画像をクリックすることで、その画像を選択することができるのですが、これはどのようなコードが裏側にあるのでしょうか？
ワードプレスも私が参考にしている他のサービスのエディタもcontenteditableなdivを活用していて、私もこれを使っているので、これに適用可能な方法が何かあれば教えていただきたいです。

Answer 1

とりあえずWordPressは TinyMCE というオープンソースの WYSIWYG エディタを使用しています。オープンソースなので、当然ソースが見られます。

【TinyMCE | The Most Advanced WYSIWYG HTML Editor】
https://www.tinymce.com/

【GitHub - tinymce/tinymce: TinyMCE is a JavaScript library for platform independent 'WYSIWYG' or rich text editing. It is released as open source under the LGPL.】
https://github.com/tinymce/tinymce

---

同じくCKEditor もオープンソースの WYSIWYG エディタです。

【CKEditor.com | The best web text editor for everyone】
http://ckeditor.com/

【GitHub - ckeditor/ckeditor-dev: The development repository of CKEditor.】
https://github.com/ckeditor/ckeditor-dev

Comments

[退会済みユーザー]

ご連絡が遅くなってしまい申し訳ありません。
ソースコードが見れるということが頭にありませんでした。
本当にありがとうございます！