GrapesJS 问题

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

找到 3,464 个问题

#4542017年10月26日作者 Geczy3 个回答
3 个反应

让块管理器默认开放面板?

我试过这个代码: “''js 默认显示方块,不是样式 编辑。Panels.getButton('views', 'open-sm').set('active', false) 编辑。Panels.getButton('views', 'open-blocks').set('active', true) ``` 这个方法能行,但这样做会在左上角隐藏设备选择器,原因不明。

artf

试试用 “''js 编辑。Panels.getButton('views', 'open-blocks').set('active', true) ``` 但要把它放在渲染之后(如果你用的是“autorender: false”)。

Geczy

啊,设置在渲染后效果很好。谢谢

lock[bot]

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

#4532017年10月26日作者 deffrin3 个回答
0 个反应

之前保存的CSS规则在样式管理器中未显示

之前用远程方法保存的CSS规则在样式管理器中不显示。 远程 JSON 响应 '{“gjs-assets”:“”,“gjs-css”:“*{box-sizing: border-box;}body{margin:0;}#c743{background-color:#b0aeae;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#c743{background-color:rgb(76, 70, 70);}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:...

artf

发布 grapesjs 的配置及其版本

deffrin

“''js VAR Editor = Grapesjs.init({ 容器:“#gjs”, 插件: ['gjs-blocks-basic'], protectedCss: “, storageManager: { 类型:“远程”, stepsBeforeSave:10, 自动加载:正确, urlLoad: baseurl+'superadmin/educationalContent/getlearnpage/'+<?php echo $conceptid; ?>, cont...

artf

试试最新版本

#4522017年10月26日作者 thecodefish3 个回答
0 个反应

自定义缩小器问题(或者说是我保存/加载组件的方式)

我正在尝试为我的一个组件制作一个定制的缩小器。这是一个基于Flexbox的网格/列布局,我希望用户能够调整一列大小(固定宽度),其他列填满剩余空间。 我已经为我的列自定义了一个组件,所以我给它添加了调整尺寸配置,包括一个 updateTarget() 函数,效果非常好。但是,如果我保存了这些内容,然后再回来查看,updateTarget() 函数就永远不会被调用。我添加到画布中的新组件都能正常工作,但现有的组件却不行。 这是我的配置: “'' js { 类型:“网格鞍部”, “自定义名称”:“列”, 类:[''flex-item'], 可调整大小:{ TL: 0, TC: 0, TR: 0, BL:0,BC:0,BR:0, upd...

artf

是的,你说得对。这是因为函数不可序列化,因此当 grapesjs 调用 'JSON.stringify(Component)' 时,就是直接被抄袭了。 你的解决方案是覆盖自定义组件中的“toJSON”方法 “''js 编辑。DomComponents.addType('grid-col', { 型号:...... 默认值:... // 这里你定义可调整大小 ... 然后避免储存 toJSON() { const obj = defaultModel.prototype.to...

thecodefish

谢谢@artf这招起了作用。

sakshigarg9

@thecodefish 如何更改Resizer属性的初始状态?如果我用的是grapesjs-preset-webpage,这个配置会放在哪里?就在grapesjs.init{...}下面? 我想专门为图像组件设置最小尺寸,并禁用一些角点,比如 tl、tc、tr。

#4512017年10月26日作者 alexlyul2 个回答
0 个反应

图片上传器

嗨。 谢谢你提供这么好的工具。 有些问题可以问: 我该如何配置这个 http://prntscr.com/h214o4 上传工具来保存图片,无论是存储还是存档 服务器? 有没有什么示例或说明书说明它应该是怎么工作的? 我的服务器应该发送哪些答案? 非常感谢。

artf

当然,你可以在这里找到更多相关信息 https://github.com/artf/grapesjs/wiki/Assets#uploading-assets

lock[bot]

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

#4502017年10月25日作者 desprit2 个回答
1 个反应

弹性支撑

演示里我看到“flex”标签,里面有所有flex样式。但在当前的“0.12.17”版本中没有这样的标签页。这是自定义配置吗? 附言:演示版和现有版本之间还有许多其他细微差别。演示主题看起来真的很棒。

artf

你好@desprit演示用自己的预设(样式和插件)扩展了核心 Grapesjs 库。可能很快我会自己建一个仓库 顺便说一句,这里有弹性配置:https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1149

lock[bot]

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

#4492017年10月25日作者 alissonphp2 个回答
0 个反应

我可以动态加载编辑器内容吗?

我有一个 API 休息,负责接收并提供编辑器内容。编辑器创建的整个存储都会被保存:资源、组件、CSS 等每个项目都可以通过路由访问(例如编辑器 / 页面 / 4),加载路由 API 时返回该项目的内容,但调用 action editor.storeManager.load (内容)时,我无法将内容加载到编辑器中。 处理这种流程的最佳方式是什么? 感谢大家的关注。

artf

如果你说的内容是指html/css,那你可能在找'editor.setComponents('<div>...')'

lock[bot]

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

#4482017年10月24日作者 ateshuseyin3 个回答
1 个反应

如何移除SelectorManager。

我不想让SelectorManager出现在我的项目里。

ateshuseyin

@thecodefish 有效。谢谢。 @artf 这个问题可以结案。

artf

你什么意思?SelectorManager 是保留类集合的必要功能,它是核心的一部分,不能移除

ateshuseyin

在样式管理器界面顶部,有“类别”部分。我想把它从界面里移除。

#4472017年10月24日作者 ateshuseyin2 个回答
1 个反应

多语言支持:有一些静态文本

你好,@artf, 正如你在#26中描述的,通过配置实现多语言支持是可能的。但项目中也有一些静态文本。比如 https://github.com/artf/grapesjs/blob/88c262be2409734b276d2c22b1f7080ea8359ba1/src/trait_manager/model/TraitFactory.js#L30

artf

👍 我会为下一次发布更新

lock[bot]

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

#4462017年10月24日作者 fzs19943 个回答
11 个反应

加载葡萄编辑器时,分类以块为单位折叠

你好, 我希望所有在 Blocks 中列出的类别,在加载 Grapes JS 编辑器时必须处于初始收缩状态。我该怎么做?另外,如果点击任何一个类别,其他所有类别都会像手风琴一样关闭。这可能吗? ![图片](https://user-images.githubusercontent.com/10684213/31940325-5921883e-b8db-11e7-9b81-dab1c1ccf59c.png) 谢谢!

artf

试试这个 “''js const 分类 = 编辑器。BlockManager.getCategories(); categories.each(category => { category.set('open', false).on('change:open', opened => { opened.get('open') & categories.each(category => { 类别 !== 打开 && category.set('open', false) })...

fzs1994

哇,兄弟,非常感谢! 抢先看: ![图片](https://user-images.githubusercontent.com/10684213/31998481-a539e266-b9ad-11e7-9b61-9272f453899e.png) :heart_eyes:

faizansaiyed

用背景图片给你的自定义类和设置样式 例如代码: 在 bm.add 块中 以及CSS中的

#4452017年10月24日作者 suchithmahadi3 个回答
0 个反应

调用组件外的函数,正如 issue #395 中所述

我调用的是组件外部的一个函数,正如 issue #395 中解释的那样 但它返回的是字符串而不是函数 我想在脚本中调用defaults.drawGauge函数,并动态传递生成的ID。 我卡住了,请帮帮我 Grapesjs.plugins.add('liquid-gauge-plugin', function(editor, options){ 设默认值 = { 该函数必须在组件脚本中调用 drawGauge:function(id){ ALERT(“draw” + id); } } 对于(设默认名称){ 如果(!(选项中的名字)) options[name] = defaults[name]; } var domComponent...

artf

如果你想在字符串里附加一个函数,你必须传递字符串 “''js drawGauge: 'function(id){ alert(1); } ``

suchithmahadi

抱歉@artf我没听懂你具体说什么,能详细说说吗? 这里我想调用domComponents脚本函数中的函数(“drawGauge”,位于第三行)。 请解释一下与上述问题相关的内容。 谢谢你的帮助。 请帮帮我,这对我来说非常关键,我已经卡住了一周。

artf

在你的“脚本”属性中,“{[ d ]}' 会被替换成 componet 的 'd' 属性,这不能是一个函数,所以如果你的最终结果应该是这样的: “''js var di = function() {...};

浏览所有主题