问题 #2508💬 已回答提出于 2020年1月14日作者 alexiswbr1 个反应

在最终 HTML 文本组件中添加的可拖拽属性

快速解答作者 artf1

好的,我会试着去看看

阅读下方完整回答 ↓

问题

这个漏洞也出现在在线演示中:https://grapesjs.com/demo.html

  1. 在页面上添加文本块,开始输入并按回车键,形成多行分隔。
  2. 取消选择该块。
  3. 双击该块重新开始编辑。

现在如果你点击“查看代码”按钮,你会看到文本块内的HTML节点有一些“draggable=”true“属性。 这总是在第三步发生。第一次编辑文本并添加断行时,只要你不想以后再编辑区块,一切都没问题。

问题是,在网站最终显示的 HTML 中,这些属性依然存在。你无法选择任何东西,因为导航员会解释可拖拽属性。 是的,我会分别保存“html”和“组件”两个

我觉得这像是个bug,或者我误解了别的什么

![draggable-html-bug-1](https://user-images.githubusercontent.com/15452514/72326985-831bc280-36b0-11ea-8bbe-4cea0b751d9b.png) ![可拖拽的HTML-bug-2](https://user-images.githubusercontent.com/15452514/72326991-84e58600-36b0-11ea-8609-08a04aa2e44e.png)

回答(3)

artf2020年1月18日

好的,我会试着去看看

pouyamiralayi2020年1月14日

@alexiswbr使用下面的摘要,'div' 将变成 'br'',作为预期的行为:

obrazkow2020年1月14日

我用这种方式防止被转换成组件,同时保留原始 html。 只需覆盖你需要的组件,比如“文本”或创建新组件即可。 也许这不是个好办法,但确实有效:)

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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