Microsoft/monaco-editor

Monaco Editor Colorize - Break Word Problem

Open

#2701 aperta il 22 ott 2021

Vedi su GitHub
 (0 commenti) (0 reazioni) (1 assegnatario)JavaScript (1283 fork)batch import
bughelp wanted

Metriche repository

Star
 (14.836 star)
Metriche merge PR
 (Merge medio 6h 26m) (15 PR mergiate in 30 g)

Descrizione

When we use monaco editor colorize for highlighting content, break-word is not happening properly. The reason is that you use   content for making spaces in content. So that we can't break word properly using CSS.

Example Code like this :

<span>
    <span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(</span>
    <span class="mtk40">'.zc-branchesBody&nbsp;.dropdown-content'</span>
    <span class="mtk1">).css(</span>
    <span class="mtk40">'max-height'</span>
     <span class="mtk1">,&nbsp;</span>
</span>

If the span tag containing like this "word-break: break-word" is not possible using CSS and javascript.

Any idea for "breakword containing   content" ?

Guida contributor

Direzione di ricerca
Indaga su come la funzione colorize di Monaco Editor generi span HTML con spazi indivisibili (`&nbsp;`). Esamina il codice sorgente nel repository monaco editor, probabilmente nel modulo 'colorize' o in file correlati, per capire come vengono gestiti gli spazi bianchi. La correzione potrebbe comportare la sostituzione di `&nbsp;` con spazi normali o l'aggiunta di CSS `word break: break word` sul contenitore, assicurando che gli spazi siano interrompibili. Considera la compatibilità del browser e le regole CSS esistenti che potrebbero influenzare l'interruzione delle parole.
Tech stack
javascripttypescriptcss
Dominio
frontendtooling
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSHTMLJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75