GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#8412018年2月6日作者 kewilson3 个回答
3 个反应

为所有 HTML 组件(元素)向模型添加默认的特性(属性)

你好, 我读过特性、组件和API维基,所有开放和封闭的问题都查过了。我甚至找到了你创建默认值(ID、标题、Alt)的代码。类似的问题曾被提出过,但没有一个能回答当前的问题。 对于每个HTML组件,我想在预设的默认属性(ID、标题、Alt等)之外添加一个默认属性(trait)。这包括在flexbox、div、input、images等中添加新特性,这样当选择设置时,我们会看到(以文本类型为例): 身份证 [占位文本] 标题 [占位文本] CrazyAttribute [占位文本] <<<==== 示例新默认属性(特质) 根据一些对问题的回复以及你的特质维基页面,特质示例都围绕着添加一个新组件展开,而我不想这么做,我希望所有现有的组件...

ryandeba

你好@kewilson, 你有几种不同的方法来实现这个目标......如果每个组件都需要这个自定义特性,我可能会覆盖默认组件类型的“初始化”方法,并添加它在那里。大致是这样的: 或者,你也可以直接把你的特性添加到组件的“默认值”中:

kewilson

嘿@ryandeba非常感谢你的建议。我装了第二个,默认设置也正常,正如你所预期的那样。 像链接、图片、输入这样的块,仅举几例,它不会添加属性,但这些必须有不同的分类。不过在我看来,这绝对是全面的成功。 再次感谢,非常感激。

josefph

@kewilson你能帮我在某个特定组件中添加另一个默认特性吗?

#8402018年2月5日作者 austinbiggs3 个回答
0 个反应

:拖拽元素时,误导性drop placeholder

GrapeJs 版本:13.8 本地文案 JSFiddle:https://jsfiddle.net/austinbiggs/tgsykuq4/ 这个bug有点难解释,但重写起来应该很直接。 我有菜单链接只能在父页面内拖拽,<nav>但拖动时,页面顶部会出现一个假掉落的占位符,尽管直接放那里没有任何作用,也不允许。 “”设置<nav>了“droppable”,只允许菜单链接被放入其中。链接只能在“''内拖拽。<nav> 这些截图展示了我自己例子中这个问题的表现。 ![截图 2018-02-05 12:58 26 PM](https://user-images.githubusercontent.com/930864/3582585...

artf

@AustinTBiggs 我不知道是不是只是这样,但你的链接里有“data-gjs-draggable=”.menu nav.menu“'',其实应该是”data-gjs-draggable=“nav.menu”之类的。

austinbiggs

@artf 虽然我不明白为什么需要这个改动(毕竟这是一个有效的选择器),但我还是做了改动。不幸的是,我仍然遇到这个问题。 我更新了我的Fiddle来展示这个

artf

你说的“.menu nav.menu”是指只能拖入嵌套菜单,也许应该是“.menu, nav.menu”? 这是我的版本,效果如预期 https://jsfiddle.net/wsn33167/

#8392018年2月5日作者 JulyanoF3 个回答
1 个反应

创建自定义选定的组件设置

面板中有更改组件设置的选项(链接有“不更改链接”- HREF - 和目标,文本、ID和标题,图片有alt属性)。我想知道如何创建那个输入,以及如何在所选组件中更改这个 attrs?我创建了一个面板视图作为CKEditor,在选择时更改文本组件,我希望这些水獭设置能保持在同一视图: 我还想在同一面板视图里创建一个输入(当没有选中任何组件时),它会改变生成的HTML的最大宽度,另一个则是改变背景颜色

arthuralmeidap

@JulyanoF, 抱歉,我漏看了括号。 是“编辑。TraitManager.getTraitsViewer().el'

arthuralmeidap

你要找的是:https://github.com/artf/grapesjs/wiki/Components

JulyanoF

@arthuralmeidap,但我该如何在当前命令中显示组件?

#8382018年2月5日作者 josefph3 个回答
4 个反应

我该如何将图片保存到数据库?

请多包涵,但文档真的很难理解。你们能帮我做这件事吗?

JulyanoF

@pranzikkin@pranzikkin它是一个文件数组:$FILES[“文件”]你可以调试浏览器的网络(控制台)查看响应。由于每次只传递一个文件,文件位于第一个位置,因此你可以取文件名 ($FILES['files']['name'][0]) tmp 名称 ($FILES['files']['tmpname'][0])...参考资料:PHP - 文件上传

arthuralmeidap

@pranzikkin 将URL输入“http\https”; 类似“http://<youraddress>”之类的

josefph

@JulyanoF感谢你的大力帮助。现在能用了。 @arthuralmeidap谢谢你的帮助。现在能用了。

#8372018年2月5日作者 RiyaThete3 个回答
0 个反应

Javascript 删除

每次我用导入插件导入时,JavaScript部分代码都会被删除。 有什么办法可以保存它吗? 我想直接使用导出的 html 文件,但现在因为缺少 javascript 而无法使用

arthuralmeidap

这个插件叫什么名字?

RiyaThete

![图片](https://user-images.githubusercontent.com/13497961/35861512-f99b936a-0b6d-11e8-931b-808e157a417c.png) 倒数第三个导入插件。该书可在 http://grapesjs.com/demo.html 上观看

arthuralmeidap

尝试运行“editor.getJs()”。 看看它是否返回之前导入的 JS。

#8362018年2月5日作者 kickbk2 个回答
1 个反应

拦截并防止资产被移除

你会如何拦截并防止资产被移除? 我怀疑在我们运行“asset:remove”时,图片可能已经被移除了。如果是,我们如何触及这些行为并寻求确认? 我之所以问,是因为我想把GJS中的删除和客户账户中图片的永久删除联系起来。

kickbk

文档里没提到。

lock[bot]

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

#8352018年2月4日作者 chiqui3d2 个回答
1 个反应

用自定义函数更新画布

我正在尝试创建一个函数来替换链接的所有属性,这些属性会在画布中发生变化,但当我用 editor.storage() 函数尝试时无法保存; 代码如下:

artf

@chiqui3d这样你只是更新了视图,输出代码是由model生成的(更新模型时,变化会反映在视图中) 所以你的例子大致是这样的 “''js const wrapper = 编辑器。DomComponents.getWrapper(); wrapper.find('a').forEach(aModel => aModel.addAttributes({ href: '.../...' })) ```

lock[bot]

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

#8342018年2月4日作者 Praunda3 个回答
2 个反应

有没有办法用集成的代码编辑器编辑最终的 HTML - CSS 代码?

你好!我想知道是否可以用代码编辑器编辑最终代码。

cjpollard

有人在这里发布了一段不错的代码。https://github.com/artf/grapesjs/issues/74#issuecomment-322427387

JulyanoF

@Praunda 获取 HTML 编辑:' editor.getHtml();' 要让CSS编辑:'editor.getCss();'

lock[bot]

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

#8332018年2月4日作者 rohanreddyg2 个回答
0 个反应

:点击带有事件的链接时,编辑器加载在另一个编辑器中

我正在尝试将已有的广告内容加载到GrapesJS编辑器中。用某个脚本拖拽新的自定义组件到编辑器时,编辑器会在根编辑器帧内加载。不确定是什么原因导致这个问题。 ![编辑内幕编辑](https://user-images.githubusercontent.com/240114/35776585-31657b76-09c5-11e8-8bff-a231748ede94.PNG)

artf

@rohanreddyg你能做一个你的案件的实时演示吗?

lock[bot]

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

#8322018年2月2日作者 chiqui3d3 个回答
4 个反应

避免设定的沉淀

你好, 当我添加一列(行)并添加背景色时,这个颜色会添加到我之前的所有颜色上,也会添加到你接下来添加的颜色上。 这真的是它的功能问题,还是个bug?

artf

@chiqui3d我确实更新了网格系统,使得行和列的编辑更加自然。 顺便说一句,我仍然认为图片的例子很好地展示了职业的“力量”,而不是“问题”。

ryandeba

你好@chiqui3d, 我猜这是因为选中的组件和其他组件属于同一类。演示中的那些图片都有职业“徽章-化身”,所以换一个就等于全部变了。我相信它正在按设计正常工作。

chiqui3d

@artf 是的,你说得对,我之前没这么想,现在我明白了。

浏览所有主题