<script setup>
import { DcEditor } from 'dacong-tiptap'
import 'dacong-tiptap/style.css'
const content = '每天快乐🎈'
</script>
<template>
<DcEditor :content="content" />
</template>
{
content:'', //String 编辑器的内容
slash:'', //Array / 命令弹出的数组
isDark:'', //Boolean 是否为暗色模式
addList:'', //Array 自定义添加列表
}
/*
默认 slash 为以下内容,自定义会覆盖默认内容
const slash = [
{
title: '普通文本',
icon: 'mdi:format-paragraph',
command: ({ editor, range }) => {
editor.chain().focus().deleteRange(range).setNode('paragraph').run()
}
}
]
默认 addList 为空,需自定义,格式如下
onst addList = [
{
title: '图片',
icon: 'ri:image-2-line',
command: editor => {
editor.chain().focus().setImage({ src: '' }).run()
}
}
]
*/
{
save(content), //Fun 保存回调
close(), //Fun 编辑器关闭事件
fileSelect({currentEditor, files, pos}), //Fun 文件选择回调,可自行处理文件
}