GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#4012017年10月10日作者 gasserol3 个回答
0 个反应

无法上传图片

你好,在通过资产管理上传图片时,我收到了以下错误: ![Bildschirmfoto 2017-10-10 um 15 44 23](https://user-images.githubusercontent.com/4066878/31389758-52b04026-add2-11e7-9c76-eb4f7cb0a127.png) 编辑器初始化时的资产管理配置看起来像 ![Bildschirmfoto 2017-10-10 um 15 45 30](https://user-images.githubusercontent.com/4066878/31389787-65209328-add2-11e7-8f6e-85414b02...

artf

上传端点应该返回JSON,你似乎返回的是HTML格式

gasserol

好的,非常感谢,不知道怎么解决这个问题......我用的是本地主机上的普通 Apache 服务器做测试,但觉得这个端点根本没有响应。我会尝试把你的解决方案实现到YII2框架上,在那里我可以处理端点的json响应。非常感谢你的建议和你出色的软件!

mekamleshk

@gasserol你可以参考我的代码 [Here](https://github.com/artf/grapesjs/issues/393) 我能够上传和检索文件。

#4002017年10月10日作者 sanjeevSavitr3 个回答
0 个反应

隐藏命令中的一个元素

你好, 我想在点击工具栏按钮时隐藏某个特定元素 命令:{ 默认值:[{ id:“submenuitem”, run: function(editor, senderBtn){ 我想隐藏“photostack-1”元素 ???? ???? ???? }, }], } VAR DOMC = 编辑。主导组件; domc.addType('bannergalleryportion', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { ... 工具栏:[{ 属性:{类别:“Fa fa-arrows'},...

artf

你可以从模型中访问该元素 “''js const selectedModel = editor.getSelected(); const elem = selectedModel.view.el.querySelector('#photostack-1'); elem.style.display = '无'; ```

sanjeevSavitr

谢谢......

lock[bot]

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

#3992017年10月10日作者 bungambohlah3 个回答
0 个反应

我可以在当前模态和当前模态子节点中按工具栏吗?

又问好,@artf,我对元素中的推送工具栏和特定类别(例如模态触发器)有点混淆了。 元素代码为: '''html ... <a href=“#modal1” data-highlightable=“1” class=“modal-trigger”> <div data-highlightable=“1” class=“card”> <div data-highlightable=“1” class=“卡片-图像波-效果波-块波-光”> <img src=“images/facilities1.jpg” class=“activator” onmousedown=“return false”> </div> <div data-hi...

artf

我认为正确的做法是扩展组件模型的“initToolbar()”,并在那里放置逻辑

bungambohlah

我认为正确的做法是扩展组件模型的“initToolbar()”” 当然,我用“initToolbar()”''方法制作自定义工具栏 请@artf你解释一下推入子对象工具栏的逻辑吗?我对骨干结构感到困惑 :困惑: 谢谢你之前的帮助 :+1:

bungambohlah

抱歉,我用逻辑修正了这个问题,谢谢你@artf:+1:

#3982017年10月10日作者 2uncle-code2 个回答
0 个反应

脚本应该放在CanvasView的最底部,这样加载速度会更快,不是吗?:)

![默认](https://user-images.githubusercontent.com/22438077/31365796-09aa2072-ada0-11e7-9ea7-9b794d8cf73a.png)

artf

你好@vtista,这个部分的目的是让脚本在加载其他组件之前,因为其中一个组件可能需要它们作为依赖。基本上,它试图模拟“<head>同步加载”

lock[bot]

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

#3972017年10月9日作者 HarshOB3 个回答
1 个反应

基于之前的特性,更改特质的值。

你好 我用了两个下拉菜单来设置特质。在第一个下拉菜单选中的值上,我将调用一个 API,并将数据设置到另一个下拉菜单中。我在控制台上拿到了数据,但页面上没有加载。我必须刷新页面才能查看更改。我该怎么做才能让页面立即做出改变? 这是我的代码: ' comps.addType('ReUseComponent', { 定义模型 model: defaultModel.extend({ init() { this.listenTo(this, 'change:selectPartial', this.doStuff); this.listenTo(this, 'change:selectID', this.doStuffsecond); }...

artf

我是说“我必须补充”。 😬

artf

选项更改需要添加监听器

HarshOB

我该如何添加一个监听器来更改选项?

#3962017年10月9日作者 mekamleshk1 个回答
0 个反应

问题#393未解决

[https://github.com/artf/grapesjs/issues/393](https://github.com/artf/grapesjs/issues/393)

lock[bot]

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

#3952017年10月9日作者 suchithmahadi2 个回答
0 个反应

如何在脚本中调用组件外部的函数。

请帮忙解决以下问题。 如何在脚本中调用组件外部的函数。 例如: demo.myFunction 函数应该在组件脚本中调用,但脚本无法识别 demo 变量。而 demo.myFunction 可以在初始化函数中调用。 Grapesjs.plugins.add('my-plugin', function(editor, options) { var demo = { this.myFunction(id){ alert(this.id); } } var domComponents = editor.BlockManager; domComponents.add('my-block', { id:“myComp”, 标签:“定制” 分...

artf

答案在这里 #358

lock[bot]

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

#3942017年10月9日作者 daniel-farina3 个回答
1 个反应

文本:每次我按下回车键,都会创建新的div,而不是创建一个 </br>

你好@artf 为什么插入文本时,每次分行都会创建一个新的div,而不是标准的 div </br> ![图片](https://user-images.githubusercontent.com/13665117/31329777-adf6ee50-aca9-11e7-9a4d-7cd06b367135.png) 有没有可能禁用这种行为,改用一个</br>? 我知道按Shift+回车键是可以的,但我希望它能成为默认选项。 谢谢你

artf

你好 @daniel-farina,这是 WebKit 浏览器的默认行为,你可以在这里找到最新的解决方案 https://stackoverflow.com/questions/18552336/prevent-contenteditable-adding-div-on-enter-chrome 我实际上开始重写当前的RTE,并会考虑这个问题

daniel-farina

感谢你的更新和信息。我会去了解一下。

lock[bot]

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

#3932017年10月8日作者 mekamleshk3 个回答
0 个反应

两个小细节

嗨,@artf @arthuralmeidap @sonnylloyd @cmcintosh @daniel-farina 非常感谢你开发了这样一个很棒的框架。 我尝试实现了 grapesjs 预设通讯中几乎所有的功能。 只是需要帮忙解决这两件小事: 1)我能够上传并加载图片到资产管理器中。 我没想到的是上传图片后,它不会立即反映在资产管理图片列表中。 我已经关注过问题 [https://github.com/artf/grapesjs/issues/216](URL)和 [https://github.com/artf/grapesjs/issues/372](URL) 但似乎没用。 这是我上传文件后服务器的json回复: '[...

artf

我可以上传并加载图片到资产管理器中。 我没想到的是上传图片后,它不会立即反映在资产管理图片列表中。 问题就在这里 “''js handleAdd: '<?php base_url(); ?>/dragdropeditor/dragdrop/upload', 所以就你这种情况,直接把它拿掉吧,你不需要它。如果你愿意,可以用CSS隐藏“添加图片”输入2.我想显示电子报预览按钮,作为网页模板的使用方式 我在这里删掉了 https://github.com/artf/grapesj...

mekamleshk

你好@artf 不确定是否能使用 [https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/buttons.js#L36-L37](URL) 我用的是压缩版: ' <script src=“js/grapes.min.js”></script> <script src=“js/grapesjs-preset-newsletter.min.js”></script>' 另外我想知道为什么添加图片按钮...

artf

添加按钮完全正常,不应该上传/下载内容。如果你需要自定义行为,可以添加你的用户界面为什么我每次都要刷新页面? 上传后可以直接加载图片吗 我已经告诉你问题在哪里了......请阅读我之前的回答

#3922017年10月8日作者 daniel-farina3 个回答
2 个反应

定义选定的类别。

你好,@artf, 有没有办法自动选择在自定义样式的元素上创建的类? ![图片](https://user-images.githubusercontent.com/13665117/31314962-0e0f6846-abdb-11e7-8339-84035ae45aca.png) 我目前尝试用网格系统动态更新职业,运行正常,但自动选择所有职业的问题带来了问题。我已经研究了好几个小时的代码,试图弄明白这个问题。 如果能指明正确的文件,魔法发生的地方,非常感谢。 我目前正在关注: [\src\selectormanager\view\ClassTagView.js](https://github.com/artf/grapesjs...

daniel-farina

更新: 好的,我发现可以通过更改来默认取消所有选项 src/selector_manager/型号/Selector.js ![图片](https://user-images.githubusercontent.com/13665117/31315033-c8811c82-abdc-11e7-9b79-0c604d1b91cf.png) 这几乎解决了我所有的问题,因为当我更改方块的背景色时,它只会更新 c875! 现在已经解决了,我就结束了。

artf

你可以从模型中访问选择器 “''js model.get('classes').each(selector => selector.set('active', 0))

daniel-farina

顺便说一句,把这个改成false会导致你的构建失败,因为测试脚本里有以下情况: 我刚才在这里评论了这个: 测试/规格/selectormanager/型号/SelectorModels.js 还有这个 测试/规格/csscomposer/E2E/CssComposer.js 第129行

浏览所有主题