how to formate the code

v6
1

Here is what the code looks like, why it’s not like the demo shows? All the code align in the center and the cursor is in the center too.

image
image2244×406 29.9 KB

The package is vue-codemirror version 6.1.1,

<Codemirror
v-model=“value”
:style=“{ height: ‘780px’ }”
:autofocus=“true”
:indent-with-tab=“true”
:extensions=“extensions”
:indentWithTab=“false”
@ready=“handleReady”
>

export default defineComponent({
components: {
Codemirror
},
setup() {
const value = new EditorView({ doc: "abc", extensions: [ // keymap.of([{key: "Alt-l", run: moveToLine}]), basicSetup, ], parent: document.body })
const extensions = [javascript(), oneDark]
return { value, extensions}
}
})

2

I expect you have some CSS that somehow matches the editor elements and centers text. Use the devtools to find out.

3

yes, solved it by setting text-align in the class v-codemirror. thx.