Merge pull request #1489 from nextcloud/backport/1488/stable0.8

[stable0.8] enh: use tiptap's editor to render HTML

src/shared/components/ncTable/partials/TableCellHtml.vue

@@ -4,15 +4,21 @@
 -->
 <template>
 	<div>
-		<!-- eslint-disable-next-line vue/no-v-html -->
-		<div v-if="value" class="tiptap-reader-cell" v-html="value" />
+		<EditorContent :editor="editor" />
 	</div>
 </template>
 
 <script>
+import { Editor, EditorContent } from '@tiptap/vue-2'
+import { StarterKit } from '@tiptap/starter-kit'
+
 export default {
 	name: 'TableCellHtml',
 
+	components: {
+		EditorContent,
+	},
+
 	props: {
 		column: {
 			type: Object,
@@ -27,6 +33,33 @@ export default {
 			default: '',
 		},
 	},
+
+	data() {
+		return {
+			editor: null,
+		}
+	},
+
+	watch: {
+		value(value) {
+			this.editor.commands.setContent(value, false)
+		},
+	},
+
+	mounted() {
+		this.editor = new Editor({
+			extensions: [
+				StarterKit,
+			],
+			content: this.value,
+			editable: false,
+		})
+	},
+
+	beforeUnmount() {
+		this.editor.destroy()
+	},
+
 }
 </script>