Skip to content

Instantly share code, notes, and snippets.

@insidert
insidert / QuillEditor.vue
Created May 12, 2020 13:58
This is an example of Vue component with Quill editor. It can show the editor update the details and read the details from the database with Read-Only option.
<template>
<section>
<div id="editor-container" style="font-family: inherit; font-size: inherit;">
</div>
<button class="btn btn-secondary mt-3" v-on:click.prevent="updateSyllabus" v-if="canEdit">Update Syllabus</button>
<p v-if="syllabusUpdated" class="mt-3"><i class="fas fa-check text-success"></i> Syllabus updated. Redirecting back to course...</p>
</section>
</template>