Form Editörü Nasıl Yapabiliriz?

R10 Gibi Editör Nasıl Yapbailiriz

CKEditor incelemenizi tavsiye ederim.

İnceledim Fakat Nasıl Yapabileceğimi Bilmiyorum Nasıl oluyor

Bilginiz yok ise sıfırdan yapmanız çok zor olur, hazır editörleri deneyin.

Summernote olabilir.

https://froala.com/wysiwyg-editor/

Ücretli fakat güzel.

Altta metin kutusu değil de div kullanabilirsin. Yukarıdaki işlev butonlarına bastıkça js ile ön tarafta ilgili kodu eklersin alttaki div'e. Örneğim img butonu için <img..... vs. Sonra da div'in son halini dbye yazarsın diye düşünüyorum.

Bu mantıkla yaptığım basit bi editör

Ben zamanında çok denedim. Ancak bu iş biraz meşakatli. Bildiğim kadarıyla r10 hazır bir editör kullanıyor. quill, ckeditör gibi editörleri direk alıp kullanabilirsiniz en basitinden ancak illa kendim yapmak istiyorum diyorsanız:
1- Execommand ile yapılabilir. Bu js komutu seçili yere istediğinizi yapmanızı sağlar.
https://www.google.com/search?q=How+...4dUDCA4&uact=5
Bu komutun sorunu 5-6 yıl içerisinde uyumluluk sorunları çıkabilecek olmasıdır. Birkaç özelliği kaldırıldı ve diğer özellikleri de uyumluluk amacıyla tutuluyor. Kısa vadede birkaç saatte editör kodlayabileceğiniz bir komuttur ancak ileride desteği kaldırılabilir.
2- Getselection ile yapabilirsiniz.
https://www.google.com/search?q=gets...client=gws-wiz
getselection ile metin html ini alıp değiştirebilirsiniz. Bu işlem ileride de destekleneceğinden bir uyumluluk sorunu yaşamazsınız. Aşağıdaki linkte bir örneği mevcut. Ancak bu yöntemde de bold yerden sonra içerik yoksa bolddan çıkamama ve yazının bir kısmının bolddan çıkarılmasını sağlayamama gibi sorunlar vardır.
https://stackoverflow.com/questions/...window-getsele
3- Hazır kullanmak isterseniz editör ismi ve cdn şeklinde bir arama yapıp kurabilirsiniz. CKEDITOR örneği:
https://dosya.co/5eqo41qf3p9y/index.html.html

https://cdn.ckeditor.com/

Özelden AnyDesk atın bir bakayım.