Redactor X has Vue Component you can see how it works and download from GitHub.
Import
import '/your-dist-path/redactorx.min.js';
import './vue-redactorx.js';
Component
<div id="app">
<RedactorX v-model="content" :config="configOptions"></RedactorX>
{{! content }}
</div>
App
new Vue({
el: '#app',
data() {
return {
content: '<h1>Hello and welcome</h1>',
configOptions: {}
}
}
});
Import
import '/your-dist-path/redactorx.min.js';
import './vue-redactorx.js';
Component
<div id="app">
<RedactorX v-model="content" :config="configOptions"></RedactorX>
<textarea v-model="content"></textarea>
</div>
App
new Vue({
el: '#app',
data() {
return {
content: '<h1>Hello and welcome</h1>',
configOptions: {}
}
}
});
new Vue({
el: '#app',
data() {
return {
content: '<h1>Hello and welcome</h1>',
configOptions: {
plugins: ['blockcode'],
editor: {
focus: true
}
}
}
}
});
new Vue({
el: '#app',
data() {
return {
content: '<h1>Hello and welcome</h1>',
configOptions: {
subscribe: {
'app.start': function() {
console.log('Redactor X started!');
}
}
}
}
}
});