microsoft / microsoft/monaco-editor
[Bug] Markdown Syntax: Nested Html tags inside of Markdown that span multiple lines render incorrectly
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 46.8k
- Forks
- 4.1k
- Avg merge
- 17h 58m
- Merged PRs (30d)
- 1
Description
Reproducible in vscode.dev or in VS Code Desktop?
- Not reproducible in vscode.dev or VS Code Desktop
Reproducible in the monaco editor playground?
- Not reproducible in the monaco editor playground
Monaco Editor Playground Link
Monaco Editor Playground Code
// Through the options literal, the behaviour of the editor can be easily customized.
// Here are a few examples of config options that can be passed to the editor.
// You can also call editor.updateOptions at any time to change the options.
var editor = monaco.editor.create(document.getElementById("container"), {
value: `
## Resources
* [Westwind.AspNetCore on Github](https://github.com/RickStrahl/Westwind.AspNetCore)
* [Configure ASP.NET Core to work with proxy servers and load balancers](https://learn.microsoft.com/en-us/aspnet/core/host-and-deploy/proxy-load-balancer?view=aspnetcore-10.0)
<div style="margin-top: 30px;font-size: 0.8em; border-top: 1px solid #eee;padding-top: 8px;">
<img src="https://markdownmonster.west-wind.com/favicon.png"
style="height: 20px;float: left; margin-right: 10px;"
class="image-co" />
this post was created and published with the
<a href="https://markdownmonster.west-wind.com"
target="top">Markdown Monster Editor</a>
</div>`,
language: "markdown",
lineNumbers: "off",
roundedSelection: false,
scrollBeyondLastLine: false,
readOnly: false,
theme: "vs-dark",
});
setTimeout(function () {
editor.updateOptions({
lineNumbers: "on",
});
}, 2000);
Reproduction Steps
Notice how the first line highlights in each of the pointed to Html elements, but subsequent lines are painted as plain text.
Actual (Problematic) Behavior
Split Html tag lines should highlight, but do not
Additional Context
VS Code also fails here but it fails in a different way:
It looks like it's only highlighting a single Html tag.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Monaco Editor Playground link and the embedded TypeScript example, then isolate the Markdown input containing HTML tags split across multiple lines. Compare the highlighting of the first and subsequent lines; done means each line of the multiline HTML elements receives the expected HTML syntax highlighting in the playground.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- markdown, typescript
- Domain
- frontend, tooling
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100