عن المشروع
Autumn Note is a lightweight, zero-dependency WYSIWYG rich-text editor written in modern vanilla JavaScript, with no jQuery or runtime dependencies. It is positioned as a smaller alternative to larger editor libraries and can be used directly in the browser or through official React and Vue 3 wrappers. The editor supports common formatting such as bold, italic, underline, headings, lists, checklists, alignment, font selection, line height, colours, undo/redo, and tab-based indentation. It also includes insertion tools for links, images, videos, horizontal rules, tables, emoji, and FontAwesome icons, with dialogs for configuring each item. Image handling supports URL insertion, base64 embedding, server-side upload callbacks, progress reporting, crop overlay, and resizing. Tables include a grid picker, header rows, and a floating tooltip for row, column, cell, border, padding, sorting, and CSV export actions. The editor provides a configurable toolbar, sticky toolbar, bubble toolbar, statusbar, fullscreen mode, code view, placeholder, read-only preview, auto-save to localStorage, and dark/light/auto theming. Markdown shortcuts convert typed Markdown into HTML, while Markdown conversion methods can export or import .md content. Find and replace supports case sensitivity, regex, and highlighting. Code blocks can receive automatic language detection and Prism.js syntax highlighting when enabled. Internationalisation is built in for eight locales, with support for custom locale strings and per-instance language settings. Accessibility features include a roving-tabindex toolbar, labelled controls, ARIA state for toggles, focus trapping in dialogs, and touch-friendly resize handles. Security measures include HTML sanitising for pasted and set content, removal of risky SVG animation elements, URL allowlists, inline style filtering, and stripping of event handlers. The package is SSR-safe for Node-based frameworks, and optional CDN assets can be disabled or self-hosted for stricter CSP environments. A minimal core entry point is available for smaller bundles when only basic editing features are needed.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.