GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#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]

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

#4212017年10月14日作者 edsonmartins2 个回答
0 个反应

语言

我想知道这个框架是否有切换语言的选项。否则,我该怎么做?有什么建议吗? 埃德森·马丁斯 巴西

artf

没有@edsonmartins你必须通过配置手动设置(更多内容见#26)

lock[bot]

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

#4202017年10月13日作者 momu-smartcoach3 个回答
0 个反应

读取 souce 代码初期的问题

我正在看grapesjs的源代码,但找不到cash-dom和“underscore”这两个模块。 从“现金多姆”进口美元; 从 'underscore' 导入 { defaults }; 有人能帮帮我吗?我是初学者,谢谢!

momu-smartcoach

我试着在开发演示里把“dist/grapes.min.js”换成“src/index.js”,但失败了,有人能告诉我怎么用Souce代码,谢谢!

artf

抱歉@momu-smartcoach,但在深入研究Grapesjs的代码之前,我建议先从更基础的东西开始,看看这些: https://github.com/mbeaudru/modern-js-cheatsheet https://github.com/getify/You-Dont-Know-JS https://docs.npmjs.com/getting-started/what-is-npm

lock[bot]

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

#4192017年10月13日作者 sanjeevSavitr2 个回答
0 个反应

在命令中添加新元素

命令:{ { id:“submenuitem”, run: function(editor, senderBtn){ const comp = editor.getSelected(); comp.view.el.querySelector('[data-js=submenu_container]').innerHTML += '<a class=“navbar-menu-link”>Sub Menu Item</a>'; }, }, } 这可以向容器添加子菜单项。但我无法选择它。我也试过 AppendChild。但结果是一样的。我应该能编辑新添加的组件。请帮帮我

artf

阅读更多关于[组件工作原理]的内容(https://github.com/artf/grapesjs/wiki/Components#how-components-work) 你必须通过模型添加组件(例如:'model.get('components').add(<div>'...</div>')如果你想让元素可以选择,那就不行了。就像你做的那样,这只是编辑器的静态内容

lock[bot]

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

#4182017年10月13日作者 justvinz2 个回答
0 个反应

如果图片在链接里,就无法替换

你好, 如果在编辑器中导入此代码: 双击图片更改时,当我从模态中选择新图片时,什么反应都没有。

artf

好的,如果子节点不是文本,我可能得把链接组件设置为不可编辑。 目前,你必须明确设置 '''html <a href=“http://www.google.com” data-gjs-editable=“false”> <img src=“http://via.placeholder.com/350x150”> </a> ```

lock[bot]

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

#4172017年10月13日作者 HarshOB3 个回答
2 个反应

给自定义组件添加设置按钮。

你好, 我该如何为自定义组件创建一个设置,或者你可以说编辑按钮? 就像这张图片上的第四个选项: ![截图来自2017-10-1316-01-00](https://user-images.githubusercontent.com/28950214/31542567-255f7316-b030-11e7-99d7-b9dfc8001216.jpg)

ateshuseyin

我之前提到的上面链接只是用来添加工具栏按钮的。我觉得你应该按照以下步骤完成你的任务;根据你的需求创建/实现编辑器。[葡萄鸟舍](https://github.com/artf/grapesjs-aviary)使用鸟类编辑器([参见](https://github.com/artf/grapesjs-aviary/blob/master/src/main.js#L60))定义一个能够打开编辑器的命令,比如 grapesjs-aviary [参见](https://github...

ateshuseyin

你好@HarshOB, 它和图像一样简单 https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L32

HarshOB

你好@ateshuseyin 我不想要和图片相同的编辑器,我想自己做一个。我只是想把那个图标添加到我的组件里,当我点击那个图标时,我想通过它显示区域,用户可以添加文本、图片、HTML代码等,这些都会反映在组件中。

#4162017年10月13日作者 2uncle-code3 个回答
1 个反应

图片上传时出现了交叉原产问题

我查了所有问题的历史,但没找到解决办法。 ![默认](https://user-images.githubusercontent.com/22438077/31529039-3c5a130e-b009-11e7-8db9-6a2eb600f337.png) 我改了这里,允许取源跨原点访问。 我的资产管理人没问题 ![默认](https://user-images.githubusercontent.com/22438077/31529078-846a613a-b009-11e7-95b0-c4f04914113e.png) 这是我的PHP代码 ![默认](https://user-images.githubusercontent....

2uncle-code

嘿,大家抱歉这么晚回复。上周我接到公司另一个项目需要紧急更新。总之,你们提供的方案在我把文件移到同一个域后运行得很好。但如果你们有时间,请看看我们如何上传跨域状态的图片。提前感谢大家!👍

mekamleshk

你好@vtista 你的PHP代码应是这样的回复: '[{“type”:“image”,“src”:“localhost/test/img/wechat.jpg”,“height”:350“,”weight“:250”}],' 尝试像这样去除斜线: “回声jsonencode($response,JSONUNESCAPED_SLASHES);” 想了解更多参考,可以查看我的代码 [Here](https://github.com/artf/grapesjs/issues/3...

2uncle-code

@mekamleshk 非常感谢,我照你说的做了,但问题依旧存在 ![默认](https://user-images.githubusercontent.com/22438077/31533328-3fbe2e16-b024-11e7-80f4-5fd8f6b2594f.png) ![默认](https://user-images.githubusercontent.com/22438077/31533250-0cde24a6-b024-11e7-87da-19904401...

浏览所有主题