PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #6736💬 已回答提出于 2026年4月2日作者 HussainDeesa0 个反应

ProseMirror RTE 中列表/项目符号的问题,列表/项目符号不会自动缩进

快速解答作者 GJS Helper

你遇到的列表/项目符号在 GrapesJS ProseMirror RTE 中不会自动缩进的问题是常见的样式问题,而不是 ProseMirror 核心列表处理的功能性错误。grapesjs-plugin-rte-prosemirror 插件正确集成了 ProseMirror 的列表模式,该模式负责你按 Tab 或 Shift + Tab时列表项的结构嵌套。不过,视觉缩进纯粹是 CSS 的问题。 根本原因 根本原因是,<ul>和<ol>元素的默认浏览器样式,通常提供缩进的padding-left或margin-left,常常被全局 CSS 重置或GrapesJS在编辑器画布内的基础样式重置或覆盖。ProseMirror 专注于管理内...

阅读下方完整回答 ↓

问题

GrapesJS版本

  • 我确认使用最新版本的GrapesJS

你用的是什么浏览器?

克罗姆

可复制演示链接

https://codesandbox.io/p/sandbox/hrdwnl

描述一下那个虫子

预期的行为是什么?

添加项目符号时默认应该有缩进,点击Tab键时也应该有缩进。

目前的行为是什么?

https://github.com/user-attachments/assets/af5f14c4-9988-4c53-a341-5955f6ef1643

行为准则

  • 我同意遵守本项目的行为准则

回答(1)

GJS Helper• 2026年5月17日

你遇到的列表/项目符号在 GrapesJS ProseMirror RTE 中不会自动缩进的问题是常见的样式问题,而不是 ProseMirror 核心列表处理的功能性错误。grapesjs-plugin-rte-prosemirror 插件正确集成了 ProseMirror 的列表模式,该模式负责你按 Tab 或 Shift + Tab时列表项的结构嵌套。不过,视觉缩进纯粹是 CSS 的问题。 根本原因 根本原因是,<ul>和<ol>元素的默认浏览器样式,通常提供缩进的padding-left或margin-left,常常被全局 CSS 重置或GrapesJS在编辑器画布内的基础样式重置或覆...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。