如何自定义侧边栏中注释列表里“备注”注释内容的字体和大小？ – 福昕PDF支持中心

福昕首页
开发中心
SDK文档资料
插件商店

福昕首页
开发中心
SDK文档资料
插件商店

企业自动化
- Compressor
福昕CloudAPI
福昕PDF SDK 软件开发工具包
福昕管理控制台
福昕阅读器
- RMS插件
福昕高级编辑器
- AI助手
- Mac版本
  - 常规问题
- Windows版本
  - 表单
  - ECM集成
  - 互联PDF
  - 企业管理指南
  - 保护
  - 内容编辑
  - 创建PDF
  - 压缩
  - 图章
  - 安装与卸载
  - 常见问题
  - 打印
  - 注释/评论
  - 福昕插件
  - 翻译助手
  - 翻译助手教程
  - 试用与激活
  - 转换
  - 页面管理
- 教育用户
- 网页版
  - Foxit eSign
  - 电子签章
- 订阅
- 资源
福昕高级编辑器Linux版本
福船图纸管理系统

福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)

标签:
FAQ,侧边栏,列表,字体,样式,注释

如何自定义侧边栏中注释列表里“备注”注释内容的字体和大小？

福昕知识库
2026-07-08

概述

在WebSDK中，内置的注释列表侧边栏（即左侧边栏的“注释”选项卡）本身不直接提供修改列表内容字体和尺寸的API接口。

不过，您可以通过CSS样式覆盖的方式，或者借助WebSDK的扩展能力自主构建一个完全符合您需求的注释列表来实现这一效果。

以下是两种主要的实现路径。

方法一：通过CSS样式覆盖（快速调整）

这是最直接的方法，适用于需要快速调整内置列表样式的场景。

您可以直接修改WebSDK内部用于渲染注释“备注”内容的CSS类——fv__ui-commentlist-comment-message，通过覆盖其font-size、font-family等属性来实现样式变更。

操作示例：
在您的项目样式文件中，添加或覆盖以下CSS规则：

.fv__ui-commentlist-comment-message {
font-family: ‘宋体’, ‘SimSun’, serif; /* 自定义字体 */
font-size: 16px; /* 自定义大小 */
}

注意：

请确保您的自定义样式在WebSDK默认样式之后加载，以确保覆盖生效。
由于这是针对特定内部类的样式覆盖，请留意SDK版本更新可能带来的类名变更风险。

方法二：构建自定义注释列表（完全控制）

如果需要更灵活的布局、交互或样式控制，推荐使用此方案。WebSDK提供了丰富的API，让您有能力获取所有注释数据，并构建自己的UI组件。

1. 获取所有注释数据

您可以使用WebSDK的API遍历文档页面，获取所有注释信息。这是实现自定义列表的数据基础。

核心API参考：

PDFDoc.getPageCount()
PDFPage.getAnnots()
Annot.getContent()、Annot.getType() 等

您可以从官方文档的注释概述章节获取更详细的接口说明和示例代码。

2. 添加自定义侧边栏

WebSDK支持您添加一个全新的侧边栏选项卡。您可以参考官方指南中的自定义侧边栏部分，了解如何创建和注册一个自定义侧边栏组件。

实现思路：

创建UI组件：使用您熟悉的前端框架（如Vue、React）或原生HTML/CSS/JS，设计一个包含列表的侧边栏。
填充数据：在侧边栏初始化或文档加载完成后，调用上述API获取注释数据，并将数据渲染到您自定义的列表项中。
完全控制样式：此时，列表的每一项都由您的代码生成，您可以自由控制其字体、大小、颜色、布局乃至交互行为。

免费获取 SDK 试用

相关内容

如何批量删除多份文件中的页眉页脚

多份PDF文档批量打印不同份数？福昕来帮你！

在线批注PDF后，如何将不带注释数据的文件流回传服务器？

在福昕高级PDF编辑器中如设置常用图章

在福昕高级PDF编辑器中如何将鼠标滚轮为缩放操作

粘贴图像到PDF文件

取消增强细线选项解决字体毛刺现象

32位电脑安装64位安装包报错提示

如何设置启动软件启动时开启上一次会话

选择文本或图像时不显示浮动工具条该如何处理

推荐内容

如何批量删除多份文件中的页眉页脚

多份PDF文档批量打印不同份数？福昕来帮你！

在线批注PDF后，如何将不带注释数据的文件流回传服务器？

在福昕高级PDF编辑器中如设置常用图章

在福昕高级PDF编辑器中如何将鼠标滚轮为缩放操作

粘贴图像到PDF文件

取消增强细线选项解决字体毛刺现象

32位电脑安装64位安装包报错提示

如何设置启动软件启动时开启上一次会话

选择文本或图像时不显示浮动工具条该如何处理

产品

应用行业
白皮书

开发支持

开发中心
SDK文档资料

销售咨询：010-50951668

客服电话：0591-38509808

销售咨询

微信公众号

©2026 福建福昕软件开发股份有限公司版权所有