Notion-Clone : Notion editor का open source clone

• Notion की कुछ सुविधाओं को Next.js + React.js + Express.js आदि के साथ इम्प्लीमेंट किया गया है

एडिटर

• ब्लॉक-स्तरीय एडिटिंग

• स्लैश कमांड ( / दर्ज करके ब्लॉक प्रकार बदलना )

• HTML टैग इनपुट सपोर्ट

• इमेज अपलोड ( /image )

• ड्रैग एंड ड्रॉप से ब्लॉक क्रम बदलना

सर्वर

• Guest एडिटिंग सपोर्ट

• यूज़र मैनेजमेंट फीचर

• जॉब शेड्यूलिंग ( उपयोग में न आने वाले अकाउंट और पेज हटाना )

[xguru]

वेब WYSIWYG एडिटर तो सच में बहुत आते हैं.. लेकिन जो बिल्कुल मनपसंद हो, उसे ढूँढना मुश्किल ही लगता है.

पहले मैंने ऐसे संबंधित एडिटर open source प्रोजेक्ट्स को एक जगह व्यवस्थित करके रखा था, वही लेकर आया हूँ.

SummerNote: https://summernote.org - Bootstrap पर Super Simple WYSIWYG Editor. यह Hong Young-taek ने बनाया है, और इसमें कई Korean contributors भाग ले रहे हैं

Quill: https://quilljs.com - An API Driven Rich Text Editor

Slate: https://www.slatejs.org - rich text editors बनाने के लिए एक पूरी तरह customizable framework

Trumbowyg: https://alex-d.github.io/Trumbowyg - एक lightweight WYSIWYG editor

ContentTools: http://getcontenttools.com - एक सुंदर और छोटा content editor

Squire: https://github.com/neilj/Squire - HTML5 rich text editor

Editor.js: https://codex.so/editor - Next generation block styled editor. परिणाम JSON में सेव करता है

ProseMirror: https://prosemirror.net/ - वेब पर rich-text editors बनाने के लिए एक toolkit, collaborative editing संभव

Gutenberg : https://wordpress.org/gutenberg/ - WordPress का editor

webiny : https://www.webiny.com/ - Serverless Web Development के लिए CMS

GrapesJS : https://grapesjs.com/ - Web Builder Framework

Craft.js : https://github.com/prevwong/craft.js - extensible drag and drop page editors बनाने के लिए एक React Framework

Draft.js : https://draftjs.org/ - React के लिए Rich Text Editor Framework

Outline Rich MarkDown : https://github.com/outline/rich-markdown-editor

Edtr.io : https://edtr.io/ - React में लिखा गया open source WYSIWYG editor https://hi.news.hada.io/topic?id=1625

[misolab]

धन्यवाद