GrapesJS 问题

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

找到 3,464 个问题

#5902017年11月29日作者 Geczy3 个回答
0 个反应

如何覆盖domain_abstract UI输入组件?

https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js 我想更改输入类: https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js#L15 换成完全不同的东西,比如“形式组”

artf

域抽象的东西只是内部使用,所以我甚至不打算让它们被覆盖,你的用例是怎样的?

Geczy

我想通过使用 Bootstrap 或我用的其他 CSS 框架中的现有类,自定义组件设置面板中表单字段的外观。 所以我想把“gjs-field”替换成“form-group”

artf

好的,我明白了,但目前还没有简单的方法可以实现 :/

#5892017年11月29日作者 Geczy2 个回答
1 个反应

属性未被应用于特征

https://github.com/artf/grapesjs/blob/9bcd9673b10af1bb696181deba6903a68b1b6c3f/src/trait_manager/view/TraitView.js#L86 “''js 特质:[ { 类型:'URL', 标签:“Link”, 名称:“link-url”, ID:“嘿”, 变革提案:1, 占位符:“在此输入或粘贴链接”, 属性:{ ID: 'hey' }, }, ``` 身份证未被应用。在“<input />”的HTML中只显示类型和占位符

artf

添加到下一版本

lock[bot]

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

#5882017年11月29日作者 NorthstarTech2 个回答
0 个反应

编辑器界面变更

![图片](https://user-images.githubusercontent.com/33541046/33379000-87377912-d538-11e7-9079-68dcaf3cd07f.png) 我想让编辑器像上面那张照片一样。但是,我找不到背景和面板的CSS。任何帮助我都会非常感激。

ateshuseyin

你可以更改 scss 变量,然后重新编译为 css: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsvariables.scss#L22

lock[bot]

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

#5872017年11月29日作者 vishal50332 个回答
0 个反应

样式管理器 移除扇区和移除属性

你能详细告诉我如何从风格管理器中移除任何扇区或属性吗?

artf

@vishal5033我会在下一个版本中添加'removeSector'和'removeProperty'

lock[bot]

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

#5862017年11月29日作者 vishal50333 个回答
0 个反应

点击元素默认不会打开样式管理器

点击元素默认不会打开样式管理器

vishal5033

问题已定。我找到了解决办法

AH1N1

我也有同样的问题。你能给出一个解决方案吗?

lock[bot]

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

#5852017年11月29日作者 Deepak8132 个回答
0 个反应

如何重置余距和填充输入值

如何重置余距和填充输入值。 我重置了输入值,但当用户再次点击边际框的上箭头时,会看到之前的,而不是重置值。 请告诉我怎么做。

artf

输入是绑定在目标(组件/CSS规则)上的,所以仅仅更改输入没意义,你必须更新目标(例如:'editor.getSelectedToStyle().addStyle({ 'margin-top': 0 })')

lock[bot]

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

#5842017年11月29日作者 kishoreprocessdesign3 个回答
1 个反应

出现“无效或意外令牌”错误

https://unpkg.com/grapesjs 线路:20837 var previousСolor = void 0; 某个非音符字符用于前述Color。编辑器不会显示非ASCII字符。

artf

只是看了源文件 https://raw.githubusercontent.com/artf/grapesjs/dev/dist/grapes.js 有趣的部分来自这里 https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/ui/InputColor.js#L93 事实上,“C”并不是“真正的”C 🤔 ![Schermata 2017-11-30 Alle 22 41 27](https://user-...

ryandeba

这很奇怪。这里有一个没有这个问题的同版本的替代版本:https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.45/grapes.js

lock[bot]

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

#5832017年11月28日作者 gabrigcl2 个回答
0 个反应

事件停止:预览未触发

嗨。我需要在这种情况下触发这个事件:我有一些元素需要在预览模式下隐藏,等我退出预览模式时才能显示出来。但是,当我退出预览并返回画布编辑时,事件stop:preview不会触发。我自己也做过一个效果不错的解决方案,但我不确定这是不是合适的方案。这就是为什么我发的是我私密git里的解决方案截图,而不是发送拉取请求,希望你能在Grapes上实现,如果这是个好方案。谢谢。 ![captura de tela 2017-11-28 as 16 27 05](https://user-images.githubusercontent.com/7770605/33340655-76e63d7e-d45b-11e7-86ea-c0685d6aeb...

theanhmx

@artf为这个愚蠢的问题道歉, 但修复修复什么时候会在NPM包里提供? 或者我可以从哪个分支手动拉取带有这个修复的代码并构建?

lock[bot]

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

#5822017年11月28日作者 suraj7403 个回答
1 个反应

背景图像问题

你好@artf使用自定义管理器时还有一个问题,背景图片该设置什么? editor.getSelected().set('src', url)无法在背景图像上工作。 我应该把“src”替换成“background”吗?

artf

用这个 “''js editor.getSelected() .addStyle({'background-image': 'url(${url})'}); ```

suraj740

@artf 谢谢你出色的工作,兄弟!👍

lock[bot]

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

#5812017年11月28日作者 ppisecky3 个回答
1 个反应

阅读组件相关事件

[Editor API wiki](https://github.com/artf/grapesjs/wiki/API-Editor) 列出了一组可以监听的组件相关事件(例如 'component:add', 'component:update')。然而,没有提及监听者接收到的事件对象类型以及它们的结构(它们拥有哪些属性以及能包含哪些值)。 当组件更新(例如字体大小更改)时,我们需要能够捕捉事件、处理并做出反应。你能举个例子说明如何判断组件发生了哪些变化吗?每次触发“component:update”事件时都会有变化吗(这个事件经常被触发,为什么会这样)?每个事件是否都会收到组件模型,如“component:add”文档附近提到的...

ppisecky

@artf谢谢你的回答。不过我想找一个更通用的例子,说明是否发生了变化以及具体发生了什么——比如这样: “JavaScript editor.on('component:update', model => { 如果 (model.isChanged()) { //.... } if (model.isChanged('style:font-size')) { //.... } var changes = model.getChanges(); }); ``` 我们需要跟踪项...

artf

感谢@ppisecky指出,我更新了源代码,但基本上任何组件相关事件都会接收触发的模型。 关于你的“字体大小”情况,你可以设置这个监听器 “''js editor.on('component:styleUpdate:font-size', model => console.log('Font size: ', model.getStyle()['font-size']) ); ```

lock[bot]

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

浏览所有主题