Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[bug]: Code block syntax highlighting breaks completely upon pasting code (only works when manually typed)

Abierto
  • ¿Algo no está bien?
#9,638 1 comentario 0 reacciones 2 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@vihar ya está trabajando en esto.

Desde el 19/8/2026.

  • #9671 de @UGilfoyle — cerrado sin fusionar

Evaluación

Este issue todavía no se ha evaluado.

Descripción

🐛bug plane
Is there an existing issue for this?
  • I have searched the existing issues
Current behavior

The rich-text editor actually contains functional syntax highlighting token rules for PowerShell (as verified when writing single commands line-by-line). However, the editor completely fails to parse and tokenize text content when it is introduced via a Copy-Paste action.

  • When a script is pasted into an existing ````powershell` block, the text remains entirely plain white text.
  • When the exact same syntax components (variables, string literals, arguments) are typed in manually, the editor instantly maps the CSS highlighting rules correctly.
Image

This indicates a severe bug in the editor's Paste-Handler extension, which suppresses tokenization/re-rendering of the code block nodes upon clipboard input injection.

Steps to reproduce
  1. Create a PowerShell code block inside an issue description or page using ```powershell
  2. Scenario A (Manual Input): Type a basic snippet by hand (e.g., $ApiKey = $env:OPENAI_API_KEY).
    -> Result: Variables and values get highlighted instantly.
  3. Scenario B (Paste Input): Copy a multi-line script from an external editor (VS Code, Notepad, etc.) and press Ctrl+V to paste it into the same block.
    -> Result: The pasted content drops all syntax formatting and renders completely plain/white.
Expected Behavior

Injecting clipboard data into a language-specific Fenced Code Block node must trigger the underlying lowlight/Prism lexer to parse the block immediately, ensuring that pasted documentation remains fully highlighted and readable.

Environment
  • Component: packages/editor or apps/web (Tiptap Paste Handler/Lowlight Node extension)
  • Impacted Scope: Multi-line technical documentation snippets.
Environment

Production

Browser

Mozilla Firefox

Variant

Self-hosted

Version

v1.4.1

Lenguaje dominante
TypeScript
Estrellas
61.1k
Forks
6.1k
Merge medio
1 d 11 h
PR fusionados (30 d)
79

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de makeplane/plane

Todos los issues de makeplane/plane

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.