awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
GetmeUK avatar

GetmeUK/ContentTools

0
View on GitHub↗
3,977 estrellas·390 forks·JavaScript·MIT·5 vistasgetcontenttools.com↗

ContentTools

ContentTools es un framework de JavaScript y un conjunto de herramientas para construir editores visuales WYSIWYG. Proporciona una biblioteca de manipulación del DOM para analizar y transformar cadenas HTML en regiones editables estructuradas, junto con un orquestador de documentos visual que gestiona los comportamientos de los elementos y las transiciones de estado.

El framework incluye un gestor de selección de navegador especializado para asegurar un posicionamiento del cursor y un resaltado de rango de texto consistentes en diferentes navegadores web. También cuenta con un validador de contenido HTML utilizado para sanitizar la salida y convertir enlaces de medios de terceros en formatos de incrustación válidos.

El sistema cubre una amplia gama de capacidades, incluyendo manipulación interactiva del DOM para elementos arrastrables y redimensionables, formato de texto enriquecido y flujos de trabajo de procesamiento de imágenes para recortar y rotar. También proporciona herramientas para el seguimiento del historial de edición mediante instantáneas del DOM y un sistema de componentes de UI para gestionar cajas de herramientas y navegación jerárquica mediante breadcrumbs.

El proyecto aplica seguridad mediante restricciones de atributos de elementos para evitar modificaciones no autorizadas de etiquetas HTML.

Features

  • Programmatic Element Editing - Provides the core classes and logic used to build and manage HTML elements designated as content-editable.
  • Rich Text WYSIWYG Editors - Provides a framework for building rich text editors that visually handle formatted text and media content.
  • WYSIWYG Editors - Provides a framework for building visual rich text editors that allow direct browser-based HTML editing.
  • DOM Element Class Mappings - Maps DOM tag names and data attributes to JavaScript classes to control rendering and behavior.
  • Editor Lifecycle APIs - Manages the editor's initialization, state, and the definition of editable regions using CSS selectors.
  • Behavioral Tag Mappings - Associates specific DOM tag names or custom data attributes with corresponding element classes for content handling.
  • Regional Component Conversions - Implements the core logic for transforming standard HTML blocks into interactive editable regions.
  • Selection Consistency Layers - Ensures consistent text selection and highlighting behavior across different web browsers.
  • DOM Manipulation Libraries - Includes a library for parsing, transforming, and normalizing HTML strings into structured editable regions.
  • Element Behavior Configurations - Provides a system to define if elements can be dragged, dropped, resized, merged, or removed.
  • Rich Text Editable Regions - Transforms block-level elements within a container into interactive editable regions to maintain browser performance.
  • Selection State Persistence - Saves and restores caret positions and selection ranges to maintain user context during DOM re-mounting.
  • Selection State Management - Provides utilities to query and retrieve the range of currently selected content within an element.
  • Text Selection Management - Ensures consistent text highlighting and caret behavior across different web browsers using a wrapper around native APIs.
  • DOM Manipulation - Implements draggable, resizable, and editable HTML elements with custom behaviors and state tracking.
  • Editor State Orchestrators - Provides a visual document orchestrator to manage element behaviors, state transitions, and editing history.
  • HTML Content Management - Parses and transforms HTML strings into structured formats for manipulation, cleaning, and optimized export.
  • HTML String Parsing - Provides a JavaScript-based parser to convert HTML strings into structured DOM nodes for editor processing.
  • Document Element Insertion - Enables the insertion of interactive elements like links, images, videos, and tables into editable content.
  • Web Content Authoring Interfaces - Provides interfaces for uploading and editing media assets while maintaining valid HTML embed formats.
  • Caret Position Normalization - Ensures consistent caret positioning across browsers by wrapping empty text nodes around self-closing tags.
  • Output Normalizers - Cleans internal scaffolding and reorders tags by length to generate optimized HTML for export.
  • Undo-Redo State History - Stores sequential DOM snapshots to implement undo and redo functionality.
  • Media Upload Workflows - Provides a coordinated workflow dialog for uploading, rotating, and cropping images before insertion.
  • Action-Based State Transitions - Tracks the current editor state and updates it based on processed actions using transition rules.
  • State Machine Logic - Tracks editor state and applies updates based on predefined action rules and callback functions.
  • Editor UI Components - Provides a system for managing and mounting editor-specific UI components like toolboxes, modals, and inspectors.
  • Property Editing Panels - Provides an interface to update an element's attributes, CSS styles, and inner HTML content.
  • Aspect Ratio Preserving Resizing - Adjusts image and video dimensions while preserving aspect ratios and respecting width constraints.
  • Tag-Based Styling Systems - Defines and registers CSS classes that apply to specific HTML tags within the editor.
  • Undo-Redo History - Implements undo and redo functionality by storing sequential snapshots of the document structure.
  • HTML Attribute Restrictions - Enforces security by restricting forbidden attributes on specific HTML tags to prevent unauthorized modifications.
  • HTML Output Optimizers - Generates optimized HTML output by removing internal scaffolding classes and browser-specific formatting.
  • HTML Sanitization Utilities - Ships utilities for sanitizing HTML output and transforming media links into valid embed formats.
  • Inline Text Formatting - Adds or removes specific HTML tags to a range of characters for visual styling.
  • Standalone Editors - Library for building HTML content editors.

Historial de estrellas

Gráfico del historial de estrellas de getmeuk/contenttoolsGráfico del historial de estrellas de getmeuk/contenttools

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a ContentTools

Proyectos open-source similares, clasificados según cuántas características comparten con ContentTools.
  • basecamp/trixAvatar de basecamp

    basecamp/trix

    19,970Ver en GitHub↗

    Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline styling and block elements. It functions as an HTML content editor that manages and sanitizes input to ensure a secure and consistent document structure, while serving as a document state manager that tracks edit history and persists serialized state. The editor integrates directly with standard HTML forms, converting rich text into data for submission. It features a configurable sanitization engine that cleanses input HTML to remove unsupported tags and mitigate security risks.

    JavaScript
    Ver en GitHub↗19,970
  • alex-d/trumbowygAvatar de Alex-D

    Alex-D/Trumbowyg

    4,147Ver en GitHub↗

    Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly within a web browser. It serves as a client-side tool for generating semantic HTML markup and authoring web content. The project features a modular, plugin-based architecture that allows for the addition of new formatting commands and toolbar buttons. It provides a configurable interface where the toolbar layout can be customized via a predefined array and labels can be translated through localization files. The editor covers a wide range of content manipulation capabilities, in

    JavaScript
    Ver en GitHub↗4,147
  • yoopta-editor/yoopta-editorAvatar de yoopta-editor

    yoopta-editor/Yoopta-Editor

    3,045Ver en GitHub↗

    Yoopta-Editor is a headless framework for building customizable block-based rich text editors. It utilizes a JSON-based document engine to manage editor state and provides a WYSIWYG interface for creating structured documents. The system separates core document logic from the visual layer, allowing for complete customization of the user interface. The framework is designed for real-time collaborative editing, featuring a synchronization engine with conflict resolution and remote cursor presence tracking. It offers a highly extensible plugin system that allows developers to define new content

    TypeScriptcontenteditableeditorhacktoberfest
    Ver en GitHub↗3,045
  • fex-team/ueditorAvatar de fex-team

    fex-team/ueditor

    6,765Ver en GitHub↗

    UEditor is a web-based WYSIWYG rich text editor and HTML content authoring tool. It functions as a DOM-based text component that allows users to create and format complex web documents through a visual interface with real-time rendering. The editor enables the creation of rich text content for web applications and content management systems. It manages document state using HTML strings, facilitating the serialization and transfer of data between the browser and server. The system provides capabilities for managing editor content and configuring behavioral parameters through initialization se

    JavaScript
    Ver en GitHub↗6,765
Ver las 30 alternativas a ContentTools→

Preguntas frecuentes

¿Qué hace getmeuk/contenttools?

ContentTools es un framework de JavaScript y un conjunto de herramientas para construir editores visuales WYSIWYG. Proporciona una biblioteca de manipulación del DOM para analizar y transformar cadenas HTML en regiones editables estructuradas, junto con un orquestador de documentos visual que gestiona los comportamientos de los elementos y las transiciones de estado.

¿Cuáles son las características principales de getmeuk/contenttools?

Las características principales de getmeuk/contenttools son: Programmatic Element Editing, Rich Text WYSIWYG Editors, WYSIWYG Editors, DOM Element Class Mappings, Editor Lifecycle APIs, Behavioral Tag Mappings, Regional Component Conversions, Selection Consistency Layers.

¿Qué alternativas de código abierto existen para getmeuk/contenttools?

Las alternativas de código abierto para getmeuk/contenttools incluyen: basecamp/trix — Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline… alex-d/trumbowyg — Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly… yoopta-editor/yoopta-editor — Yoopta-Editor is a headless framework for building customizable block-based rich text editors. It utilizes a… fex-team/ueditor — UEditor is a web-based WYSIWYG rich text editor and HTML content authoring tool. It functions as a DOM-based text… tinymce/tinymce — TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and… ory/editor — This project is a customizable browser text editor and a schema-driven document framework designed for building…