Skip to content

Instantly share code, notes, and snippets.

@insidert
insidert / QuillEditor.vue
Created May 12, 2020
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.
View QuillEditor.vue
<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>