Editable - Kerangka editor teks kaya yang dapat diperluas

 (github.com/editablejs)
32 poin oleh xguru 2023-04-28 | 3 komentar | Bagikan ke WhatsApp
  • Menggunakan renderer kustom alih-alih atribut contenteditable untuk menghindari masalah kompatibilitas browser/platform
  • Dirancang dengan fokus pada stabilitas, kemudahan kontrol, dan performa
  • Saat ini menggunakan React untuk rendering
    • Sudah dibandingkan dengan Vue, Solid-js, SvelteJS, dan lainnya, tetapi untuk saat ini React memberikan pengalaman pengembang terbaik, paling fleksibel, dan memiliki ekosistem yang sangat baik
    • Namun, untuk peningkatan performa, ke depannya perlu direfaktor ke rendering DOM native
  • Mendukung berbagai plugin
    • Shortcut, Markdown, menu konteks, alignment, code block, font, heading, image, link, list, mention, table,..

Bacaan terkait

3 komentar

 
roeniss 2023-05-05

Typora menangis tersedu-sedu
 
alstjr7375 2023-04-28

Ini juga mengingatkan saya pada Lexical milik Facebook
https://id.news.hada.io/topic?id=6380
 
bbulbum 2023-04-28

Katanya struktur slate dipakai apa adanya; ini tampaknya berguna karena tidak perlu membuat desain baru, dan jika datanya sudah disimpan dalam bentuk slate, akan memudahkan juga saat ingin mengganti editornya.
Editor teks memang sangat sulit soal kompatibilitas browser dan OS, jadi ini pendekatan yang baru.
Input bahasa Korea di Android juga berjalan baik, dan kelas Selection memang sangat sulit digunakan, jadi melihat mereka membuatnya benar-benar baru rasanya akan memudahkan saat pengembangan. (Saat benar-benar mencoba getSelection(), area yang dipilih ternyata tidak tertangkap.)
Sepertinya perlu ada peningkatan performa saat pemuatan awal, tetapi rasanya tidak akan terlalu kritis.