Microsoft/monaco-editor

Monaco Editor Colorize - Break Word Problem

Open

#2.701 aberto em 22 de out. de 2021

Ver no GitHub
 (0 comments) (0 reactions) (1 assignee)JavaScript (1.283 forks)batch import
bughelp wanted

Métricas do repositório

Stars
 (14.836 stars)
Métricas de merge de PR
 (Mesclagem média 6h 26m) (15 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Investigue como a função colorize do Monaco Editor gera spans HTML com espaços não separáveis (`&nbsp;`). Examine o código fonte no repositório monaco editor, provavelmente no módulo 'colorize' ou arquivos relacionados, para entender como o espaço em branco é tratado. A correção pode envolver substituir `&nbsp;` por espaços regulares ou adicionar CSS `word break: break word` no contêiner, garantindo que os espaços sejam quebráveis. Considere a compatibilidade do navegador e as regras CSS existentes que podem afetar a quebra de palavras.
Pilha de tecnologia
javascripttypescriptcss
Domain
frontendtooling
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSHTMLJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75