Package Exports

vue3-quilljs
vue3-quilljs/lib/vue3-quilljs.es.js
vue3-quilljs/lib/vue3-quilljs.umd.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue3-quilljs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vue 3 Quill Rich Text Editor

This is Vue 3 Quill Rich Text editor created by 7uvss from https://7uvss.github.io/vue3-quill-editor/ and this package only add placeholder to the text editor

Demo

https://7uvss.github.io/vue3-quill-editor/

Install

npm i vue3-quilljs

Usage

Global Registration:

// vue - main.js
import Quill from "vue3-quilljs";
import "vue3-quilljs/lib/style.css";

app.use(Quill);

In .vue:

<template>
  <richTextEditor
    :toolBarConfig="toolBarConfig"
    placeHolder="Write a text"
    v-model="rawHTML"
  ></richTextEditor>
</template>

<script setup lang="ts">
  import { ref } from "vue";
  const toolBarConfig = [
    [{ header: [1, 2, 3, false] }],
    [{ color: [] }, { background: [] }],
    ["bold", "italic", "underline", "strike"],
    [{ align: [] }],
    ["clean"],
  ];
  const rawHTML = ref("");
</script>