pingcode logo
功能日记

v3.67.0:折叠列表功能上线


更新内容

  1. 新增折叠列表功能
  2. 新增页面预览支持标题折叠
  3. 新增页面预览支持勾选待办列表
  4. 新增知识库目录树拖拽和折叠功能
  5. 新增及优化页面创建方式
  6. 新增表格序号列功能
  7. 新增支持代码块更多代码类型

新增折叠列表功能

在编辑页面的上方工具栏或者输入 ‘/’ 唤起的快捷菜单中,选择插入「折叠列表」,然后输入标题,展开后输入折叠内容即可:

截屏2022-03-31 下午2.38.25.png

折叠内容的编辑支持丰富的文本格式和任意插入元素,可以随时收起或展开次级内容,从此页面编辑更加灵活轻便,页面展示突出重点,更有层次感:

image.png

在页面发布后,内容折叠状态将被保存,页面阅读和演示都将支持内容折叠的操作和展示:

截屏2022-03-31 下午2.56.22.png

新增页面预览支持标题折叠

阅读或演示发布的预览页面时,可以收起和展开所有层级标题的内容(标题 1 ~标题 4 都已支持折叠),方便大家更好地阅读:

截屏2022-03-31 下午3.09.00.png

点击收起高层级标题将同时折叠其下方的低层级标题及内容,右侧目录大纲的标题也将同步折叠状态:

截屏2022-03-31 下午3.09.35.png

新增页面预览支持勾选待办列表

在阅读或演示发布的预览页面时,有编辑权限的成员可以点击勾选待办列表内容,预览页面的勾选状态将同步到编辑页面中:

截屏2022-03-31 下午3.12.41.png

新增知识库目录树拖拽和折叠功能

打开知识库详情,鼠标移动至左侧目录树的边距线将出现拖拽图标,长按向右拖拽调整目录树宽度,可以查看更多目录树的页面标题和结构详情:

注:支持最大拖拽宽度为页面1/2处

截屏2022-03-31 下午3.21.22.png

向左拖拽调小目录树宽度,可以拓宽页面预览区域,查看更多页面内容:

截屏2022-03-31 下午3.19.26.png

鼠标移动至目录树的边距线同时将出现「收起」图标,点击后整个目录树将自动折叠收起:

截屏2022-03-31 下午3.22.44.png

收起后点击「展开」图标,将再次显示目录树,也可以通过拖拽边距线展开:

截屏2022-03-31 下午3.23.11.png

切换至其他知识库时,上一个知识库目录树的拖拽宽度和折叠状态也将被保存。

新增及优化页面创建方式

点击知识库目录树页面标题的「更多」→「新建页面」,除了新建当前页面的子页面,新增了「上方新建页面」和「下方新建页面」创建方式,方便在目录树层级较多时能更准确地创建添加页面:

  • 点击「子页面」选项,新建页面为当前页面的子页面。
  • 点击「上方新建页面」或「下方新建页面」选项,新建页面为当前页面的上方同级页面或下方同级页面。
截屏2022-03-31 下午3.37.15.png

此外,还优化了目录树上方的「新建页面」逻辑:点击「新建页面」图标时,新建页面逻辑如下:

  • 如果当前知识库预览页面为主页,新建页面为父级页面。
  • 如果当前知识库预览页面为父级页面,新建页面为该页面的子级页面。
  • 如果当前知识库预览页面为子级页面,新建页面为该页面的子级页面。
截屏2022-03-31 下午3.35.41.png

新增表格序号列功能

在编辑页面点击插入表格的左上方,出现表格菜单栏,点击「表格选项」→「序号列」,当前表格左侧将出现序号,可以快速显示当前表格的行数,再次点击可以取消显示序号:

截屏2022-03-31 下午3.30.06.png

新增支持代码块更多代码类型

在编辑页面点击插入的代码块,出现代码块菜单栏后点击切换代码类型,可以看到新增了更多的常用编程语言,包括C,C++,C#,Java,Typescript,使得代码阅读体验更佳:

截屏2022-03-31 下午3.38.44.png