Package Exports

vue3-ace-editor

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue3-ace-editor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue3-ace-editor

A packaging of ace. Inspired by vue2-ace-editor, but supports Vue 3

How to use

Install
```
yarn add vue3-ace-editor
```

import { VAceEditor } from 'vue3-ace-editor';

export default {
    data,
    methods,
    ...
    components: {
        VAceEditor,
    },
}

Use the component in template
```
<v-ace-editor
    v-model:value="content"
    @init="editorInit"
    lang="html"
    theme="chrome"
    style="height: 300px" />
```
prop v-model:value is required. <v-ace-editor> has no height by default, its height must be specified manually

prop lang, theme is same as ace-editor's doc

Deferences with vue2-ace-editor

This component uses ace-builds directly, instead of the outdated wrapper brace
DOM size changes are detected automatically using ResizeObserver, thus no width / height props needed.
For easier usage, more props / events added / emitted.
1. Prop readonly: This Boolean attribute indicates that the user cannot modify the value of the control.
2. Prop placeholder: A hint to the user of what can be entered in the control.
3. Prop wrap: Indicates whether the control wraps text
4. Prop printMargin: A short hand of showPrintMargin and printMarginColumn
5. All ace events emitted. Docs can be found here: https://ace.c9.io/#api=editor&nav=api
6. Some commonly used methods focus, blur, selectAll provided as shortcuts.

Breaking change

Using of ace-builds/webpack-resolver is removed due to bug https://github.com/CarterLi/vue3-ace-editor/issues/3. You MUST import theme and mode yourself. eg.

import 'ace-builds/src-noconflict/mode-text';
import 'ace-builds/src-noconflict/theme-chrome';

Find all supported themes and modes in node_modules/ace-builds/src-noconflict

LICENSE

MIT