GrapesJS 问题

arthuralmeidap

请看这里：https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components 它展示了如何为现有类型的添加或移除自定义特质。这可能会帮到你

MisterFK

谢谢，但我不想更改类型，只想更改一个选中的元素的类型...... 如果我更改组件的特性，所有带有该类型的其他元素都会被更改，这并不是目的。

artf

我没找到更改编辑器中已插入元素类型的方法。 如果你想把“'改<div>成'<img>...，解决方案是一样的。所以你会把它移除，然后用同一个索引的另一个组件替换

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

“getHtml”是基于组件模型数据的，你可能只是修改了它的视图数据（例如'this.$el.append（'<i class=“fa ...'）'）。仔细阅读这部分 https://grapesjs.com/docs/modules/Components.html

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

japo32

这是我们使用localStorage的实现，以防有人需要解决方案。 剪贴板API本来会是个很棒的跨浏览器解决方案，但目前还没被广泛使用。

lexoyo

我没试过，只是看了代码 粘贴在主体里时不会触发粘贴事件 而且每次粘贴后都会添加 CSS 的样式标签......一定有更好的方式处理这些风格，我很快会去看看

artf

是否可以在打开编辑器的情况下实现两个不同页面之间的复制粘贴 如果你指的是两个不同的标签页，我觉得不行。显然，你要处理不同的编辑器实例，所以你得想办法让它们互相通信（比如如果你们在同一域，就用localStorage）。

noogen

第28行，你已经在第23行做了，所以你是要过滤两遍？ am.render（am.getAll（）.filter（assets））; 我这样做时工作：am.render（assets）;

NicoEngler

太棒了，谢谢你的提醒！@noogen

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

NicoEngler

你好，解决这个问题的一个尝试可能是：找到画布的i帧找到iframe内的鼠标位置 为此，你可以将 StackOverflow 共享的功能合并。 第一步可以用这里找到的函数来完成： https://stackoverflow.com/a/1452885/8658366 第二步可以用这里的函数来完成： https://stackoverflow.com/a/7790764/8658366 我把这些内容合并了，给你准备了一个演示：https://jsfiddle.net/6f3rw...

MisterFK

谢谢你，artf， 我已经尝试在iframe上捕捉onmouseup或onmousemove事件（而且是有效的），但拖放方块时事件没有触发（可能是因为鼠标在方块图像上）...... 没有事件葡萄能获得掉落位置（绝对位置）吗？ 再次感谢！

NicoEngler

首先，我不是Artf（:)其次，安排一个我们可以合作解决你问题的演示。

arthuralmeidap

是的，GrapesJS不是那样工作的。 在这种情况下，你需要获取引用并使用 GrapesJS 提供的 API 来处理这些更改。 请看这里：https://reactjs.org/docs/refs-and-the-dom.html

ramusesan

是的，有效......用ref转DOM时很棒，而且用Grapes JS的API处理更改 谢谢@arthuralmeidap

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

你好@sunhillbd我不太清楚那期有什么不清楚的地方，但我觉得你只需要知道[这里]（https://github.com/artf/grapesjs/issues/499#issuecomment-343482511）。用 ['BlockManager.render']（https://grapesjs.com/docs/api/block_manager.html#render） 方法，你可以控制块列表，选择哪些逻辑/界面（选择输入、标签、搜索等），由你决定

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。