Microsoft/monaco-editor

Monaco Editor Colorize - Break Word Problem

Open

#2 701 ouverte le 22 oct. 2021

Voir sur GitHub
 (0 commentaires) (0 réactions) (1 assigné)JavaScript (1 283 forks)batch import
bughelp wanted

Métriques du dépôt

Stars
 (14 836 stars)
Métriques de merge PR
 (Merge moyen 6h 26m) (15 PRs mergées en 30 j)

Description

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" ?

Guide contributeur

Direction de recherche
Étudiez comment la fonction colorize de Monaco Editor génère des spans HTML avec des espaces insécables (`&nbsp;`). Examinez le code source dans le dépôt monaco editor, probablement dans le module 'colorize' ou les fichiers associés, pour comprendre comment les espaces blancs sont gérés. La correction peut impliquer de remplacer `&nbsp;` par des espaces normaux ou d'ajouter CSS `word break: break word` sur le conteneur tout en garantissant que les espaces sont cassables. Prenez en compte la compatibilité du navigateur et les règles CSS existantes qui pourraient affecter la césure des mots.
Stack technique
javascripttypescriptcss
Domaine
frontendtooling
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSHTMLJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75