microsoft / microsoft/monaco-editor

Monaco Editor Colorize - Break Word Problem

Open
#2,701 0 comments 0 reactions 1 assignee View on GitHub

@alexdima is already working on this.

Since Oct 22, 2021.

bug help wanted
Dominant language
JavaScript
Stars
46.8k
Forks
4.1k
Avg merge
17h 58m
Merged PRs (30d)
1

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.