vue3 在编辑器中将 quill delta 转换为 html

编程问答 2022-04-29

问题描述

我想使用 vue3 打字稿将 quill delta 转换为 html 我已经使用了模块 quill-html-edit-button 但它显示的是弹出窗口而不是弹出窗口我想在编辑器中实现它自己目前我正在使用 quill-delta-to-html 将增量操作转换为 html 字符串但是无法将其插入 html

<quillEditor 
toolbar="#mytoolbar"
v-model:content="editorContent"
>
<template #toolbar>
  <div id="mytoolbar" >
    <button  @click="getRawHtml"></button>
  </div> 

</template>    
  
</quillEditor>

<script>
import { quillDeltaToHtmlConverter } from "quill-delta-to-html";
// inside setup function
setup(){
  const editorContent = ref({})

  const getRawHtml = () => {

  let converter =  new quillDeltaToHtmlConverter(editorContent.value.ops,{})
  let html = converter.convert()

 editorContent.value.insert(html)  // this is inserting but changes are displaying
  } 

}


</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

deltadeltaquilltypescripttypescripttypescriptvue.js