GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#8472018年2月8日作者 ghost2 个回答
1 个反应

我需要grapesjs-preset-webpage.js文件来理解编辑器选项。

如何将(grapesjs-preset-webpage.min.js文件)变成(grapesjs-preset-webpage.js)文件以理解编辑器选项。感谢你所做的精彩工作和帮助。

arthuralmeidap

去 GitHub 上的 Grapesjs-preset-web page 仓库,查看源代码。 在那里你可以查看所有代码,确认你需要什么。 回购:https://github.com/artf/grapesjs-preset-webpage

lock[bot]

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

#8462018年2月7日作者 davidherlopgt3 个回答
0 个反应

当我尝试向表格添加行时出现错误

大家好 我开始使用 Grapesjs,遇到了一个问题,我尝试添加三个新命令来创建表格,添加行和单元格,表格运行良好,但当我向表格添加行时,会出现这个错误:“目标位置无效:找不到目标集合,目标不可丢弃,接受[未定义],组件不可拖拽, 被[未定义]接受“,有人能帮帮我吗?这是我的代码: 感谢你的帮助 '<script type=“text/javascript”> VAR Editor = Grapesjs.init({ 身高:“100%”, 展示偏移集:1, noticeOnUnload: 0, storageManager: {autoload: 0}, 容器:“#gjs”, fromElement: true, 插件: ['GJ...

davidherlopgt

我忘了我用的版本是 Grapesjs - 0.13.5 <link rel=“stylesheet” href=“Config/grapesjs-dev/dist/css/grapes.min.css”> <link rel=“stylesheet” href=“Config/grapesjs-preset-webpage-master/dist/grapesjs-preset-webpage.min.css”/> <script src=“Config/grapesjs-...

artf

@davidherlopgt 你试过用[内置表组件](https://github.com/artf/grapesjs/tree/dev/src/dom_components/model)而不是扩展它们吗? 顺便说一句,请制作一个现场演示

davidherlopgt

你好,artf,谢谢你的回答,我尝试用table组件,我可以在标题和正体中添加一个行和一个单元的Table,也许缺点是如果我把头的行颜色改成了,正体也会变,所以我必须把类从正文行移除,这样它才不会受到影响 我会按你要求添加现场演示 [grapesjslivedemo.zip](https://github.com/artf/grapesjs/files/1707098/grapesjslivedemo.zip)

#8452018年2月7日作者 chiqui3d3 个回答
1 个反应

无法选择 Iframe

我创建了一种新的组件类型,一个通用iframe,避免选择地图,但当我尝试在画布中选择它以显示定点时,我无法实现。 这是组件代码。

artf

嘿,@chiqui3d试着从[ComponentMapView](https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentMapView.js)复制view逻辑。基本上你无法选择它,因为里面的所有元素都和iframe元素重叠(iframe里的元素不在编辑器的范围之外)。 正如你从地图上看到的,基本上你必须把“iframe”包裹在“div”里,并通过“gjs-no-pointer”类...

chiqui3d

好的,但那样我就永远无法编辑之前创建的 iframe src,或者我可以做的是创建一个 div 包络,在视图加载时使用编辑器,针对那些不是从 grapesjs 创建的 iframe 元素,对吧? 谢谢@artf

lock[bot]

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

#8442018年2月7日作者 YeungLong1 个回答
0 个反应

Grapesjs中能否插入iView-UI组件?

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

lock[bot]

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

#8432018年2月6日作者 arthuralmeidap3 个回答
0 个反应

CssComposer - 移除未使用的类

你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用过。 问:CssComposer模块会移除未使用的css类吗?

artf

问答:CssComposer 模块会移除未使用的 CSS 类吗? 没错

arthuralmeidap

不错,谢谢!

lock[bot]

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

#8422018年2月6日作者 Deepak8133 个回答
0 个反应

我们如何使用 editor.getSelected().set('attributes',array value)来设置数组

你好,@artf, 我们如何使用 editor.getSelected().set('attributes',array value)来设置数组值; 如果我们用同样的代码尝试这样做,它会在属性中插入NaN。

arthuralmeidap

@Deepak813, 你应遵循以下语法之一:'editor.getSelected().set({标题:“March 20”,内容:“在他眼中她掩盖了......”});' ->用于多个属性。你发送一个物体'editor.getSelected().set(“title”, “March 20”);' -> 用于特定属性

artf

如何使用editor.getSelected().set('attributes',array value)设置数组值; 你不能在“属性”属性上设置数组,应该把它当成一个对象。 我建议使用更具体的方法,比如“model.setAttributes({ title: '' })”或“addAttributes({ ... })`

lock[bot]

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

#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谢谢你的帮助。现在能用了。

浏览所有主题