Make marked text selectable

#1

The following code:

markText(start, end, {css: "background: orange"})

sets the orange background color. When the orange range is selected, it still looks the same if it wasn’t:

Is there any way to make the selection styles work?

Reduction: http://jsbin.com/goquguluno/edit?js,output

#2

See https://codemirror.net/demo/markselection.html

#3

Thanks, it works!

#4

Is there a way for this addon to allow different styling for when the editor is focused and unfocused?

#5

You can scope any CSS rule with .CodeMirror-focused to only apply when the editor is focused.

1 Like
#6

Of course, thanks @marijn. Keep up the good work.