awesome-repositories.com
Blog
MCP
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
·
sofish avatar

sofish/pen

0
View on GitHub↗
4,802 estrellas·405 forks·JavaScript·9 vistassofish.github.io/pen↗

Pen

Pen es un editor visual de markdown WYSIWYG y una interfaz de edición en vivo que convierte patrones de markdown en elementos de texto enriquecido en tiempo real. Sirve como herramienta para la creación de contenido en markdown y para transformar el estado del editor en cadenas de markdown estándar para su exportación.

El editor cuenta con una interfaz de texto personalizable con una barra de herramientas de formato para acciones de estilo de texto. Incluye sistemas para la gestión de hipervínculos y la conversión automática de secuencias de caracteres específicas en encabezados estructurados, listas, citas en bloque y bloques de código durante el proceso de entrada.

El proyecto proporciona capacidades para la edición colaborativa en tiempo real, integración de editor de texto visual y control de acceso programático al editor para gestionar los derechos de modificación de los usuarios.

Features

  • Markdown-Based Content Authoring - Provides a markdown-based authoring experience where shortcuts convert instantly to rich formatted elements.
  • Visual Markdown Editors - Provides a visual what-you-see-is-what-you-get interface for authoring and editing markdown content with a real-time preview.
  • Markdown to Rich Text Parsers - Converts markdown syntax at the start of a line into structured rich text objects.
  • Rich Text Format Parsers - Implements logic that transforms real-time character sequences into formatted rich text elements.
  • Visual State Reconciliation - Synchronizes the visual text representation with the underlying data model during live editing.
  • Live-Rendering Markdown Editors - Offers a real-time editing interface that converts markdown patterns into rich text as the user types.
  • Real-time Input Formatting - Dynamically formats plain text inputs into structured headings and lists as the user types.
  • Text Editing Components - Provides a customizable rich text editing interface for real-time content formatting.
  • Rich Text Editors - Integrates a customizable rich text editing interface and formatting toolbar into web applications.
  • Markdown Exports - Transforms the editor state into standardized markdown strings for use in external applications.
  • Document Element Insertion - Enables the insertion of horizontal rules, blockquotes, and code blocks via trigger characters.
  • Trigger-Based Injections - Automatically injects structural elements like code blocks based on specific character triggers.
  • Markdown Serializers - Provides utilities to convert the internal editor state into standardized markdown strings for export.
  • Command-Mapped Toolbars - Ships a formatting toolbar that maps UI interactions to internal programmatic styling commands.
  • Toolbar Button Customizations - Allows definition of specific text-styling actions and tooltips within the editing toolbar.
  • Real-Time Collaborative Editing - Synchronizes data changes across multiple users for simultaneous editing of the shared document.
  • Editors - Online editor with Markdown support.
  • Rich Text Editors - Live editing tool with Markdown support.
  • Standalone Editors - Live editing interface with Markdown support.

Historial de estrellas

Gráfico del historial de estrellas de sofish/penGráfico del historial de estrellas de sofish/pen

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 Pen

Proyectos open-source similares, clasificados según cuántas características comparten con Pen.
  • yabwe/medium-editorAvatar de yabwe

    yabwe/medium-editor

    16,102Ver en GitHub↗

    This project is a browser-based JavaScript library that transforms standard web elements into inline, WYSIWYG rich text editing areas. It functions as a programmatic wrapper around the native browser content-editable attribute, providing a structured interface for managing text input, media embedding, and document formatting directly within existing page layouts. The editor is distinguished by its contextual floating toolbar, which dynamically appears based on user text selection to provide relevant formatting options. It utilizes a plugin-based architecture that allows developers to inject c

    JavaScriptcontenteditableeditorjavascript
    Ver en GitHub↗16,102
  • jpuri/react-draft-wysiwygAvatar de jpuri

    jpuri/react-draft-wysiwyg

    6,471Ver en 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
    Ver en GitHub↗6,471
  • mindmup/bootstrap-wysiwygAvatar de mindmup

    mindmup/bootstrap-wysiwyg

    5,515Ver en GitHub↗

    bootstrap-wysiwyg is a WYSIWYG HTML editor and browser-based content editor designed to integrate with the Bootstrap CSS framework. It provides a visual interface for creating and formatting rich text content that outputs HTML markup. The editor allows for custom text formatting workflows through the configuration of toolbars and keyboard shortcuts. Users can embed images via drag-and-drop and utilize a dedicated process to clean up redundant tags and whitespace in the generated markup.

    HTML
    Ver en GitHub↗5,515
  • 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
Ver las 30 alternativas a Pen→

Preguntas frecuentes

¿Qué hace sofish/pen?

Pen es un editor visual de markdown WYSIWYG y una interfaz de edición en vivo que convierte patrones de markdown en elementos de texto enriquecido en tiempo real. Sirve como herramienta para la creación de contenido en markdown y para transformar el estado del editor en cadenas de markdown estándar para su exportación.

¿Cuáles son las características principales de sofish/pen?

Las características principales de sofish/pen son: Markdown-Based Content Authoring, Visual Markdown Editors, Markdown to Rich Text Parsers, Rich Text Format Parsers, Visual State Reconciliation, Live-Rendering Markdown Editors, Real-time Input Formatting, Text Editing Components.

¿Qué alternativas de código abierto existen para sofish/pen?

Las alternativas de código abierto para sofish/pen incluyen: yabwe/medium-editor — This project is a browser-based JavaScript library that transforms standard web elements into inline, WYSIWYG rich… jpuri/react-draft-wysiwyg — This project is a rich text editor component for React applications that provides a visual interface for composing and… mindmup/bootstrap-wysiwyg — bootstrap-wysiwyg is a WYSIWYG HTML editor and browser-based content editor designed to integrate with the Bootstrap… alex-d/trumbowyg — Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly… mycolorway/simditor — Simditor is a JavaScript-based rich text editor and WYSIWYG HTML editor designed for creating structured documents… red-axe/am-editor — This project is a framework for building real-time collaborative rich-text editing environments. It provides a…