不可能让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.0b11葡萄:v0.16.3 预期的行为是什么?高亮应在外部滚动时更新其...
问题 #761
文本分量问题
嗨。我希望有个文本组件,不会每次按“回车”键创建新段落时都生成新组件(这不方便使用)。此外,葡萄核心的实际文本部分存在一个问题(见下面的截图)。提前感谢大家的关注! ![动图-屏幕葡萄](https://user-images.githubusercontent.com/777...
问题 #2207
:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件
给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。