surmon-china / vue-codemirror

@codemirror code editor component for @vuejs
https://github.surmon.me/vue-codemirror
MIT License
3.25k stars 380 forks source link

Highlighting the lines in editor #216

Open rohitasare7 opened 9 months ago

rohitasare7 commented 9 months ago

Clear and concise description of the problem

I need to highlight few lines by green color, I checked codemirror documentation but I am not able to understand (apologies as I am new to vue js and codemirror) can anyone help me please? my requirement is to highlight specific lines with a green color. I am unable to join discord since the link is not active hence raised the feature request

Suggested solution

please share solution if possible.

Alternative

No response

Additional context

No response

Validations

rohitasare7 commented 9 months ago

also I am not able to get any reference, I want to use markselection --> https://codemirror.net/5/demo/markselection.html but I am not able to get proper reference of my code editor, below is the code -->

`//codemirror import { Codemirror } from 'vue-codemirror'; import { java } from '@codemirror/lang-java'; import { oneDark } from '@codemirror/theme-one-dark'; import { EditorView } from 'codemirror';

//CodeMirror Data const extensions = [java(), oneDark, EditorView.lineWrapping]; const view = shallowRef(); const handleReady = (payload) => { view.value = payload.view; // const state = view.value.state; }`

as per the documentation (from the link I have shared)

here I am unable to get the editor reference.