https://naive-ui-admin.vercel.app/assets/vue-quill-BwdqmiVh.js

1import{Q as y}from"./vue-quill-30scmMbP.js";import{w as h,r as x,B as w,b as C}from"./naive-ui-crIqhEkg.js";import{k as T,r as p,e as H,O as q,P as B,Q as E,a2 as t,a3 as o,j as a,K as L}from"./vue-DfeAi4NN.js";import"./lodash-es-Wid6WkHk.js";const M={class:"n-layout-page-header"},z=T({__name:"vue-quill",setup(N){const n=p(),c=p("<h4>Naive Ui Admin 是一个基于 vue3,vite2,TypeScript 的中后台解决方案</h4>"),s=p("<h4>Naive Ui Admin 是一个基于 vue3,vite2,TypeScript 的中后台解决方案</h4>"),m=H({modules:{toolbar:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["clean"],["image"]]},theme:"snow",placeholder:"输入您喜欢的内容吧！"});function f(){console.log("Quill准备好了")}function _(){s.value=i()}function v(){const l=i()+"新增加的内容";n.value.setHTML(l)}function g(){const l=i()+'<img style="width:100px" src="https://www.baidu.com/img/flexible/logo/pc/result.png"/>';n.value.setHTML(l)}function i(){return n.value.getHTML()}return(l,e)=>{const r=h,u=w,b=x,k=C;return B(),q("div",null,[E("div",M,[t(r,{bordered:!1,title:"富文本"},{default:o(()=>[...e[2]||(e[2]=[a(" 富文本，用于展示图文信息，比如商品详情，文章详情等... ",-1)])]),_:1})]),t(r,{bordered:!1,class:"mt-4 proCard"},{footer:o(()=>[t(b,null,{default:o(()=>[t(u,{onClick:v},{default:o(()=>[...e[3]||(e[3]=[a("增加文本",-1)])]),_:1}),t(u,{onClick:g},{default:o(()=>[...e[4]||(e[4]=[a("增加图片",-1)])]),_:1}),t(u,{onClick:_},{default:o(()=>[...e[5]||(e[5]=[a("获取HTML",-1)])]),_:1})]),_:1})]),default:o(()=>[t(L(y),{ref_key:"quillEditor",ref:n,options:m,content:c.value,"onUpdate:content":e[0]||(e[0]=d=>c.value=d),style:{height:"350px"},onReady:f,class:"quillEditor"},null,8,["options","content"])]),_:1}),t(r,{bordered:!1,class:"mt-4 proCard",title:"HTML 内容"},{default:o(()=>[t(k,{value:s.value,"onUpdate:value":e[1]||(e[1]=d=>s.value=d),type:"textarea",placeholder:"html",autosize:{minRows:3,maxRows:6}},null,8,["value"])]),_:1})])}}});export{z as default};