Plugin for highlight line in code?

Plugins ideas
1

Hello

It is an available plugin for highlighting selected lines in code,
for example from tailwind documentation:

image
image808×280 19.7 KB

2

I too would like a line highlighter, this could be an easy plugin if I’m not mistakened. Wonder if it already exists?

3

You can do this with an CSS snippet:

/*for legacy editor*/
.CodeMirror-activeline.CodeMirror-linebackground{
  background-color: #468eeb33;
}


/*for live preview mode*/
.cm-active.cm-line{
  background-color: #468eeb33;
}
4

I using better code block plug-in, but is not working.
I have version 0.15.9 (installer 0.14.15) on my macbook m1 max, this is setup:

And markdown code effects:

What is wrong?

5

ok, its working, but only in reading view, it is possible working also in editing mode? https://i.imgur.com/HsQpeqH.png

6

You mean, something like this? :slight_smile:

image
image1211×365 11.9 KB

I’m working on it.

7

Thanks, it works.

8

I did some improvement.

/*for legacy editor*/
.CodeMirror-activeline.CodeMirror-linebackground{
  background-color: #468eeb33;
}

/*for live preview mode*/
.cm-active.cm-line{
  background-color: #468eeb33;
}

/*for live preview mode code block*/
div.cm-active.HyperMD-codeblock.HyperMD-codeblock-bg.cm-line{
  background-color: #468eeb33;
}