Security News
Combatting Alert Fatigue by Prioritizing Malicious Intent
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
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 24,030 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
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.