【WordPress区块编辑器手册】面板
本文介绍面板组件的设计规范与用法,适用于区块检查器侧边栏。面板支持垂直展开和折叠列表内容,帮助用户概览多个相关区域并隐藏低优先级信息。通过箭头图标指示可折叠状态,提供标题、内容容器及滚动优化等属性,适合构建灵活友好的用户界面。
关于展开折叠的技术文章和开发文档。
本文介绍面板组件的设计规范与用法,适用于区块检查器侧边栏。面板支持垂直展开和折叠列表内容,帮助用户概览多个相关区域并隐藏低优先级信息。通过箭头图标指示可折叠状态,提供标题、内容容器及滚动优化等属性,适合构建灵活友好的用户界面。
@wordpress/rich-text 是 Gutenberg 项目中的核心模块,提供将 HTML 或 DOM 树转换为富文本值的辅助函数。它支持粗体、斜体、链接等格式操作,并能处理折叠选区与插入符状态。通过 RichTextValue 对象分离文本与格式,便于搜索和编辑复杂内容。此外,该包还包含创建、合并、截取及替换富文本值的 API,适用于构建可编辑的富文本编辑器组件。
这是一个关于表单字段筛选功能的配置说明文档,详细描述了如何配置字段的筛选器属性、操作符(如大于、包含、等于等)、布局类型(Regular, Panel, Card, Row, Details)以及相关的显示格式和摘要字段设置。该文档还提到了项目作为 Gutenberg 包的一部分,采用 monorepo 组织形式。
本文介绍 WordPress 6.4 中核心图像块的灯箱功能配置。通过 theme.json 文件,您可以全局启用或禁用图片点击展开效果,并控制用户是否能在后台编辑该设置。详细解析了 enabled 和 allowEditing 属性用法及默认主题代码示例。
这是一个关于代码风格指南的文档片段,主要涵盖了 JavaScript/TypeScript、React 和 PHP 的编码规范。
本文详细介绍 WordPress Gutenberg 仓库中的下拉菜单组件 DropdownMenu。该组件以紧凑方式显示操作列表,交互后以 Popover 形式出现。文章涵盖其结构、用法场景、正确与错误实践、位置规范及 React 属性配置,是开发者构建可展开按钮菜单的重要参考指南。
树形网格是一种分层二维 UI 组件,支持通过箭头键进行键盘导航。它专为构建如文件系统浏览器等复杂层级结构而设计。该功能目前处于实验阶段,旨在配合特定元素实现动态 tabindex 行为和键盘交互管理,遵循 WAI-ARIA 实践指南,确保良好的无障碍访问体验。
@wordpress/dom 是 WordPress 的 DOM 工具模块,提供丰富的 API 用于处理文档对象模型。该模块包含计算选区矩形、检查文本焦点、定位光标边缘、清理 HTML 脚本及替换节点等核心功能。适用于需要精细控制页面交互与内容结构的开发者,是 Gutenberg 项目的重要组成部分,支持跨元素操作与安全数据处理。
本文介绍@wordpress/eslint-plugin,一款专为WordPress开发设计的ESLint插件。它提供自定义规则和配置,涵盖i18n、React、TypeScript及Gutenberg组件规范。文章详细说明了从eslintrc到Flat config的迁移步骤、推荐预设安装方法以及各类细粒度规则集的使用场景,帮助开发者优化代码质量并遵循最佳实践。
本文介绍 WordPress Gutenberg 项目的 WidgetDashboard 软件包,这是一个用于构建小工具仪表盘的无状态渲染引擎。它支持拖拽重排、调整大小及模态插入等编辑功能。文章详细解析了其组件架构、样式系统、网格模型配置以及基于策略的用户权限治理机制,适用于在 WordPress 核心或外部环境中开发自定义仪表盘界面。