GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#3752017年10月4日作者 mekamleshk2 个回答
0 个反应

将模板编辑到数据库,需要帮助处理 urlLoad

@arthuralmeidap @artf @cmcintosh 我正在尝试编辑数据库中的一个现有模板, 我无法将模板数据和ID发送到视图 “''js VAR ID = '<?PHP Echo $this->uri->segment(4); ?>'; VAR Editor = Grapesjs.init ({ 身高:“100%”, 容器:“#gjs”, 插件:['GJS-preset-newsletter'], storageManager: { 类型:“远程”, 自动保存:错误, urlStore: 'dragdrop/edit/id', urlLoad: 'dragdrop/edit/id', contentTypeJson:...

artf

@mekamleshk我们已经在这里讨论这个了,#368,没必要再用同样的内容再造一期,谢谢

lock[bot]

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

#3742017年10月4日作者 HarshOB3 个回答
1 个反应

我能改变属性的数值,这些属性会直接反映在组件中吗?

比如我在特质里创建了下拉菜单,并且用下拉菜单的选择值,我想更改该组件中的文本,而不重新加载或拖拽那个组件。

artf

好的,那'editor.setComponents('<div>...</div>')`?

artf

这才是性状应该运作的方式。当你更新性状的值时,这个变化会反映到组件(比如选择组件 https://github.com/artf/grapesjs-plugin-forms/blob/master/src/components.js#L70-L78 中的输入类型)

HarshOB

假设我创建了自定义组件并将其添加到 Grapes 编辑器中,然后我想用下拉菜单中从特性中选定的值更改该组件的主体(你可以说整个 HTML/CSS)。可能吗?

#3732017年10月4日作者 sonnylloyd3 个回答
0 个反应

颜色输入不会更新页面上的元素

使用选色器时一切正常。 然而,如果你在输入中添加十六进制值并按回车,颜色预览会更新,但颜色并未应用到页面上的元素上

sonnylloyd

@art我认为问题在于 InputColor.js 的内部函数 setValue(val, opts = {}) 不调用谱内的变化事件。看起来需要分开处理。

sonnylloyd

@artf我已经研究了不少,也设法让它正常工作了,但我现在的做法似乎有点草率。 我发现的问题在 src\domain_abstract\ui\InputColor.js 里面的 setValue(val, opts = {})。 值 opts.targetUpdate 在第二次循环后未定义。 我把这些设置加在了 IF 语句上方,并更改了变量 previousTScolor,这样所有函数都能访问它。 这感觉有点老套,我不确定这是不是正确的做法。

artf

@sonnylloyd真正的问题就在这里 https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/ui/Input.js#L24-L27 应该是: “''js handleChange(e) { e.stopPropagation(); this.model.set('value', this.getInputEl().value); this.elementUpdated(); }, ``` 我已经在最新...

#3722017年10月4日作者 deffrin3 个回答
0 个反应

资产管理器上传后不会自动添加图片到

上传时的JSON响应是这样的 {“data”:[“http://url.com/flower.jpg”]} 响应事件正在起作用。在响应中,事件响应以字符串的形式出现。 上传文件时,内容类型设置为application/json。 现在我会在响应事件中手动添加图片到资源中。 上传文件后收到的回复格式有问题吗?

sonnylloyd

我也有同样的问题,和你一样我都是手动添加文件的。 以防有人看到这个需要手动实现同样的效果 “JavaScript” editor.on('asset:upload:response', (response) => { var result = JSON.parse(response); 编辑。AssetManager.add(result.data); }); var result = JSON.parse(response); 编辑。AssetManager.add(re...

artf

“''js 类型文本 === '文本' ``` 哈哈 是的,我觉得这绝对是导致bug的原因 你想破纪录吗?:)

sonnylloyd

@artf谢谢,我已经寄出了永久居民申请

#3712017年10月4日作者 edwardjiawei3 个回答
0 个反应

启用默认的RTE并自定义函数

正确调用我的 API,想添加一个带有自定义功能以添加链接/打开新窗口/打开模态的 RTE: 命令可以控制fontSize,但下拉菜单没有对齐,显示的是选项值 该命令在 insertHTML 上无法使用。 功能无法工作(意图/非功能) ![葡萄声](https://user-images.githubusercontent.com/23583324/31157697-42875abe-a8ef-11e7-8af7-6fdd4d2b1acf.PNG) http://grapesjs.com/demo.html 我觉得连命令都无法添加特定的硬编码 HTML

artf

你好@edwardjiawei,它不起作用,因为 'RichTextEditor.add' 中的“命令: 'tlb'' 不是 GrapesJS 的命令,而是 'execCommand 的 API' 中的命令(例如“fontSize”、“insertHTML”等)所以目前你不能给RTE附加自定义行为。 我关闭它,因为我不打算再支持当前的RTE,我会用另一个同样支持自定义操作的RTE替代它(添加到路线图中)

edwardjiawei

希望能支持一些许可更宽松的RTE,比如MIT或BSD。我猜有些公司甚至可能不选BSD。CKEditor 集成相对容易,但许可对某些公司可能不太友好。 无论如何,谢谢你。

artf

CKEditor作为内置解决方案容量太大了(但如果你想用,可以找到它的插件)。 我可能会选择 https://github.com/jaredreich/pell 这就是所有代码 https://github.com/jaredreich/pell/blob/master/src/pell.js,这就是我需要的全部

#3692017年10月3日作者 ateshuseyin3 个回答
0 个反应

源代码使用失败

我尝试通过使用 'require('grapesjs/src')' 来调试源代码和 grapesjs,从而从源码使用 grapesjs。但由于以下问题未能成功;有一些要求,比如“require('plugin_manager')”。这些可以通过webpack配置传递,但这并不是一个好方案。'<# 版本 #>' 预处理应由 git 钩子完成,而非编译时。没有关于源头使用指南。 我觉得这个问题很大程度上是为了识别葡萄病毒的漏洞。

ateshuseyin

在DevicesView.js:5时,下划线使用无需:'template: _.template(''

ateshuseyin

我刚注意到你用的是ProvidePlugin。这确实是一种解决方案,但这种配置化解决方案对使用源代码的用户来说是个限制。

artf

没错@ateshuseyin我只是从源头没配置好它,确实得把几个配置从 webpack 转到 npm。感谢你的帮助 👍

#3662017年10月2日作者 dmodules3 个回答
0 个反应

响应式内容

@artf你好,Grapejs应该支持响应式吗? 谢谢!

daniel-farina

@dmodules dmodules, 我认为这完全取决于你自己。比如你想的话,可以在模板里用 Bootstrap。我觉得@artf让它足够抽象,任何人都能用在任何CSS框架上使用它。 丹

artf

没什么好补充的,谢谢@daniel-farina

dmodules

谢谢你的回答! <https://mailtrack.io/> 通过Mailtrack发送 <https://mailtrack.io/install?source=signature&lang=en&[email protected]&idSignature=22> --- 马丁·科特,技术总监 D-Modules.com <http://www.d-modules.com> 局内电话:(418) 613-0825 Skype:martyman01...

#3632017年10月2日作者 bungambohlah2 个回答
0 个反应

如何获得子对象?

你好@artf我想问一下,比如说,如何从当前模式中获得一个孩子 “JavaScript ... initToolbar() { var model = this; ... ``` 在那个源代码里,我能不能设置像 get parent object “model.collection.parent” 这样的子对象? 谢谢,祝你有美好的一天

artf

当然 “''js model.get('components').each(child => console.log(child)) ```

lock[bot]

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

#3622017年10月2日作者 edwardjiawei3 个回答
1 个反应

如何创建自定义链接组件,提示用户输入链接/选择链接,类似于图片组件模态

图像组件具有调用 Modal 并提示用户操作的逻辑,用于设置图片 URL 的选项和配置。 ![图片](https://user-images.githubusercontent.com/23583324/31067382-2cf5a39c-a785-11e7-986c-bae9c705878f.PNG) 想做类似的链接组件来实现链接URL。 对于其他组件,比如面向业务用户的表单组件,在单一流程中拖拽和输入信息可能会很方便。 如何实现这一点,以及代码库中的相关处理程序?

artf

大家好,试着看看这个#286

daniel-farina

我也在研究这个,想熟悉代码。一旦弄明白了,我们可以让一些插件变得更强大。 如果你找到答案,请告诉我。 我们应该为它做个小手册。

edwardjiawei

听起来对我来说已经足够了。我对#286也有类似的打算

#3612017年10月1日作者 aryeharmon3 个回答
0 个反应

GetProperty Style Manager 无法工作

https://github.com/artf/grapesjs/wiki/API-Style-Manager#getproperty

artf

确认了,谢谢你的提醒

mklemersson

我在查看默认示例页面时发现扇区没有使用使用的id属性 作为函数 getProperty 的参数 ![图片](https://user-images.githubusercontent.com/4018735/31651583-a49235c8-b2f2-11e7-919f-28dabb71cd13.png) 添加属性后,我可以获得该属性,如下图所示 ![图片](https://user-images.githubusercontent.com/4018735/3165177...

artf

哎呀😅,谢谢@MichaelKlemersson我很快会更新试玩版

浏览所有主题