Chúng tôi mở mã nguồn thứ mình dùng mỗi ngày.

Gần như mọi hệ thống nội bộ đều có một chỗ cần nhập nội dung có định dạng: CMS, knowledge base, form hỗ trợ, soạn email. Các lựa chọn quen thuộc đều kèm một chi phí: Summernote cần jQuery, TinyMCE và Froala thu phí cho tính năng nâng cao, và tất cả đều nặng cho một component xuất hiện ở khắp sản phẩm. Autumn Note viết bằng vanilla JavaScript thuần ES2022, build ra cả ES Module (tree-shakeable) và UMD dùng trực tiếp qua thẻ script, kèm TypeScript definitions.

• Markdown shortcuts — gõ #, > hoặc - rồi dấu cách là tự thành heading, blockquote, danh sách
• Bubble toolbar nổi ngay trên đoạn văn bản đang chọn, giảm khoảng cách mắt phải di chuyển
• @mention autocomplete qua callback onSearch — tag người dùng hoặc liên kết đến một thực thể trong hệ thống
• Find & Replace có chế độ regex (Ctrl+F / Ctrl+H) — thường thiếu ở các editor nhẹ
• Sanitizer DOM-based chạy khi paste, khi setHTML() và trước khi export — chặn <script>, thuộc tính on*, URL javascript:
• Auto-save vào localStorage kèm banner khôi phục, crop và resize ảnh inline
• 8 locale sẵn có gồm tiếng Việt; từ v2.0.0 import riêng từng locale qua autumnnote/i18n/vi kèm type declaration

Phiên bản

v2.0.0

Giấy phép

MIT

Dependency

0

Bản phát hành

40

Phát hành đầu

2026-03-31

Cập nhật

2026-07-30

Thay thế cho: Summernote · Quill · TinyMCE · Froala · CKEditor

npm install autumnnote

import AutumnNote from "autumnnote";

const editor = AutumnNote.create("#editor", { height: 300 });
editor.setHTML("<p>Xin chào</p>");

Select2 phục vụ cộng đồng web nhiều năm, nhưng dựa trên jQuery — một ràng buộc ngày càng khó chấp nhận với stack hiện đại. Forge Select viết lại bài toán đó bằng TypeScript strict, không phụ thuộc runtime, và giữ đủ tính năng cho sản phẩm thật: virtual scroll tự bật với danh sách lớn, tree select cascading, tags mode, AJAX có debounce và phân trang infinite-scroll, kéo-thả để sắp xếp tag đã chọn.

• Virtual scrolling tự động cho danh sách lớn, có cache render theo từng option
• Tree select — option lồng nhau, expand/collapse, chọn nhiều theo tầng cha-con
• Nguồn dữ liệu async: AJAX có debounce, phân trang infinite-scroll tùy chọn
• Điều hướng bàn phím và ARIA đầy đủ; kéo-thả sắp xếp tag bằng chuột, cảm ứng, hoặc Alt+←/→
• Theme hoàn toàn bằng CSS custom properties, có dark mode sẵn
• i18n en/vi tích hợp, plugin API với lifecycle onInit/onOpen/onClose/onDestroy

Phiên bản

v0.6.0

Giấy phép

MIT

Dependency

0

Bản phát hành

6

Phát hành đầu

2026-07-13

Cập nhật

2026-07-21

Thay thế cho: Select2

npm install forge-select

import ForgeSelect from "forge-select";
import "forge-select/styles.css";

new ForgeSelect("#country", { placeholder: "Chọn quốc gia" });

Không phải một thư viện — một extension nhỏ chúng tôi dùng hằng ngày và mở mã nguồn cùng lý do như hai thư viện trên. Bảng màu cam/amber/copper cân bằng bởi steel blue, slate teal, violet; semantic highlighting đầy đủ cho TypeScript, Python, Rust, Go, C#; hai biến thể High Contrast bỏ hẳn italic để ưu tiên độ dễ đọc.

• 4 biến thể trong một extension: Dark, Light, Dark High Contrast, Light High Contrast
• Semantic highlighting qua LSP — màu theo ý nghĩa (biến, tham số, type, namespace), không chỉ theo cú pháp
• Bracket pair colorization xoay vòng hue cam → amber → steel blue → slate teal → violet → copper

Phiên bản

v0.3.0

Giấy phép

MIT

Bản phát hành

3

Phát hành đầu

2026-07-07

Cập nhật

2026-07-07

code --install-extension KonexForge.konexforge-themes

# Command Palette → "Preferences: Color Theme"
# → KonexForge Dark | Light | Dark HC | Light HC