GrapesJS 问题

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

找到 3,464 个问题

#22332019年8月30日作者 ovesyan191 个回答
0 个反应

文本单独编辑

嗨!感谢你提供的精彩图书馆! 我正在使用网页插件,我感兴趣的是编辑文本。我知道这个功能已经在里面了,我们可以通过双击编辑文本,但我该如何单独编辑?比如在右侧窗格里加一个额外的下拉菜单,“通用”、“排版”等内容可以做修改,在某个文本区域里做修改

artf

你可以添加自定义的[特性](https://grapesjs.com/docs/modules/Traits.html),更新组件内容('component.components('<span>新内容...</span>')') 在输入变化时

#22322019年8月29日作者 jeff-panart2 个回答
0 个反应

缺少视频块设置

你好, 本地安装了 GrapesJS 和插件“preset-webpage”,它给我提供了带有一些块的基础布局。其中一个模块就是视频模块。 我可以在画布上拖放视频,但无法设置YouTube网址。 演示版中,我看到右侧边栏有设置选项。我在安装时缺少那个。 这是不是需要我单独发起? 提前感谢大家的建议。

artf

不,视频组件是核心的一部分,所以如果做这个 'editor.addComponents({ type: 'video' }',即使没有插件,你应该能正确看到视频特征

jeff-panart

你好,artf, 嗯,那我觉得我又做错了什么......添加“editor.addComponents”这行也没什么区别。 在我的index.php里,我只有一个 div,用 gjs 作为 id,这里我也会调用一些资源(样式表和 grapesjs 脚本文件)。 grapesjs-custom.js我有以下内容...... 'jQuery(function($) { VAR Editor = Grapesjs.init({ avoidInlineStyle: 1, 容器:“#...

#22312019年8月29日作者 ramusesan3 个回答
1 个反应

GetCSS 中的 CSS 问题

顺便说一句:我用的是0.15.3版本 我曾多次加载一个HTML组件到编辑器并保存,我注意到我们加载/编辑并保存同一个HTML组件的次数之多,即使使用相同的ID、类等,CSS也经常附加内容 ![虫1](https://user-images.githubusercontent.com/15937743/63932342-a2ed7980-ca74-11e9-8547-38e0104d1d71.png) ![虫2](https://user-images.githubusercontent.com/15937743/63932343-a2ed7980-ca74-11e9-8f9a-a63bbb24ee6f.png)

vinceumo

我也有同样的问题,我会创建一个小型的代码沙盒 https://codesandbox.io/s/snowy-wave-85dxo?file=/index.js 接下来的步骤,查看默认导出点击烧瓶图标,编辑一些属性查看导出,你应该有“*”和“body”的重复 添加“protectedCss: ”''对我来说问题解决了

makkaronis4e

我敢打赌你已经更改了这些参数: ![B45B0E93-DCAE-4389-A413-D844C0E004ED](https://user-images.githubusercontent.com/33792090/63982773-87ae5880-cacc-11e9-843a-b5adc8122370.jpeg) 你经常保存包装

ramusesan

我没有更改任何属性(比如exportWrapper,wrapperIsBody:),甚至我也不知道这些属性在哪里,你能告诉我在哪里能看到这些属性并更改它的值吗

#22302019年8月29日作者 fmr4111 个回答
0 个反应

我能从变量加载数据吗

我能不能从变量加载数据,而不是服务器,比如 'var dataJSON = editor.store();' 'editor.load(datajson);' 我学过(https://grapesjs.com/docs/modules/Storage.html#storage-api),但仍然不理解示例是否包含加载数据的新逻辑,谢谢你

artf

你可以使用 ['editor.setComponents'](https://grapesjs.com/docs/api/editor.html#setcomponents)和 ['editor.setStyle'](https://grapesjs.com/docs/api/editor.html#setstyle)

#22292019年8月29日作者 fmr4113 个回答
0 个反应

忽略 选择 复原和重做中的组件

我可以在撤销或重做过程中忽略选择组件吗?

artf

不,现在很难避免

Franci5co5aoco

我>可以在撤销或重做过程中忽略选择组件吗? 你好@artf有最新进展吗? 谢谢!

artf

https://github.com/artf/grapesjs/discussions/4226

#22282019年8月29日作者 kickbk3 个回答
0 个反应

未找到目标收集

@artf,能否让下一个版本中“目标位置无效:找不到目标集合,目标不可丢弃,接受[未定义],组件不可拖拽,[未定义]可接受”,而不是“[未定义]”? 我知道这只是个警告,不是优先级,但如果能显示真实数值就好了。

artf

不幸的是,Sorter实例(那个产生警告的实例)是我们必须重构的(代码很旧且有其他bug),它已经在我的待办事项列表里,所以我希望尽快更新。目前我只能检查未定义并打印空字符串,但这没什么用

navewi

你好,有什么新进展吗?我现在也有同样的警告,无法丢掉图片块。 '目标位置无效:找不到目标集合,目标不可丢弃,接受[未定义],组件不可拖拽,[未定义]可接受“。这方法以前有效,我找不到代码中的错误。

artf

@navewi很遗憾没时间处理这个 :/

#22262019年8月28日作者 tliscomb2 个回答
1 个反应

在初始化后更新组件类型特征定义

我创建了一个自定义组件和块,用于显示/嵌入上传的文件。 我为该组件定义了特征,见下文。当新文件上传时,我需要更新 select-src 特性的选项,这样用户才能在设置面板中选择要显示的文件。 任何帮助都将不胜感激。

pouyamiralayi

你好!你必须为文件属性附加一个监听器,所以每当它变成新的值(file)时, 你的听众会把它附加在选项的末尾: 注意 我正在听selected-src本身的变更,针对你的情况,你必须听与文件相关的属性。 注意 我看到你在 select-src 特质定义中没有指定 changeProp。如果这是有意为之,那么你处理的是组件和监听器附加的一个属性,通常是这样的: ` init() { this.listenTo(this.model, 'change:attributes:sel...

artf

是的,@pouyamiralayi提出的关键部分在这里 “''js const trait = this.model.getTrait('selected-src') const traitOptions = [{name: 'new file', value: 'new file url'}] trait.set('options', [...trait.get(“options”),...traitOptions]) ``` 这就是运行时如何更新特性(更多内容见此处[这...

#22252019年8月28日作者 mogolola3 个回答
0 个反应

0.15.3 版本的事件无法正常运行

你好, 事件机制自0.15x版本以来似乎发生了很大变化。例如,通常当我们想防止默认按钮行为时,会在回调函数末尾使用“return false”,但在这个版本中(无论你返回什么)都不行了,我必须手动调用“event.preventDefault()”。 另一个问题是我不能用 $.on 来附加事件监听器。 但用纯JS方法“addEventListener”是可以的。我不明白为什么,但我觉得这和文件“extender.js”有关。看起来你会添加一些东西来应对所有事件,但确实存在一些不完善的地方。 此致

mogolola

另外,像“模糊”、“聚焦”(基本上除了“点击”之外的所有事件)在骨干文事件配置中都不起作用(我指的是骨干网中的查看事件:https://backbonejs.org/#View-events)。例如:如果我对“焦点”事件附加回调,回调永远不会被调用。但可以调用“点击”事件的回调,除了“return false”似乎毫无用处。

artf

能否提供一些之前版本中哪些功能有效、哪些现在不行的实时示例?

mogolola

示例1: 示例2:当我尝试附加事件监听器时,只能调用指向点击事件的回调

#22232019年8月27日作者 benvmatheson2 个回答
0 个反应

默认的文本对齐属性应该有图标吗?

如果配置中未包含 styleManager,默认设置包含带有图标的“文本对齐”选项。 ![图片](https://user-images.githubusercontent.com/9043745/63802171-3a18cc80-c8cf-11e9-9f08-88c4b4c87307.png) 如果我包含 styleManager 配置并添加“text-align”,它就会用词语代替。 ![图片](https://user-images.githubusercontent.com/9043745/63802288-85cb7600-c8cf-11e9-94e5-debff3ad4919.png) 既然这是“内置”属性,应该这样...

ramusesan

嗨@benvmatheson你只需要做的就是 在你的项目中包含 fontawesome,并添加 class Names font awesome的参考资料:https://www.w3schools.com/icons/fontawesomeiconsintro.asp 即 _if你想自己放图标,也可以用css className或者用其他库,比如font awesome library_

artf

@benvmatheson我更倾向于不把字体的依赖绑定到属性工厂里(我仍然希望尽快移除它)

#22212019年8月27日作者 nikhilmate3 个回答
2 个反应

有人能给我一个关于在 BlockManager 中创建单元组件的正确指南吗?这些组件可以在里面添加其他组件(比如 coumn1、column3/7 以及反过来)。

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

smik3

是的,经过3-4次重写,我终于找到了这个方法,哈哈。那段片段有可能被添加到文档里吗?花了几天时间搜索问题,才发现甚至可以将一系列组件传递给内容属性

artf

https://grapesjs.com/docs/modules/Blocks.html

smik3

我对此也越来越困惑。比如,你怎么决定把 HTML 标记放在哪里,是块内容属性还是组件视图属性? 另外,在basic-blocks插件中,它把行/单元定义为类,而不是使用默认的DomC组件。创建多分量模块时我们应该这样做吗?

浏览所有主题