Tổng hợp một số thư viện giúp biên soạn và chỉnh sửa nội dung trên website.

Các thư viện Web Editor giúp cho việc biên soạn và chỉnh sửa nội dung trên website được trực quan hơn, nhanh hơn, linh hoạt hơn và dễ dàng quản lý nội dung. Gồm các wysiwyg editor, html wysiwyg editor, Markdown editor, json Editor, SVG Editor...

Tổng hợp một số thư viện giúp biên soạn và chỉnh sửa nội dung trên website

Tổng hợp một số thư viện giúp biên soạn và chỉnh sửa nội dung trên website

Biên tập soạn thảo văn bản (Rich text editor)

• JavaScript thuần túy
  • quill ★ 37158 - Quill là trình soạn thảo WYSIWYG hiện đại được xây dựng để tương thích và mở rộng.
  • Editor.js ★ 24578 - Trình soạn thảo kiểu khối với đầu ra JSON rõ ràng
  • wangEditor ★ 16301 - Trình soạn thảo văn bản phong phú trên web nhẹ, dễ cấu hình và sử dụng. Hỗ trợ trình duyệt IE10+.
  • medium-editor ★ 15912 - Bản sao trình soạn thảo WYSIWYG của Medium.com. Sử dụng API có thể chỉnh sửa nội dung để triển khai giải pháp văn bản đa dạng thức.
  • lexical ★ 15704 - Lexical là một khung soạn thảo văn bản có thể mở rộng, cung cấp độ tin cậy, khả năng truy cập và hiệu suất tuyệt vời.
  • tinymce ★ 13549 - Thư viện JavaScript phổ biến nhất thế giới để chỉnh sửa văn bản đa dạng thức. Có sẵn cho React, Vue và Angular.
  • pell ★ 11868 - trình soạn thảo văn bản WYSIWYG đơn giản và nhỏ nhất dành cho web, không có phần phụ thuộc.
  • ckeditor5 ★ 7586 - Môi trường phát triển cho CKEditor 5 – trình soạn thảo văn bản đa dạng thức dựa trên trình duyệt tốt nhất.
  • prosemirror ★ 6913 - Trình soạn thảo ProseMirror WYSIWYM.
  • wysihtml5 ★ 6511 - Trình soạn thảo văn bản đa dạng thức nguồn mở dựa trên HTML5 và phương pháp tiếp cận nâng cao lũy tiến. Sử dụng một khái niệm bảo mật phức tạp và nhằm mục đích tạo ra đánh dấu HTML5 hoàn toàn hợp lệ bằng cách ngăn chặn các kiểu thẻ và kiểu nội tuyến không thể duy trì được.
  • ueditor ★ 6510 - Baidu văn bản phong phú.
  • simditor ★ 5014 - Trình soạn thảo WYSIWYG dễ dàng và nhanh chóng.
  • pen ★ 4776 - tận hưởng chỉnh sửa trực tiếp (+markdown).
  • Squire ★ 4602 - Squire là một trình soạn thảo văn bản phong phú HTML5, cung cấp khả năng chuẩn hóa đa trình duyệt mạnh mẽ, đồng thời cực kỳ nhẹ và linh hoạt. Nó được xây dựng cho hiện tại và tương lai, do đó không hỗ trợ các trình duyệt thực sự cổ xưa. Nó sẽ hoạt động tốt trở lại với Opera 12, Firefox 3.5, Safari 5, Chrome 9 và IE9.
  • mercury ★ 2632 - Trình soạn thảo Mercury Editor: Trình soạn thảo Rails HTML5 WYSIWYG.
  • kindeditor ★ 1870 - Trình soạn thảo HTML WYSIWYG.
  • mobiledoc-kit ★ 1542 - Bộ công cụ xây dựng trình soạn thảo WYSIWYG với Mobiledoc.
  • jodit ★ 1461 - Jodit - Trình soạn thảo WYSIWYG tốt nhất dành cho bạn.
  • SunEditor ★ 1244 - Trình soạn thảo html WYSIWYG dựa trên javascript thuần túy, không có phụ thuộc.
  • Textbus ★ 906 - Khung phát triển văn bản đa dạng thức dựa trên thành phần và hiệu suất cao hỗ trợ chỉnh sửa cộng tác trực tuyến.
  • am-editor ★ 831 - Khung soạn thảo cộng tác văn bản đa dạng thức có thể sử dụng các plug-in tùy chỉnh React và Vue.
• vue.js
  • tiptap ★ 21483 - Trình soạn thảo văn bản đa dạng thức cho Vue.js
  • vue-quill-editor ★ 7311 - Thành phần Quill editor cho Vue, hỗ trợ SPA và SSR.
  • vue2-editor ★ 2476 - Trình soạn thảo văn bản sử dụng Vue2 và Quill.
  • neditor ★ 1918 - Một trình soạn thảo văn bản đa dạng thức hiện đại hơn dựa trên ueditor, hỗ trợ HTTPS.
  • vue-editor-js ★ 334 - thành phần trình bao bọc editor.js cho Vue.js
  • iview-editor ★ 223 - iView Editor.
• react
  • slate ★ 28001 - Một khung hoàn toàn có thể tùy chỉnh để xây dựng các trình soạn thảo văn bản đa dạng thức.
  • Draft-js ★ 22491 - Khung React để xây dựng trình soạn thảo văn bản.
  • Reac-quill ★ 6162 - Thành phần Quill cho React.
  • braft-editor ★ 4564 - Trình soạn thảo văn bản phong phú React đẹp và dễ sử dụng, được phát triển dựa trên Draft-js.
  • alloy-editor ★ 988 - Trình soạn thảo WYSIWYG dựa trên CKEditor với giao diện người dùng được viết lại hoàn toàn.
  • dante2 ★ 915 - Viết lại hoàn chỉnh trình soạn thảo dante trong bản nháp-js.
  • bangle.dev ★ 585 - Bộ sưu tập các công cụ soạn thảo văn bản đa dạng thức để xây dựng bản sao tài liệu Google tiếp theo của bạn.
• jQuery
  • summernote ★ 11220 - Trình soạn thảo WYSIWYG siêu đơn giản, Summernote được xây dựng trên jQuery.
  • bootstrap-wysiwyg ★ 5632 - Trình soạn thảo văn bản phong phú WISWYG tương thích với bootstrap nhỏ
  • wysiwyg-editor ★ 5151 - Trình soạn thảo HTML WYSIWYG Javascript thế hệ tiếp theo.
  • jquery-notebook ★ 1687 - Trình soạn thảo văn bản phong phú WYSIWYG hiện đại, đơn giản và thanh lịch.
  • popline ★ 1053 - Popline là Thanh công cụ soạn thảo văn bản đa dạng thức HTML5.

Markdown editor (Trình chỉnh sửa đánh dấu)

• JavaScript thuần túy
  • tui.editor ★ 12816 - Markdown WYSIWYG Editor. Tiêu chuẩn GFM + Biểu đồ & UML mở rộng.
  • simplemde-markdown-editor ★ 9537 - Trình soạn thảo JavaScript Markdown đơn giản, đẹp mắt và có thể nhúng. Chỉnh sửa thú vị cho người mới bắt đầu cũng như các chuyên gia. Tính năng tự động lưu và kiểm tra chính tả tích hợp.
  • milkdown ★ 7852 - Khung soạn thảo đánh dấu WYSIWYG được điều khiển bằng plugin.
  • dillinger ★ 7746 - Trình chỉnh sửa Markdown cuối cùng từ trước đến nay.
  • pen ★ 4776 - tận hưởng chỉnh sửa trực tiếp (+markdown).
  • EpicEditor ★ 4261 - Trình chỉnh sửa đánh dấu JavaScript có thể nhúng.
  • markdown-nice ★ 3929 - Markdown editor hỗ trợ thiết kế theme, tạo kiểu chữ đẹp mắt.
  • editor ★ 2779 - Trình chỉnh sửa đánh dấu.
  • Stackedit.js ★ 989 - Thêm StackEdit vào bất kỳ trang web nào.
• jQuery
  • editor.md ★ 13235 - Trình soạn thảo (thành phần) đánh dấu trực tuyến có thể nhúng mã nguồn mở.
• vue.js
  • milkdown ★ 7852 - Khung soạn thảo đánh dấu WYSIWYG được điều khiển bằng plugin.
  • mavonEditor ★ 6222 - Trình chỉnh sửa đánh dấu dựa trên Vue hỗ trợ nhiều tính năng được cá nhân hóa.
• react
  • mdx ★ 15876 - MDX là một định dạng có thẩm quyền cho phép bạn sử dụng JSX một cách liền mạch trong các tài liệu đánh dấu của mình. Bạn có thể nhập các thành phần, như biểu đồ hoặc thông báo tương tác và xuất siêu dữ liệu. Điều này làm cho việc viết nội dung dài với các thành phần trở nên thú vị.
  • Reac-markdown ★ 11288 - Kết xuất Markdown dưới dạng các thành phần React.
  • milkdown ★ 7852 - Khung soạn thảo đánh dấu WYSIWYG được điều khiển bằng plugin.

Trình phân tích cú pháp đánh dấu (Markdown parser)

• JavaScript
  • marked ★ 30650 - Trình phân tích cú pháp và trình biên dịch đánh dấu. Xây nhanh.
  • markdown-it ★ 16101 - Trình phân tích cú pháp Markdown, được thực hiện đúng. Hỗ trợ 100% CommonMark, tiện ích mở rộng, plugin cú pháp và tốc độ cao.
  • showdown ★ 13544 - Bộ chuyển đổi MD sang HTML sang MD hai chiều được viết bằng Javascript.
  • markdown-js ★ 7689 - Trình phân tích cú pháp Markdown cho javascript.
  • Turndown ★ 7356 - Bộ chuyển đổi HTML sang Markdown được viết bằng JavaScript.
  • remark ★ 6743 - remark là bộ xử lý Markdown được hỗ trợ bởi các plugin của tập thể thống nhất.
  • texme ★ 2203 - Tài liệu Markdown + LaTeX tự kết xuất.
• Golang
  • blackfriday ★ 5235 - Blackfriday: bộ xử lý giảm giá cho Go.
  • goldmark ★ 2925 - Trình phân tích cú pháp đánh dấu được viết bằng Go. Dễ dàng mở rộng, tuân thủ tiêu chuẩn (CommonMark), có cấu trúc tốt.
• Python
  • markdown ★ 3386 - Triển khai Python của Markdown của John Gruber với sự hỗ trợ Tiện ích mở rộng.
  • python-markdown2 ★ 2514 - markdown2: Triển khai Markdown nhanh chóng và đầy đủ trong Python.
• PHP
  • parsedown ★ 14473 - Trình phân tích cú pháp Markdown tốt hơn trong PHP.
  • php-markdown ★ 3379 - Trình phân tích cú pháp cho Markdown và Markdown Extra có nguồn gốc từ Markdown.pl gốc.
• Java
  • commonmark-java ★ 2055 - Thư viện Java để phân tích cú pháp và hiển thị CommonMark (Markdown).
• C#
  • markdig ★ 3804 - Bộ xử lý Markdown mở rộng, nhanh, mạnh mẽ, tuân thủ CommonMark dành cho .NET.

Phong cách đánh dấu (Markdown style)

• github-markdown-css ★ 7295 - Lượng CSS tối thiểu để sao chép phong cách GitHub Markdown.

Trình chỉnh sửa trình duyệt (Browser editor)

• markdown
  • Stackedit ★ 20738 - Trình chỉnh sửa Markdown trong trình duyệt.
  • markdown-editor ★ 2803 - Trình soạn thảo Markdown trực tiếp (có hương vị Github).
• react
  • Reac-ace ★ 3864 - Thành phần React Ace, Hỗ trợ nhiều ngôn ngữ và chủ đề
  • Reac-monaco-editor ★ 3431 - Biên tập viên Monaco cho React.
• SVG
  • svgedit ★ 5825 - Trình soạn thảo SVG mạnh mẽ cho trình duyệt của bạn.
  • Method-Draw ★ 2614 - Method Draw, Trình soạn thảo SVG cho Phương thức hành động.
• CodeMirror ★ 26213 - Trình soạn thảo mã trong trình duyệt.
• monaco-editor ★ 35873 - Trình soạn thảo mã dựa trên trình duyệt.
• Codeandbox-client ★ 12626 - Trình chỉnh sửa mã trực tuyến được thiết kế để phát triển ứng dụng web
• ace ★ 25959 - Ace là trình soạn thảo mã độc lập được viết bằng JavaScript. Mục tiêu của chúng tôi là tạo ra một trình soạn thảo dựa trên trình duyệt phù hợp và mở rộng các tính năng, khả năng sử dụng và hiệu suất của các trình soạn thảo gốc hiện có như TextMate, Vim hoặc Eclipse. Nó có thể dễ dàng được nhúng vào bất kỳ trang web hoặc ứng dụng JavaScript nào. Ace được phát triển làm trình soạn thảo chính cho Cloud9 IDE và là phiên bản kế thừa của Dự án Mozilla Skywriter (Bespin).

Trình soạn thảo JSON (JSON editor)

• jsoneditor ★ 10624 - Một công cụ dựa trên web để xem, chỉnh sửa, định dạng và xác thực JSON

Biên tập thiết kế (Design editor)

• JavaScript thuần túy
  • VvvebJs ★ 6041 - Kéo và thả thư viện javascript của trình tạo trang web.
• React
  • Excalidraw ★ 56239 - Bảng trắng ảo vẽ sơ đồ giống như vẽ tay.
  • Reac-email-editor ★ 4081 - Thành phần soạn thảo email kéo và thả cho React.js.
  • imove ★ 3737 - Di chuyển chuột, tạo mã từ lưu đồ.
  • GGEditor ★ 3382 - Trình chỉnh sửa đồ thị trực quan dựa trên G6 và React.
  • micro-design-editor - Thành phần chỉnh sửa trang vi mô cho React.

Trình chỉnh sửa SVG (SVG editor)

• JavaScript thuần túy
  • svgedit ★ 5825 - Trình soạn thảo SVG mạnh mẽ cho trình duyệt của bạn.

Trình chỉnh sửa bảng (Table editor)

• jQuery
  • DataTables - Thêm các điều khiển tương tác nâng cao vào bảng HTML của bạn một cách miễn phí và dễ dàng.
• React
  • Reac-data-grid ★ 6286 - Thành phần lưới giống như Excel được xây dựng bằng React, với các trình chỉnh sửa, điều hướng bằng bàn phím, sao chép và dán, v.v.

Khác

• github-markdown-css ★ 7295 - Lượng CSS tối thiểu để sao chép phong cách GitHub Markdown.
• Markdown Syntax ★ 3484 - markdown tutorials - hướng dẫn đánh dấu.