Excessive nested span tags generated when repeatedly copy-pasting text with white background color
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 38/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- angular, html, typescript
Direzione di ricerca
Start by reproducing the issue in the linked TinyMCE Angular example and inspect the generated HTML after repeated copy-paste operations. Done means the pasted content no longer accumulates redundant nested span tags while retaining the white background color.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Bug Description
When using TinyMCE with Angular, repeatedly copy-pasting text segments with white background color results in excessive nested <span> tags being generated in the editor content.
Steps to Reproduce
- Initialize TinyMCE editor in Angular application
- Input a paragraph of text in the editor
- Select all text and set background color to white
- Randomly select a portion of text from the middle of the paragraph
- Copy the selected text (Ctrl+C)
- Position cursor at a fixed location in the editor
- Paste the copied text (Ctrl+V)
- repeat 5-7 more times
Expected Behavior
The pasted text should maintain clean HTML structure with minimal nested tags, similar to:
<p><span style="background-color: white;">Your text content</span></p>
Actual Behavior
After multiple copy-paste operations, the HTML structure becomes heavily nested with multiple <span> tags:
<p>
<span style="background-color: white;">
<span style="background-color: white;">
<span style="background-color: white;">
<span style="background-color: white;">
Your text content
</span>
</span>
</span>
</span>
</p>
This will reproduce in your example your example
- Lingua principale
- TypeScript
- Stelle
- 346
- Fork
- 95
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di tinymce/tinymce-angular
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 45/100
tinymce/tinymce-angular#425 · 4 commenti ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
tinymce/tinymce-angular#413 · 1 commento ·
-
needs: more info
Difficoltà 4/5 3-5 giorni Idoneità per principianti 42/100
tinymce/tinymce-angular#412 · 3 commenti ·
-
disabling formgroup with tinymce in material tab gives 'node cannot be null or undefined' bug.ApertaGitHub status: escalated
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
tinymce/tinymce-angular#167 · 11 commenti · 1 reazione ·
Tutte le issue di tinymce/tinymce-angular
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
I maintainer di solito rispondono entro 1 giorno
-
📕documentation
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
db-ux-design-system/core-web#8343 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement triage/needs-triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
heygen-com/hyperframes#4944 ·
I maintainer di solito rispondono entro 1 giorno
-
ai-driven-qa bug claude
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
linagora/twake-calendar-frontend#1493 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
material-extensions/vscode-material-icon-theme#3610 ·
I maintainer di solito rispondono entro 2 giorni