-
Notifications
You must be signed in to change notification settings - Fork 255
[ospp]RichTextEditor富文本功能增强
Kagol edited this page Sep 25, 2024
·
20 revisions
任务清单:https://github.com/orgs/opentiny/projects/6/views/1
git clone git@github.com:opentiny/tiny-vue.git
git checkout ospp-2024/003-rich-text-editor-enhancement
pnpm i --registry=https://registry.npmmirror.com
pnpm site
访问:http://localhost:3101/,进入 RichTextEditor 组件的 demo。
验证功能点:
- 工具栏
- 表格
- 粘贴
- 斜杆菜单
- 浮动菜单(选择文本之后出现浮动菜单工具栏)
- 协同编辑
- E2E测试用例
- API/Demo文档
还需要验证之前的功能是否受到影响。
在 Vite+Vue3+TinyVue 和 Webpack(VueCLI)+Vue2+TinyVue 项目中安装和使用。
- 默认情况下,不应该开启选中文本之后的气泡菜单功能,参考Demo【基本用法】
- 行内代码样式不好看,应该在内容左右增加一些间距
- 代码块语言下拉框样式比较丑,需要优化
-
代码块高亮样式不好看,行间距太小,有点挤
-
工具栏按钮顺序不合理,建议参考业界富文本进行优化
-
鼠标移到工具栏按钮上,缺少文字提示
-
工具栏按钮取消超链接不需要,因为超链接再次点击就是取消超链接,功能上存在重复