问题 #2807💬 已回答提出于 2020年5月27日作者 alesub0 个反应

:启动编辑器“fromElement”在标签内创建组件,数据-gjs-type=“text”

快速解答作者 alesub

@artf澄清一下:这个bug是基于你在评论中描述的预期行为: https://github.com/artf/grapesjs/issues/576#issuecomment-348550694 还有带文字的 div 在演示页面上的表现。 如果我理解错了,请告诉我, 再次感谢!

阅读下方完整回答 ↓

问题

你好,

我目前正在尝试启动编辑器“fromElement”,在容器内设置以下 html:

<p data-gjs-type=“text” contenteditable=“true”>
洛雷姆ASD多洛尔坐着,正直,精华。Similique repellat <b>voluptatum</b>
Voluptas ex, esse error sed culpa <i>impedit</i>, <strike>eum amet </strike> laboriosam <strike>.
Doloribus, maxime fuga eum aliquid non doloremque </strike>soluta quod.
</p>

但执行时,grapesjs 在 '' 标签内创建组件<p>,即使将 'data-gjs-type' 属性设置为 'text'。我想做的是把待编辑的段落作为一个整体组件呈现。

你可以在这里看到问题的实际运作:https://codepen.io/alesub/pen/xxwNaPd

谢谢你提供这个很棒的工具!

回答(3)

alesub2020年6月1日

你好,你有进展吗?让我迷惑的是,演示页面上没有这个问题,任何加粗或斜体文字保存或重新加载后都不会变成独立组件。

任何见解我都会非常感激, 谢谢!

相关问答

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

问题 #2205

保存后文本组件转换为 Box

我有一个自定义组件,当我把它放进一个文本组件里(我用的是扩展原始文本组件的自定义文本组件)时,保存并重新加载HTML/CSS后,我遇到了同样的问题——文本组件会转换成一个Box。我用自定义属性,但无论哪个属性,组件类型都会从文本转换成默认。 附言:自定义组件在双击后可以编辑。...

3 个回答更新于 2019年8月22日

问题 #4503

CKEditor 在添加原始 HTML 组件时使用的缺少内联样式

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 v96 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?在控制台标签页打开开发者工具运行下...

4 个回答更新于 2024年8月6日

问题 #3579

在放置“activeOnRender”组件后立即打开RTE时丢失了

版本: 0.17.4 你能重现演示中的bug吗?[x] 是的[ ] 不 繁殖步骤:前往[演示](https://grapesjs.com/demo.html)在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置(参见[附图](https://user-i...

4 个回答更新于 2022年1月17日

问题 #4400

Bootstrap 旋转木马滑块无法工作

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 无链接 描述一下那个虫子 如何复现这个漏洞?...在 GrapesJS init 函数中添加 Bootstrap...根据 Bootstrap 文档添加滑块组件...滑块只显示...

3 个回答更新于 2022年6月28日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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