问题 #2878💬 已回答提出于 2020年7月6日作者 fedulovivan0 个反应

不可能让H1的一部分变得非粗体

快速解答作者 robsonsobral

这在我看来是逻辑上的缺陷。“<Hn>元素不是粗体,而是标题。正如你提到的,即使是内置编辑器里的浏览器原生“execCommand”也不知道该怎么做。 @fedulovivan,你有没有针对这种情况的HTML标记建议?

阅读下方完整回答 ↓

问题

步骤:

预期:

  • 所选文本变为非粗体

实际情况:

  • 文字保持粗体

以上步骤是针对CKE编辑器,现在已在通讯演示中启用。

内置编辑器的行为则有些不同: 在编辑激活期间,所选单词的样式会变为非加粗。生成的HTML也包含正确的样式。但 Canvas 在编辑完 H1 后又会显示为加粗。

请看演示: ![标题不加粗](https://user-images.githubusercontent.com/752105/86582251-06481200-bf8a-11ea-9c7b-6d8e0114bee5.gif)

回答(3)

robsonsobral2020年7月7日

这在我看来是逻辑上的缺陷。“<Hn>元素不是粗体,而是标题。正如你提到的,即使是内置编辑器里的浏览器原生“execCommand”也不知道该怎么做。

@fedulovivan,你有没有针对这种情况的HTML标记建议?

fedulovivan2020年7月8日

嗨,@robsonsobral 由内置RTE生成的HTML是正确的: 原文: “<h1>请在此插入标题</h1>” 在将“title”非加粗字词后: '<h1>插入 <span style=“font-weight: normal”>title</span></h1>'

问题是画布上的渲染不正确。整篇文章依然粗体。

robsonsobral2020年7月10日

我稍微深入探讨了一下。模糊事件后,标记从“<span style=”font-weight: normal“>title</span>' 变为 '<span data-gjs-type=”default“><span data-gjs-type=”text“>title </span></span>'。如果我再试一次,它变成了“<span data-gjs-type=”default“><span data-gjs-type=”default“><span data-gjs-type=”text“>title </span></span></span>'。 除了 markdown,很难有一个...

相关问答

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

问题 #1936

绝对/设计模式

大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...

3 个回答更新于 2025年1月8日

问题 #2722

高亮和工具栏在外部滚动中位置错误

你用的是最新版本吗(旧版本不支持)?是的 你是在本地版GrapesJS遇到这个bug,还是当前的演示版?地方操作系统:Archlinux浏览器:Firefox 74.0 和 Firefox 开发者版 75.0b11葡萄:v0.16.3 预期的行为是什么?高亮应在外部滚动时更新其...

3 个回答更新于 2023年11月16日

问题 #761

文本分量问题

嗨。我希望有个文本组件,不会每次按“回车”键创建新段落时都生成新组件(这不方便使用)。此外,葡萄核心的实际文本部分存在一个问题(见下面的截图)。提前感谢大家的关注! ![动图-屏幕葡萄](https://user-images.githubusercontent.com/777...

3 个回答更新于 2021年2月20日

问题 #2207

:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件

给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...

3 个回答更新于 2020年1月2日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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