GrapesJS 问题

NorthstarTech

https://github.com/ryandeba/grapesjs-html-block。 看看这个插件。它帮助我们编写了自己的模块，提供了类似的功能，但用了 HTML。

lock[bot]

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

ryandeba

你好@Deepak813， 如果你让用户输入任何他们想要的iframe代码，这听起来不像是视频组件。如果组件允许你输入自定义的“iframe代码”，看起来它也会允许输入一些非iframe的HTML（“<div>foobar</div>”），甚至是不指向视频的有效iframe的HTML（'<iframe src=“http://github.com”></iframe>'）。你想如何防止这种情况？你有其他编辑的例子可以链接吗？我很想知道这些是怎么运作的，也许是我没想清楚。 你...

Deepak813

你好，@ryandeba， 谢谢你的留言。 视频中自定义HTML输入的具体场景非常简单。如果用户输入任何非iframe的HTML，我们会显示错误信息，就像vimeo视频类型所示;或者如果用户输入任何指向视频的iframe（<iframe src=“http://github.com”></iframe>），那么无论src有效还是无效，iframesrc都会显示该错误。如果是有效的src，则显示视频;如果无效，则显示空白iframe。 此外，由于我们在模板构建器中为用户提供了...

ryandeba

感谢你补充的细节@Deepak813——我现在对你想实现的目标有了更清晰的了解。如果你有范例，我还是很想看看。与此同时，我会考虑如何实现这一点。

artf

你好@attaalive我会在下一个版本中添加设置设备高度的功能。说实话，我不太明白你说的“编辑的边缘属性不起作用”是什么意思

attaalive

你好，感谢你的回复。我添加了一个带有宽度和高度的设备。我给出了设备尺寸，单位是英寸，而不是像素。现在边距、填充和位置都不起作用了。请看下面的截图。 ![grapesjs]（https://user-images.githubusercontent.com/6896243/33711713-c17eb17e-db66-11e7-85e1-8349ed6b6cf6.png） 此致

artf

@attaalive你能举个实时例子吗（比如jsfiddel）？你的截图对具体哪里不起作用有模糊说明

artf

'3.拖回方块面板' 说实话，我从没见过那种用户体验......为什么不用经典的“Esc”呢？（这已经能用了）

artf

@Geczy 现在块支持 HTML5 D&D https://github.com/artf/grapesjs/releases/tag/v0.13.5 ![拖拽]（https://user-images.githubusercontent.com/11614725/34922228-463a34ee-f98d-11e7-9ca6-06e65b0c2741.gif）

Geczy

这在任何地方都很常见的用户体验 https://w3c.github.io/html/editing.html#drag-and-drop无论实现方式如何，拖放操作必须有起点（例如鼠标点击的位置，或被选中的元素的起点），可以有任意数量的中间步骤（鼠标在拖动过程中移动的元素，或用户在循环选择时选择的可能丢弃点）， 并且必须有一个终点（鼠标按钮松开的元素，或最终被选中的元素），或者被取消。终点必须是掉落发生前最后被选为可能丢弃点的元素（因此如果操作未被取消，中间步骤中至少有一个...

DeathStapler

所以当我设置： 'contentTypeJson： true， ' 结果为： 我现在可以从数据库加载了。 但现在它无法保存，因为它以 JSON 形式发送数据。 我怎样才能把数据发送成POST变量，但接收到的是JSON？

artf

@shareefhiasat我在这里解释如何使用它们 https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates

duskhacker

@DeathStapler 这是我的长相： 一开始让我注意到的是，资产、组件和样式应该是数组，而字符串是空的。 “内容类型”是正确的。

fguslinski

你好，我用以下配置解决了这个问题： 'Grapesjs.init（{ colorPicker： { 附录：'父'， 偏移：{ 顶部：26，左：-166， }， }, })` 也许你需要调整一下上下两个位置，因为我改了一些尺寸。但在这里效果非常好。

swarnat

我遇到过完全一样的问题，多亏了你提供的ColorPicker.js我终于解决了。 就像artf说的，当编辑器弹出时，位置的计算是错的，比如Bootstrap Modal。 所以我把修正线[这里]（https://github.com/artf/grapesjs/blob/46196a1e90af1514719e123c8038cc3fa93f1a81/src/utils/ColorPicker.js#L1098）替换成这样： “JavaScript offset.left...

artf

你能举个具体例子说明这个问题吗？（jsfiddle、CodePen等）

ateshuseyin

有人有什么想法吗？

artf

可惜我还没抽出时间去调查这件事

ateshuseyin

这个问题解决了吗？

duskhacker

抱歉，我不能回答你的问题，而且我可能说得不太对劲;在我看来，你花时间处理一些“需要帮助”的问题和漏洞，比把这些分叉进Angular框架更合适。对我来说，这似乎是付出很多努力却收获甚微。

lock[bot]

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

duskhacker

我遇到过各种 CKEditor 链接编辑器的问题。 我放弃了，禁用了 CKEditor 中的链接编辑器，改用 GrapesJS 提供的链接组件。

NorthstarTech

所以CKeditor里没有链接按钮的解决方案吗？ 2017年12月1日星期五，丹尼尔·P·泽佩达（Daniel P. Zepeda）宣布<[email protected]> 写道： 我遇到过各种 CKEditor 链接编辑器的问题。 我放弃了，禁用了CKEditor里的链接编辑器，改用链接 由GrapesJS提供的组件。 — 你收到这个帖子是因为你写了这个帖子。 直接回复此邮件，请访问GitHub查看 <https://github.com/artf/gra...

lock[bot]

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

artf

@krunal039绝对可行，但我觉得你必须自己做，因为这对剪辑师来说绝对不是必备功能

krunal039

@artf谢谢回复。有没有什么活动可以用来实现同样的效果？还是必须在编辑器之外？

artf

使用本地 JS 事件