不可能让H1的一部分变得非粗体
这在我看来是逻辑上的缺陷。“<Hn>元素不是粗体,而是标题。正如你提到的,即使是内置编辑器里的浏览器原生“execCommand”也不知道该怎么做。 @fedulovivan,你有没有针对这种情况的HTML标记建议?
阅读下方完整回答 ↓问题
步骤:
- https://grapesjs.com/demo-newsletter-editor.html 开放通讯演示
- 清洁画布
- 删除“文本部分”
- 选择H1内的任何单词,例如单词“title”
- 按粗体修饰键一两次
预期:
- 所选文本变为非粗体
实际情况:
- 文字保持粗体
以上步骤是针对CKE编辑器,现在已在通讯演示中启用。
内置编辑器的行为则有些不同: 在编辑激活期间,所选单词的样式会变为非加粗。生成的HTML也包含正确的样式。但 Canvas 在编辑完 H1 后又会显示为加粗。
请看演示: 
回答(3)
这在我看来是逻辑上的缺陷。“<Hn>元素不是粗体,而是标题。正如你提到的,即使是内置编辑器里的浏览器原生“execCommand”也不知道该怎么做。
@fedulovivan,你有没有针对这种情况的HTML标记建议?
嗨,@robsonsobral 由内置RTE生成的HTML是正确的: 原文: “<h1>请在此插入标题</h1>” 在将“title”非加粗字词后: '<h1>插入 <span style=“font-weight: normal”>title</span></h1>'
问题是画布上的渲染不正确。整篇文章依然粗体。
我稍微深入探讨了一下。模糊事件后,标记从“<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等工具里的操作。这样移动组件会...
问题 #2722
高亮和工具栏在外部滚动中位置错误
你用的是最新版本吗(旧版本不支持)?是的 你是在本地版 GrapesJS 还是当前试玩版遇到这个bug?本地版操作系统:Archlinux浏览器:Firefox 74.0 和 Firefox 开发者版 75.0b11Grapes:v0.16.3 预期的行为是什么?高亮应在外部滚...
问题 #2189
如何在RTE/自定义块中添加“有序/无序列表”选项
嗨 我正在尝试用 grapesjs创建一个有序列表。我尝试在 RTE 中添加以下内容: 如果我的页面在编辑器初始化时预先填充了 html,这个方法就适用,比如下面: 预填充编辑器: 。此外, grapes 核心的文本组件存在一个问题(下面的截图中有描述)。提前感谢大家的关注! ![动图屏幕-grapes](https://user-images.githubuserco...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。