awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
basecamp avatar

basecamp/trix

0
View on GitHub↗
19,970 stele·1,133 fork-uri·JavaScript·MIT·8 vizualizăritrix-editor.org↗

Trix

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.

The project provides a visual interface for rich text composition, supporting text and block styling, edit history management for undo and redo operations, and a system for managing file attachments with image previews. Programmatic control is available for managing cursor selection, inserting content, and observing editor events.

Features

  • Rich Text Editors - Provides a visual interface for creating and formatting documents with inline and block-level styling options.
  • HTML to Document Parsers - Maps raw HTML strings into an internal representation of blocks and inline elements for structured editing.
  • Web Authoring Environments - Implements a professional writing area within web apps that manages attachments, edit history, and sanitization.
  • ContentEditable Wrappers - Uses the native browser contenteditable attribute to manage direct user text manipulation and rich formatting.
  • Sanitizing HTML Editors - Manages and sanitizes HTML input to ensure a secure and consistent document structure.
  • Rich Text Editors - Offers a visual writing interface for composing and formatting documents with inline styling and block elements.
  • Document State Management - Tracks edit history and manages the serialized state of the rich text document.
  • Rich Text Styling - Implements bold, italic, headings, and list formatting for selected text or content blocks.
  • Rich Text WYSIWYG Editors - Provides a WYSIWYG text component that converts rich text into data for HTML form submissions.
  • Visual Editor Interfaces - Provides a customizable visual editing area that supports vertical expansion and integrated formatting tools.
  • WYSIWYG Editors - Provides a WYSIWYG interface where users see the final visual result of their formatting while writing.
  • Form Field Synchronization - Binds document content to hidden input fields to ensure compatibility with standard HTML form submissions.
  • Input Sanitizers - Filters incoming HTML through a whitelist-based cleaner to remove unsafe tags and mitigate security risks.
  • HTML Form Integration - Connects the rich text editor directly to standard HTML forms to facilitate formatted content submission.
  • File Attachment Systems - Processes dragged or pasted files as attachments to be uploaded to remote storage.
  • Editor Event Handlers - Implements an event system to monitor and respond to editor initialization, content changes, and attachment handling.
  • Action-Based State Transitions - Modifies document state through a central dispatcher using discrete action commands for formatting and content changes.
  • Persistence and Serialization - Converts the document structure and cursor position into a plain text format for persistent storage and restoration.
  • State Version Restoration - Loads serialized data to return the document and selection to a previous state.
  • State Persistence - Converts the current document and cursor selection into a serialized format for saving and reloading.
  • Programmatic Selection and Insertion - Implements programmatic control over text selections and the insertion of HTML attachments at specific offsets.
  • Event-Driven State Synchronizers - Automatically updates hidden form fields and external listeners whenever editor content changes.
  • Text Coordinate Mapping - Calculates the exact pixel location of text offsets to accurately position user interface elements.
  • Text Selection Control - Provides programmatic control to set the start and end positions of the user cursor and selection range.
  • Content Insertion Utilities - Provides APIs to inject HTML, files, or attachments into a document at a specific cursor position.
  • Undo-Redo History - Tracks typing and formatting changes to enable undo and redo operations for document states.
  • HTML Sanitization Utilities - Features a configurable sanitization engine that removes unsupported HTML tags to mitigate security risks.
  • Editors - Rich text editor for daily writing.
  • Rich Text Editors - Rich text editor for everyday writing.
  • Standalone Editors - Rich text editor designed for everyday writing tasks.
  • Utility Components - Rich text editor component for web forms.
  • Web Components and UI - Compact and clean rich text editor.

Istoric stele

Graficul istoricului de stele pentru basecamp/trixGraficul istoricului de stele pentru basecamp/trix

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI

Alternative open-source pentru Trix

Proiecte open-source similare, clasificate după numărul de funcționalități comune cu Trix.
  • tinymce/tinymceAvatar tinymce

    tinymce/tinymce

    16,214Vezi pe GitHub↗

    TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and formatting content within web applications. It functions as an extensible editor framework and web content management UI, allowing users to author and style documents through a browser-based interface. The project is distinguished by a plugin-based extension system and a public API that enable the addition of custom capabilities and modifications to the visual interface. It utilizes a framework-agnostic core, providing dedicated integration for React, Vue, and Angular. The syste

    TypeScript
    Vezi pe GitHub↗16,214
  • alex-d/trumbowygAvatar Alex-D

    Alex-D/Trumbowyg

    4,147Vezi pe 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
    Vezi pe GitHub↗4,147
  • jaredreich/pellAvatar jaredreich

    jaredreich/pell

    12,054Vezi pe GitHub↗

    Pell is a JavaScript text editor library and browser-based rich text editor. It provides a lightweight WYSIWYG HTML editor for formatting styled text and outputting HTML directly within a web browser. The library is a dependency-free vanilla implementation that uses standard Web APIs. It allows for the definition of custom editor actions and text actions to extend the toolbar and the creation of custom visual themes to modify the editor appearance. The editor covers rich text editing and browser-based text formatting, including the application of bold, italic, headings, and lists. It also su

    JavaScriptcontenteditableeditorjavascript
    Vezi pe GitHub↗12,054
  • jpuri/react-draft-wysiwygAvatar jpuri

    jpuri/react-draft-wysiwyg

    6,471Vezi pe GitHub↗

    This project is a rich text editor component for React applications that provides a visual interface for composing and formatting content. It functions as a DraftJS-based WYSIWYG editor, allowing users to create structured documents with inline styles and block types. The editor features a customizable toolbar interface for managing text alignment, lists, and media embeds. It includes a specialized input system for inserting emojis, hashtags, and user mentions as single deletable units. The project provides capabilities for transforming internal editor state into HTML, JSON, or Markdown form

    JavaScript
    Vezi pe GitHub↗6,471
Vezi toate cele 30 alternative pentru Trix→

Întrebări frecvente

Ce face basecamp/trix?

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.

Care sunt principalele funcționalități ale basecamp/trix?

Principalele funcționalități ale basecamp/trix sunt: Rich Text Editors, HTML to Document Parsers, Web Authoring Environments, ContentEditable Wrappers, Sanitizing HTML Editors, Document State Management, Rich Text Styling, Rich Text WYSIWYG Editors.

Care sunt câteva alternative open-source pentru basecamp/trix?

Alternativele open-source pentru basecamp/trix includ: tinymce/tinymce — TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and… alex-d/trumbowyg — Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly… jaredreich/pell — Pell is a JavaScript text editor library and browser-based rich text editor. It provides a lightweight WYSIWYG HTML… jpuri/react-draft-wysiwyg — This project is a rich text editor component for React applications that provides a visual interface for composing and… neilj/squire — Squire is a DOM-based rich text editor and WYSIWYG content editor that treats raw HTML as the source of truth. It… margox/braft-editor — Braft Editor is a React-based rich text editor built on Draft.js that provides a framework for content creation and…