How to use methods ?

[igorraphael]

How to use methods Vuequill, like setHTML,getHTML ...

I try use setHTML on ready event but return setHTML is not a function..

[luthfimasruri]

which version did you use?

[igorraphael]

1.0.0-beta-5

[luthfimasruri]

can you share the source code?

[igorraphael]

`
const quillReady = (quill) => {

 quill.setHTML('<h1>Hi</h1>');
 //quill.getEditor();
 //quill.setText('hi');

}

<QuillEditor onReady={(quill) => this.quillReady(quill)} contetType='html' />
`

Well, i want to add html inside the editor, through a button and also through drag and drop. But only setText () works, and the others return : is not a function...

[luthfimasruri]

How to use methods in composition API:

<template>
  <QuillEditor ref="myEditor" />
</template>

<script>
import { QuillEditor } from '@vueup/vue-quill'
import { ref, onMounted } from 'vue'
export default {
  components: {
    QuillEditor,
  },
  setup() {
    const myEditor= ref(null)
    onMounted(()=> {
      console.log(myEditor.value.getEditor())
    })
    return { myEditor }
  }
};
</script>

sorry for the delayed reply.

[luthfimasruri]

Usage in option API:

<template>
  <QuillEditor ref="myEditor" />
</template>

<script>
import { QuillEditor } from '@vueup/vue-quill'
export default {
  components: {
    QuillEditor,
  },
  mounted() {
    console.log(this.$refs.myEditor.getEditor())
  }
};
</script>