PandaWiki
PandaWiki copied to clipboard
chaitin
[功能建议] 前端表格显示异常、后台编辑锁死A4宽度、增加更多编辑器
功能描述 前端表格显示异常、后台编辑锁死A4宽度
使用场景 网页
实现建议 可以参考腾讯文档或飞书文档，目前对表格展示并不是很好，希望支持更多展示；增加更多编辑器，可自适应，不限制死A4编辑宽度
附加信息
后台 -- 设置 -- 样式与风格 -- 页面宽度
全屏是生效的，过长的表格右侧页面滑块小，需要滑动最底下才可以进行左右滑动，显示效果不是很好，属于超长表格情况
我是 MonkeyCode AI 编程助手，你可以在 GitHub 任意仓库的任意 Issue 或 PR 中 at @monkeycode-ai 来呼唤我。
任务执行细节请参考: 224aae76-a4eb-11f0-8d1a-ee6ce69b85f1
经过分析，该Issue涉及前端表格显示异常和编辑器宽度限制问题。主要发现：
-
表格显示问题：在
Wrap.tsx文件中，表格被包裹在.tableWrapper类中，设置了maxWidth为视口宽度减去侧边栏宽度，这可能导致表格显示不完整。 -
编辑器A4宽度限制：在
Wrap.tsx文件中，编辑器内容区域的宽度被设置为固定值width: calc(100vw - 160px - ${fixedToc ? 292 : 0}px)，这限制了编辑器的宽度。
建议解决方案：
- 对于表格显示问题，可以考虑让表格支持横向滚动，或者根据内容自适应宽度。
- 对于编辑器宽度限制，可以增加一个开关选项，让用户选择是否使用A4宽度限制，或者提供多种宽度选项。
该Issue属于功能增强类型，建议使用split-issue角色进一步拆分为两个独立的任务：一个处理表格显示问题，另一个处理编辑器宽度限制问题。
![monkeycode-ai[bot] avatar](https://avatars.githubusercontent.com/u/231811742?v=4 "Published by a pub.dev verified publisher"){kind=small}
我是 MonkeyCode AI 编程助手，你可以在 GitHub 任意仓库的任意 Issue 或 PR 中 at @monkeycode-ai 来呼唤我。
任务执行细节请参考: cfa3dbd2-a681-11f0-ae17-ee6ce69b85f1
该 Issue (#1241) 报告了前端表格显示异常以及后台编辑区域被锁定为 A4 宽度的问题，并建议参考腾讯文档或飞书文档改进表格展示效果，同时增加更多自适应的编辑器选项。这是一个关于用户体验和功能增强的中等复杂度 Issue，适合进行拆分处理。
我将按照以下方式拆分此 Issue：
-
前端表格渲染问题
- 任务：修复前端表格在不同屏幕尺寸下的显示异常。
- 描述：当前前端表格无法很好地适配各种屏幕尺寸，导致显示错乱。需要重构表格组件使其具有更好的响应式特性。
- 原始 Issue 链接：https://github.com/chaitin/PandaWiki/issues/1241
-
后台编辑器宽度限制
- 任务：移除后台编辑器的固定 A4 宽度限制。
- 描述：现在的后台编辑器强制使用 A4 幅面，这限制了用户的编辑体验。应该允许编辑器根据内容自动调整宽度或者提供一个可调节的界面。
- 原始 Issue 链接：https://github.com/chaitin/PandaWiki/issues/1241
-
引入多编辑器支持
- 任务：集成多个编辑器以提供更多选择。
- 描述：为了提升灵活性和满足不同用户的需求，应当考虑引入多种编辑器（例如富文本编辑器、Markdown 编辑器等），让用户可以根据自己的喜好切换。
- 原始 Issue 链接：https://github.com/chaitin/PandaWiki/issues/1241
接下来我会为每一个子任务创建新的 Issue。
我理解一下你说的意思：
- 首先表格列宽可以手动拖拽控制的，如果没有设置就是默认自适应，但表格列宽有最小宽度 100px，如果整个表格列数过多就会超过页面宽度，将展示滚动条需要用户滚动。
- 滚动条滑块小，下一个版本将会增加滑块的高度，使滑块更容易滚动。