GrapesJS 问题

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

找到 3,464 个问题

#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...

#4132017年10月12日作者 FrikkieSnyman3 个回答
0 个反应

使用特征来修改组件类

嗨! 我试图改变职业的价值,但几乎没有成功。 这是我自定义特性的“onValueChange”函数: “JavaScript onValueChange() { var traitModel = this.model; var selectComponent = this.target; var inputValue = traitModel.get('value'); this.target.set('content', this.model.get('value')); selectComponent.set('attributes', {class: inputValue}); } 显然,这不是合法的 HTML。在 Clas...

FrikkieSnyman

@artf 这可能吗?

FrikkieSnyman

所以我用一种相当简陋的方式弄明白了,但它确实有效! 只需创建一个自定义特征,并使用以下条件来表示 onValueChange() “JavaScript onValueChange() { var parentModel = this.target.collection.parent.sm; var component = this.target; const sm = parentModel.get('SelectorManager'); var traitModel =...

lock[bot]

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

#4122017年10月12日作者 ramkumar653 个回答
0 个反应

拖放控制不工作

你好, Grapes js html模板设计器很完美,但演示页面控制拖放错误地指向页面。请帮帮我......:)

artf

我这边似乎没问题,请提供问题的截屏

ramkumar65

![控制 drog and drop 问题](https://user-images.githubusercontent.com/32733822/31494572-7ad75c1a-af71-11e7-9bcb-47e0a0e3942d.png) 这里附上截图。请尽快回复。谢谢回复

artf

你应该只在表单内放置输入/标签

#4112017年10月12日作者 bayareawebpro1 个回答
0 个反应

资源编辑器,删除时出现错误

TypeError: null 不是对象(评估 't.parentNode.removeChild') 在“remove: function()...”

lock[bot]

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

#4102017年10月12日作者 mohammad-aqajani2 个回答
0 个反应

视频分量示例

有没有什么例子可以像添加带有上传对话框的图片一样添加视频组件? 任何代码都非常感谢! '<div controls=“” src=“http://127.0.0.1:8000/media/PyQt4PythonGUI6FileBrowseButtonH9wtiVE.mp4” onmousedown=“return false” class=“gjs-comp-selected” style=“height:607px;”> <视频类=“gjs-no-pointer” style=“height: 100%; width: 100%;” controls=“” src=“http://127.0.0.1:8000/media/PyQ...

artf

不,但你可以按照这个步骤创建新的组件 https://github.com/artf/grapesjs/wiki/Components 和#286

lock[bot]

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

浏览所有主题