cycleccc / wangEditor-next

wangEditor-next —— Open-source web rich text editor, based on slate.js. wangEditor-next —— 开源 Web 富文本编辑器,基于 slate.js。
https://cycleccc.github.io/docs/
MIT License
30 stars 4 forks source link

功能:添加 table 合并功能(已在 wangEditor-next 实现) #24

Closed cycleccc closed 1 week ago

cycleccc commented 3 weeks ago

相关 issue: https://github.com/wangeditor-team/wangEditor/issues/5624

jschyz commented 3 weeks ago

已实现

cycleccc commented 3 weeks ago

麻烦能提个 pr 看一下吗😆,我们一起看下,合适的话就和进来了,需要这个功能的人还挺多的。

rometw commented 3 weeks ago

2024-06-27 10 16 46 2024-06-27 10 16 46

已实现

千呼万唤的功能,感谢大佬

cycleccc commented 3 weeks ago

@rometw 大佬暂时还没提 pr ,没看到大佬的仓库和 npm 包,我回去看一下提到的这个仓库 复刻一下这个功能。

jschyz commented 3 weeks ago

这个功能合并+拆分都实现了,还在调整 拖动宽度 功能。

image
jschyz commented 3 weeks ago
image

等我本周实现了,我在pr

cycleccc commented 3 weeks ago

OK,table 这一块比较复杂,幸苦了🙏🙏🙏

jschyz commented 2 weeks ago

2024-07-02 20 33 08

拖动宽度已实现,未来2天检查下Bug

cycleccc commented 2 weeks ago

收到,👍👍👍方便的话可以看看是否能覆盖到对应的单测,现在还没有上 github robot,这个后面也会补上。

jschyz commented 2 weeks ago

WangEditor 支持 Table Cell 合并 [预览]

基础能力

  1. 拖动选择单元格,隐藏默认选区行为
  2. 合并 / 拆分 单元格

列拖拽

  1. 表头出现单元格合并,每列可单独拖动设置宽度
  2. 合并单元格内聚焦时,不会出现拖拽引导线

行列新增 / 删除

  1. 支持单元格区间内 新增 / 删除行列功能

宽度自适应

  1. 当Table宽度100%时,拖动单元格能力禁用。
(无法判断单元格哪个该新增宽度,哪个该减小宽度)
cycleccc commented 2 weeks ago

太赞了👍👍👍

jschyz commented 2 weeks ago

图片自适应

  1. 图片最大适应单元格 100% 宽度,不会存在撑大行为
  2. 修改图片自身尺寸最大限制 🚫
jschyz commented 2 weeks ago

修改点:

  1. core 类里,拖拽影响点

/package/core/src/text-area/syncSelection

image

packages/core/src/editor/dom-editor.ts

image
  1. basic-modules 类修改 图片宽度等

/package/basic-modules/src/modules/image/render-elem.tsx

image

table 合并单元格需要修改上面所示跨 package 文件,如可行,我就提交

cycleccc commented 2 weeks ago

可以提个 pr,我晚上回去看下,这两天在看输入法光标位置异常的 bug ,有点麻烦 。

jschyz commented 2 weeks ago

下周,改Bug改的要吐了,现在不能碰代码了

cycleccc commented 2 weeks ago

理解,祝周末愉快😂

jschyz commented 1 week ago

PR https://github.com/cycleccc/wangEditor-next/pull/31

没有尽善尽美,有很多关联没覆盖到,一起迭代吧

jschyz commented 1 week ago

修改点:

  1. core 类里,拖拽影响点

/package/core/src/text-area/syncSelection image

packages/core/src/editor/dom-editor.ts image

table 合并单元格需要修改上面所示跨 package 文件,如可行,我就提交

core package 修改的部分,解决了这个 issues

Chasonx911 commented 5 days ago

太棒了,感谢大佬,这个功能确实有很多用户迫切需要

whsqjss commented 2 days ago

合并后,使用getHTML获取html字符,再用setHTML回填,td中style="display:none"会被编辑器丢掉,导致合并掉的格子又会显示 image