OscarGodson/EpicEditor
EpicEditor
EpicEditor este un editor Markdown bazat pe JavaScript, conceput ca o componentă UI încorporabilă pentru aplicații web. Acesta funcționează ca un manager de conținut local-first, utilizând stocarea locală a browserului pentru salvarea automată a ciornelor și persistența conținutului offline.
Editorul se distinge prin utilizarea iframe-urilor pentru a izola stilurile, prevenind scurgerile CSS între editor și aplicația gazdă. Dispune de un parser Markdown personalizabil care permite dezvoltatorilor să înlocuiască motorul de parsare implicit cu funcții personalizate pentru a transforma textul în formate de ieșire specifice.
Sistemul oferă o interfață cu panou divizat pentru editare și previzualizare simultană, cu suport pentru modul fullscreen și ajustări dinamice ale dimensiunilor. Include un sistem de gestionare a documentelor pentru crearea, redenumirea și ștergerea fișierelor, precum și mecanisme pentru importul și exportul conținutului ca text, HTML sau JSON.
Features
- Embeddable Components - Provides an embeddable Markdown editor component with live preview and style isolation for web applications.
- Local-First Document Managers - Functions as a document manager using browser local storage for automatic draft saving and offline persistence.
- Custom Format Renderers - Transforms input text into various output formats like HTML or Markdown via customizable parsing functions.
- Markdown Output Customization - Transforms markdown text into specific output formats by plugging in custom parsing functions and styles.
- Markdown Editors - Implements a web-based text editor with a synchronized split-pane live preview for Markdown content.
- Web Content Authoring Interfaces - Implements a professional writing environment with split-screen editing, automatic drafts, and offline support.
- LocalStorage Persistence - Persists document drafts and metadata in browser local storage to enable offline content management.
- Markdown Parsing Plug-ins - Allows developers to replace the default Markdown parsing engine with custom functions for flexible output rendering.
- Browser Local Storage Management - Manages the creation, renaming, and deletion of documents stored within the browser's local storage.
- CSS Isolation Wrappers - Uses iframes to isolate the editor and previewer styles, preventing CSS conflicts with the host web application.
- Browser-Based Document Managers - Provides a serverless document management system for saving, renaming, and deleting work in local storage.
- Iframe Integration - Integrates the editor and previewer into web applications using iframes to ensure complete style isolation.
- Content Import and Export - Enables importing strings into local storage and exporting content as text, HTML, or JSON.
- Markdown Parsers - Provides a customizable parsing engine that allows developers to replace the default Markdown transformation logic.
- Editor Split Panes - Provides a split-pane interface that synchronizes raw text input with a real-time rendered preview.
- Interface Mode Toggles - Includes a UI toggle to switch between the raw text editing view and the rendered content preview.
- Event-Driven Callbacks - Implements an event-driven system that executes registered callback functions when editor states change or files are saved.
- Embeddable UI Components - Ships as a flexible text editing component that can be themed and resized to fit various application layouts.
- Theme Style Customizations - Offers a system to independently style the interface, input area, and previewer using separate CSS files.
- Custom Stylesheet Injections - Provides the ability to inject custom stylesheets to theme the editor and previewer independently.
- Editor Event Hooks - Provides callback hooks that trigger specific actions when documents are saved, updated, or loaded.
- Editors - Embeddable Markdown editor with preview.
- Rich Text Editors - Embeddable Markdown editor with live preview.
