Adjusted solution to support Quill V2.0.0

apps/showcase/doc/editor/BasicDoc.vue

@@ -5,7 +5,7 @@
     <div class="card">
         <Editor v-model="value" editorStyle="height: 320px" />
     </div>
-    <DocSectionCode :code="code" :dependencies="{ quill: '1.3.7' }" component="Editor" />
+    <DocSectionCode :code="code" :dependencies="{ quill: '2.0.0' }" component="Editor" />
 </template>
 
 <script>

apps/showcase/doc/editor/ReadOnlyDoc.vue

@@ -5,7 +5,7 @@
     <div class="card">
         <Editor v-model="value" editorStyle="height: 320px" readonly />
     </div>
-    <DocSectionCode :code="code" :dependencies="{ quill: '1.3.7' }" component="Editor" />
+    <DocSectionCode :code="code" :dependencies="{ quill: '2.0.0' }" component="Editor" />
 </template>
 
 <script>

apps/showcase/doc/editor/TemplateDoc.vue

@@ -13,7 +13,7 @@
             </template>
         </Editor>
     </div>
-    <DocSectionCode :code="code" :dependencies="{ quill: '1.3.7' }" component="Editor" />
+    <DocSectionCode :code="code" :dependencies="{ quill: '2.0.0' }" component="Editor" />
 </template>
 
 <script>

apps/showcase/package.json

@@ -46,7 +46,7 @@
         "postcss": "^8.4.31",
         "prettier": "2.7.1",
         "primeicons": "^7.0.0",
-        "quill": "^1.3.7",
+        "quill": "2.0.0",
         "sass": "^1.45.0",
         "sass-loader": "^8.0.2",
         "tailwindcss": "^3.4.1",

packages/primevue/src/editor/Editor.vue

@@ -124,7 +124,7 @@ export default {
     methods: {
         renderValue(value) {
             if (this.quill) {
-                if (value) this.quill.setContents(this.quill.clipboard.convert(value));
+                if (value) this.quill.clipboard.dangerouslyPasteHTML(value);
                 else this.quill.setText('');
             }
         },