
Security News
New CVE Forecasting Tool Predicts 47,000 Disclosures in 2025
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
vue2-ace-editor
Advanced tools
A packaging of ace
Demo here: https://github.com/chairuosen/vue-ace-editor-demo/tree/vue2
emmet support for html is removed after 0.0.6. because its code cannot works with strict mode.
if you want to use it. require emmet by your own.
npm install emmet@git+https://github.com/cloud9ide/emmet-core.git#41973fcc70392864c7a469cf5dcd875b88b93d4a
require(['emmet/emmet'],function (data) { // this is huge. so require it async is better
window.emmet = data.emmet;
});
Install
npm install --save-dev vue2-ace-editor
Require it in components
of Vue options
{
data,
methods,
...
components: {
editor: require('vue2-ace-editor'),
},
}
Require the editor's mode/theme module in custom methods
{
data,
methods: {
editorInit: function () {
require('brace/ext/language_tools') //language extension prerequsite...
require('brace/mode/html')
require('brace/mode/javascript') //language
require('brace/mode/less')
require('brace/theme/chrome')
require('brace/snippets/javascript') //snippet
}
},
}
Use the component in template
<editor v-model="content" @init="editorInit" lang="html" theme="chrome" width="500" height="100"></editor>
prop v-model
is required
prop lang
and theme
is same as ace-editor's doc
prop height
and width
could be one of these: 200
, 200px
, 50%
Access the ACE's instance
<editor ref='myEditor'>
let editor = this.$refs.myEditor.editor
or
editorInit: function (editor) {
}
FAQs
A Vue2.0's component based on ace/brace
The npm package vue2-ace-editor receives a total of 32,197 weekly downloads. As such, vue2-ace-editor popularity was classified as popular.
We found that vue2-ace-editor demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.