10 điểm bởi xguru 2020-11-13 | 2 bình luận | Chia sẻ qua WhatsApp
  • Triển khai một số tính năng của Notion bằng Next.js + React.js + Express.js, v.v.

Trình soạn thảo

  • Chỉnh sửa theo đơn vị khối

  • Lệnh slash ( nhập / để đổi loại khối )

  • Hỗ trợ nhập thẻ HTML

  • Tải ảnh lên ( /image )

  • Thay đổi thứ tự khối bằng kéo và thả

Máy chủ

  • Hỗ trợ chỉnh sửa ở chế độ Guest

  • Tính năng quản lý người dùng

  • Lập lịch tác vụ (xóa tài khoản và trang không dùng đến)

2 bình luận

 
xguru 2020-11-13

Có rất nhiều trình biên tập web WYSIWYG xuất hiện, nhưng quả thật khá khó để tìm được một cái thực sự vừa ý.

Trước đây tôi đã từng tổng hợp lại tất cả các mã nguồn mở về các trình biên tập liên quan, nên mang lại ở đây.

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. Trình biên tập mã nguồn mở do ông Hong Young-taek tạo ra, với sự tham gia của nhiều người Hàn Quốc

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

Slate: https://www.slatejs.org - A completely customizable framework for building rich text editors

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

ContentTools: http://getcontenttools.com - A beautiful & small content editor

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

Editor.js: https://codex.so/editor - Next generation block styled edito. Lưu kết quả dưới dạng JSON

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, trình biên tập hỗ trợ cộng tác chỉnh sửa

Gutenberg : https://wordpress.org/gutenberg/ - Trình biên tập của WordPress

webiny : https://www.webiny.com/ - CMS for Serverless Web Development

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

Craft.js : https://github.com/prevwong/craft.js - A React Framework for building extensible drag and drop page editors

Draft.js : https://draftjs.org/ - Rich Text Editor Framework for React

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

Edtr.io : https://edtr.io/ - Trình biên tập WYSIWYG mã nguồn mở được viết bằng React https://vi.news.hada.io/topic?id=1625

 
misolab 2020-11-14

Cảm ơn bạn