Who create this rectangle in VIsual Studio Code markdown text edit? - visual-studio-code

Please look up this picture. I opened Visual Studio Code 1.31.0, create new file,
write below, then, the rectangle shown in this picture was appeared.
```a`a```
I opened Developper tool and checked DOM. I edit <div style="top:0px;height:19px;" class="view-line">(top:0px => top:10px), then, the rectangle doesn't moved.
So, I checked around this element. However, threre is anything like creating the rectangle.
In my Visual Studio Code, too many extension is installed, see here
Markdown related extension list is below:
$code --list-extensions | grep markdown
bierner.markdown-emoji
bierner.markdown-mermaid
DavidAnson.vscode-markdownlint
geeklearningio.graphviz-markdown-preview
shd101wyy.markdown-preview-enhanced
TomasHubelbauer.vscode-markdown-table-format
yzhang.markdown-all-in-one
So, I download Visual Studio Code Insider 1.32.0, install extensions shown below one by one, the rectangle was not drawn.
Who cretate the rectangle? Or, how to investigate?
As far as I know, markdown-it recognize the markdown as single code tag so that non markdown-it related process draw the rectangle, I think.
Environment
Windows 10 Home 1809
Visual Studio Code 1.31.0

This is a feature introduced in v1.5.0 of Markdown All in One. You can control it with setting markdown.extension.syntax.decorations.

Related

Visual Studio Code Not Displaying Invisible Characters/Spaces

I am currently working on writing code for a Source Game Engine map file. I have issues with Visual Studio Code not displaying certain invisible characters.
When using notepad++, I can see there are invisible characters in between the lines:
But when I open it up in visual studio code, it's as if the invisible character doesn't exist.
This is what I see when using visual studio code:
I have asked my friends who also do the same thing (making Source Engine Maps) and they all don't have this issue. One of my friends sent me this image:
This is what he sees in his own editor, with squares representing the invisible character/space:
I've done a few things to try to fix this issue:
Changing fonts (I used a custom font but reset to default to see if it had any impact)
Changing encoding setting (UTF-8 was what my friends used but I tried tinkering around)
Changing editors (Tried Atom/Sublime but only Notepad++ even shows there being an invisible character)
Updated / reinstalled language packs
Enabling whitespaces
After everything, I still have the same issue. Are there other possible fixes/causes for this issue?
Fixed
I just had to enable Render Control Characters in visual studio code.

How to add a list of custom bad/forbidden words to Visual Studio Code

There is a list of words/phrases that I would like Visual Studio Code to underline when they occur in the project. The list is custom. How to accomplish it?
You can use the extension Highlight to give particular text a different color.
I like the extension Highlight mentioned by #rioV8, but what it misses is:
1) You can not provide a message when code part triggers RegEx
2) It highlights with different colors (it's nice). But it does not use Lenses in Visual Studio Code.
So i wrote an extension that does that. Shows message when code triggers RegEx in realtime. You can think of it like as an Uber Linter.
https://marketplace.visualstudio.com/items?itemName=tomasz-smykowski.assistant
You can find it above and install. Also there is source code available on GitHub

Which Visual Studio Code extensions add these options/icons to the sidebar?

I saw on a video presentation about TypeScript this icon in Visual Studio Code:
It looks like a git extension, but which extension is that? I would like to try it...
What about this other one?
It looks like they are useful extensions...
The first view / icon is from the GitLens extension.
The second view is actually built into VSCode. It shows "Find References" results, and consequently it only appears when Find References that has been executed in the current VSCode session.

How to highlight cells in vscode?

Hello,
I have been using vscode (Visual Studio Code) text editor for couple of days. I have come from Spyder IDE for python. I am developing a great likeness towards vscode. It encompasses all of my needs to python programming with also being lightweight.
However, one thing that I am missing and wish it were here in vscode is cell highlighting. Though the editor has feature to segment the code into several cells by typing # %% before a block, it lacks the feature to highlight the cell where mouse pointer is hovered on.
Maybe, there is an option there in settings.json but i don't know where it is in particular. Though it is not a great lack or causes major issues but i like to enable this feature in my vscode editor.
Below pictures illustrate my point.
Previous image is the visual studio code editor and the below one is for Spyder IDE.
It seems it is supported now.
Bellow there's a screenshot for the current version of VSCode using Microsoft's Python extension.
If this answers the question, please, inform as answer.

sublime text-like code scrollbar on visual studio code

I have recently switched from Sublime Text to Visual studio code, but there is something that i truly miss, and it is the scroll bar at the top right corner of the which shows a smaller version of the file being edited (I don't know the exact name).
I find it pretty useful to navigate through my files, especially when i want to start deleting blocks of code i have commented out, before i submit my code.
Is there any plugin to get this on visual studio code, or is there any ongoing plans in order to implement it? Thanks!
Tracked in this feature request: https://github.com/Microsoft/vscode/issues/4865