Я использую плагин tinymce- vue для редактора.
У меня есть кнопка, после нажатия кнопки на кнопке я хочу установить фокус на редакторе, пока я пытался следующее:
<p class="u-bottom js-hide-with-desc" v-show="!detailBox && !task.detail" >
<a class="description-fake-text-area hide-on-edit js-edit-desc js-hide-with-draft" href="javascript:void(0);" @click="showDetailBox()">Add a more detailed description…</a>
</p>
<editor
v-show="task.detail || detailBox"
id="tinymceEditor"
api-key="7x0br9eyulzkcvs4msuzq2kw6cqjxxxxxxxxxxxxxx"
:inline=true
v-model="task.detail"
plugins=""
toolbar=""
:init="{
force_br_newlines : false,
force_p_newlines : false,
forced_root_block : '',
}"
@onFocus="detailFocus"
></editor>
// javascript
detailFocus(event, editor){
alert('focus')
},
showDetailBox(){
this.detailBox = true
// this.$refs.detailBox.focus();
},
Как вызвать событие tinymce, используя VueJs?