GrapesJS 问题

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

找到 3,464 个问题

#4312017年10月17日作者 bobblkabb3 个回答
0 个反应

与你的操作系统或架构不兼容

你好, 无法在Ubuntu 16.04上安装Grapesjs:

bobblkabb

[npm-debug.log](https://github.com/artf/grapesjs/files/1391129/npm-debug.log)

artf

只要按照这些说明操作(问题出在“node-sass”,不是“Grapesjs”本身)

lock[bot]

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

#4302017年10月17日作者 mediaboost2 个回答
0 个反应

StorageManager remote + autosave + gjs-get-inlined-html

你好 可以用 gjs-get-inlined-html 命令发送自动保存数据吗?

artf

没有,没有这个选项,但你可以尝试覆盖['编辑器。DomComponets.store'](https://github.com/artf/grapesjs/blob/dev/src/dom_components/index.js)方法并在那里实现你的逻辑(试着理解当前方法的工作原理)

lock[bot]

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

#4292017年10月17日作者 sonnylloyd3 个回答
0 个反应

自定义组件保存

你好,@artf抱歉打扰了,我真的不想开问题单,但我已经卡了好几天,努力实现我的最终目标 我做了一个简单的插件,增加了图标支持(font awsom),所以我有components.js block.js和一个main.js,还有一些配置 我已经成功让 onchange 工作了,但我不知道怎么更新模态,因为刷新后新选中的图标会回到默认图标。我确定是我做错了什么,我看过你们所有的GJs,还是搞不清楚。 block.js component.js main.js里我设置了一些默认设置(我已经删减了这个)。

artf

你好@sonnylloyd我觉得问题是你没有正确反映“图标”属性。 试试这个 “''js ...模型 尽量只保留“模型相关”的内容, updateIcons() { this.set('icon', this.get('iconslist')); }, ...视图 init() { this.listenTo(this.model, 'change:icon', this.updateIcon); } 更新图标(updateIcon() { Const icon = thi...

sonnylloyd

谢谢@artf我一直在尝试你的建议,但没成功。再次抱歉打扰了 以下是更新后的component.js

artf

@sonnylloyd仔细检查我的代码,你在模型里改了“init()”,之前的代码里没问题。如你所见,在“......你只需更改 'updateIcons()'

#4282017年10月17日作者 asvine-p3 个回答
0 个反应

改变身体背景

你好, 首先,我要感谢你提供这个了不起的项目! 我对编辑部,尤其是通讯预设,有一些问题想请教:我想在块管理器中添加一个按钮,可以快速切换主体背景(无需进入组件树)。此外,我如何重新组织面板管理器中的命令按钮?(我想更改位置并删除一些) ->我正在使用通讯预设我不知道在更改样式后,有没有办法调整预设“按钮”块的大小。或者如果我添加了自定义的方块“按钮”,我该如何让它可调整大小并添加 href 属性? 感谢你的支持!

Geczy

以下是我移除按钮的方法 “''js 编辑。Panels.getButton('views', 'open-sm').set('active', false) ```

asvine-p

@Geczy,谢谢,但设置(“active”,布尔值)方法只切换按钮的高亮模式。实际上,它并没有去除它。

artf

嗨,@asvine-p我想在方块管理器里添加一个按钮,可以快速切换主体背景(无需进入组件树)。 编辑器加载完成后,你可以用 JS 添加或删除内容(你的按钮会被某个程序绑定)此外,我该如何重新组织面板管理器中的命令按钮?(我想更改位置并删除一些) ->我正在使用通讯预设 这是通讯预设中关于我如何更改/移除按钮的示例 https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/buttons.js#L36...

#4272017年10月16日作者 Geczy3 个回答
0 个反应

RTE工具栏缺失

'''html <div data-role=“editor-toolbar” id=“gjs-rte-toolbar” style=“pointer-events: all;”><a title=“Bold” data-edit=“bold” class=“gjs-rte-btn fa fa-bold”></a><a title=“Italic” data-edit=“italic” class=“gjs-rte-btn fa fa-italic”></a><a title=“Underline” data-edit=“underline” class=“gjs-rte-btn fa fa-underline”></a><a t...

artf

你能试试最新版本吗?(你的RTE代码是旧的)

Geczy

谢谢,抱歉

lock[bot]

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

#4262017年10月16日作者 mekamleshk3 个回答
0 个反应

残像上传会立即在资产管理器中显示

@artf 我尽力了,但似乎还是没用 你能帮我一下吗? 上传图片后,我不想刷新页面,因为那样会丢失我创建的新闻通讯模板。 有没有办法在图片上传后立即加载到资产管理器? 非常感谢你的帮助。 谢谢

artf

??? 我们已经在讨论 https://github.com/artf/grapesjs/issues/416 这个了,而且你自己也说过你能做到,所以......又开一个问题有什么意义?!?

mekamleshk

你好@artf,我只能从服务器上传和删除文件,没有直接向资产管理器添加图片。 我重新检查了所有资产管理的问题,找到了我做错的地方,现在它正常工作了。 非常感谢:) :+1:

lock[bot]

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

#4252017年10月16日作者 umeshsingh1313 个回答
0 个反应

如何在我们的自定义插件中渲染外部 js 文件

你好, 我正在创建滑块插件,但不起作用。因为。我找不到如何在我们的插件中添加或使用外部脚本和CSS文件的方法? 你能帮帮我吗?

artf

https://github.com/artf/grapesjs/wiki/Components-&-JS

umeshsingh131

我用过这个,但效果不好。你能给我举个例子吗? 该插件使用了自定义的JavaScript函数,并使用了与该插件相关的外部JavaScript文件

artf

我用过这个方法,但这方法不行 请提供一个实时示例(使用jsfiddle/codesandbox等服务),让我们看看哪些地方不行

#4242017年10月16日作者 aryeharmon3 个回答
0 个反应

<template> 自定义功能,创建块时缺少内部 HTML

你在#244里给了我一个修正,但现在这个已经不管用了

artf

嘿@aryeharmon我刚在演示里用过这个(你可以自己在主机上试试)。 “''js VAR DOMC = 编辑。主导组件; var defaultModel = domc.getType('default').model; var defaultView = domc.getType('default').view; domc.addType('template', { model: defaultModel.extend({}, { isComponent: funct...

aryeharmon

好吧,我明白问题出在哪里了,显然我补充了: 要用 HTML 制作页面上的现有元素不会生效。只有新加入的主导元素。 比如我在页面上已经有一个模板标签,加载时我不会得到这些属性。但如果我之后添加模板,它就能正常工作。

aryeharmon

顺便说一句,editor.render();位于domc.addType寄存器之后

#4232017年10月16日作者 JFOC2 个回答
0 个反应

高亮组件

你好, 有人知道如何在图层管理器中悬停时高亮容器中的组件吗? 我觉得这就像是反向点击容器中的组件,然后在图层管理器中高亮该组件。 谢谢你

artf

目前实现起来并不容易,但如果能加入并有某种API支持这种行为,那会很酷。谢谢你的建议

lock[bot]

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

#4222017年10月15日作者 cmcintosh3 个回答
8 个反应

防止编辑某些组件

我想阻止用户编辑特定组件的内部组件。 比如说,假设我有一个叫做 Drupal-Block 的元素 我想防止用户编辑...HTML inside... 位

artf

是的,@MichaelKlemersson说得对,目前你必须在任何元素上手动设置它们。 另一个技巧是通过模型更新所有子节点 “''js const updateAll = model => { model.set({editable: false, ...}); model.get('components').each(model => updateAll(model)); } updateAll(组件); 你怎么看?

cmcintosh

是的,我认为繁殖的想法很棒。 说清楚点,我找这个的原因是我正在为Drupal 8开发一个模块,允许通过GrapeJS工具创建主题。 在Drupal中,你有叫做块的元素,我的想法是把这些元素在主编辑器里封锁,改用弹窗编辑器来编辑它们,并允许在不同页面重复使用。 这是因为Drupal通过PHP渲染内容的方式,所以我需要在将模板存储到twig文件时将html转换为php变量。

artf

你可以在演示中使用一个例子选择一个元素(例如某个部分)在控制台执行此事 “''js editor.getSelected().append(' <div data-gjs-removable=“false” data-gjs-draggable=“false” data-gjs-propagate='[“removable”, “draggable”]' style=“color:blue”> <div>Comp01</div> <div> <div>Comp11</div...

浏览所有主题