GrapesJS 问题

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

找到 3,464 个问题

#5302017年11月15日作者 tomichal2 个回答
0 个反应

通过图层管理器隐藏的元素在保存内容后无法再恢复。

http://grapesjs.com/demo.html 上复制步骤:点击图层管理器。隐藏任意图层,例如:头部。保存内容——演示版会自动保存内容——演示使用浏览器本地存储,每一步都自动保存。重新加载页面。 结果:隐藏图层在画布上不可见,但在图层管理器中仍然存在(这也是我们的预期),但点击“眼睛”按钮后,隐藏图层无法再显示。

artf

感谢提醒@tomichal修复将在下一个版本中发布

lock[bot]

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

#5292017年11月15日作者 krunal0392 个回答
0 个反应

Editor.setComponents(html) 在编辑器中重置为默认的特征值

#522 感谢大家的帮助,我通过 this.model.attributes 解决了问题。但现在我又遇到了另一个问题,editor.setComponents 在 html 编辑器中重置了 value,且 html 还原为默认特征值。 应用流程 1)用户被重定向到 grapesjs 编辑器编辑页面内容,在那里可以使用不同的组件 2)保存编辑.getHtml()后,将保存到数据库并重定向用户到页面,新内容将从数据库中检索并以选定的组件和值显示 3)用户可以选择编辑同一页面并重定向到编辑页面 4) 加载页面组件时,从数据库检索并加载到 grapesjs 编辑器进行编辑,通过 editor.setComponents() 设置,方便用户...

artf

@krunal039“editor.getHtml()”是你的最终输出,显然没有关于性状和其他信息的部分。如果需要用户再次编辑模板,就存储并使用“editor.getComponents()”。

lock[bot]

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

#5282017年11月15日作者 krunal0391 个回答
0 个反应

模型与组件示例代码及问题

@artf 抱歉又制造了问题,但我尝试了下面的代码,我也为它创建了 codepen。 [“代码笔”](https://codepen.io/anon/pen/qVXejm) 但它仍然只通过 editor.getHtml(), 返回空 div ![捕获](https://user-images.githubusercontent.com/11716808/32842765-dc921d64-ca15-11e7-9b4e-7dd7bd9ad897.PNG) 我能在Canvas上看到HTML更新,但模型上没有。 ![捕获](https://user-images.githubusercontent.com/11716808/328428...

lock[bot]

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

#5272017年11月15日作者 krunal0392 个回答
1 个反应

模型和HTML返回问题

#522 @artf我照你说的试过了,但还是没成功,我不想浪费你的时间,但如果你能做一个小样本或者指引我去样本,那会非常有帮助,我肯定我漏掉了什么。 抱歉不得不开另一个问题,但这是同一个#522的延续, 这里editor.html()只有在组件渲染的特征变化未返回时才返回默认值。 我能在 Canvas 上看到更新后的值,但通过 editor.html() 获取 HTML 时,它给出了默认值,却没有通过 trait 更新。 'function createPCBoxComp(comps, defaultModel, defaultView) { comps.addType('pcBox', { 定义模型 model: default...

adamlc

@krunal039这不是支持表格。如果你有任何问题,在这里提问只会激怒贡献者。如果你有问题,可以在Stack Overflow上问,那正是它的用途......

lock[bot]

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

#5262017年11月15日作者 matiponce912 个回答
0 个反应

新功能

你好,亚瑟, 我开发了一个新功能,可以在方块面板内添加标签页(这是可选的,意思是如果你不添加任何标签,方块面板会继续保持之前的状态),这些标签页可以有自己的类别和块。我的问题是,由于我必须开发一个全新的管理器,叫做 TabManager,是否可以在 Core GrapesJs 中添加这个功能。 如果只能作为插件添加,我该如何添加这个新的管理器? 这个想法是 “JavaScript tabManager:{ 默认:“内容”, 标签页:[{ 编号:“tab1”, 标签:“标签1”, attributes: { class:'gjs-fonts gjs-f-b1' } },{ id: 'tab2', 标签:“Tab 2”, attrib...

artf

这里可以看看 https://github.com/artf/grapesjs/issues/499 :)

lock[bot]

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

#5252017年11月15日作者 enricribas3 个回答
0 个反应

Local2 存储不工作的示例

使用文档中提供的代码。https://github.com/artf/grapesjs/wiki/API-Storage-Manager 在“加”例子中。我正在尝试创造自己的存储方式。 “存储”方法运行良好,它会把内容添加到localStorage。我可以在Chrome开发工具的应用程序中查看它。 用autoload:false刷新页面时,刷新页面时显示的是空的HTML正文,这也是你预期的。点击我有一个调用“加载”方法的按钮,运行但不会更新编辑器。 (直接摘自文档) 这是通过呼叫...... 我称之为奔跑...... 这段代码运行后,我能看到控制台里的密钥和数据。 我需要做些什么来更新吗?

enricribas

看来我得手动打电话 在上述返回结果之前。 这在示例代码里没有。是这样吗?我觉得很奇怪,那其他元素,比如 GJS 风格和 GJS 资产呢?它们不是必需的吗?

artf

你好Enric,实际上维基没有更新新的签名,你得自己打回电 “''js store(data, clb) { ...异步存储 clb(resultObject); ... }, Load(keys, clb) { ...异步负载 clb(resultObject); ... } ``` 谢谢你指出这一点

enricribas

谢谢,我待会儿试试!

#5242017年11月15日作者 ShepelE3 个回答
2 个反应

我找不到撤销/重做/移除按钮

你好!Artf,谢谢你的葡萄。 我一直在谷歌这些按钮应该加在哪里——没找到。所以我认为它们应该默认显示。但我不是这样 (( 请帮我找出问题所在 我在 React 组件中插入了 grapesjs——只需从 init 插入 grapesjs 到 componentDidMount。除了这个问题,其他都正常

artf

点击这里 https://github.com/artf/grapesjs/blob/gh-pages/js/grapesjs-preset-webpage.js#L198

artf

@benvmatheson https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js

ShepelE

谢谢!

#5232017年11月15日作者 tldrjumps3 个回答
2 个反应

如何在Canvas样式属性中导出链接的CSS

如何在代码视图导出HTML/CSS并下载为zip格式。styles.css 里的样式表在 grapesjs 画布里引用,但未使用的不用,实际上我对所有 styles.css 样式表都挺满意的,方便导出 API 访问。 如果我在初始化中添加样式表 是的,表格 😋 感谢大家的努力,让我们来处理这个简单的问题,记录或在问题列表中留下痕迹。 Artf应该更多地关注其他令人惊叹的功能。

artf

@chiqui3d绝对不应该把这些样式加到存储用的材料里,否则会重复添加这些样式。

artf

我遇到的问题是,当我尝试用 grapesjs 导出插件导出代码时,Canvas 里引用的内容都没有导出。 @Yakito 目前这些脚本/样式应该手动包含,你可以用导出插件里的“root”选项: “''js 根:{ ... 'index.html':ed => ' <head> <link href=“${myStyle}” .../> <script src=“${myScript}” .../> </head> <body>${ed.getHtml()}</body> }...

artf

你好@tldrjumps我不确定我是否完全理解了你的问题。你也可以用“editor.getCss()”获取所有CSS,它也会尝试通过移除没有组件的类来优化。 通过“canvas.styles”选项插入的样式只是注入到画布里面,但实际上编辑器看不到规则

#5222017年11月14日作者 krunal0393 个回答
0 个反应

模型HTML问题

#513 抱歉打开新期,但你关闭了上一期,所以不得不重新创建, 我在下面遇到困难,如果你能帮我解决或指导我示例代码就太好了,或者如果你有5分钟时间,做个小代码笔也很好,非常感谢你的帮助。 我试过你建议的,但子组件的模型依然没有更新,只在组件渲染时返回默认值。 “''js function createPCBoxComp(comps, defaultModel, defaultView) { comps.addType('pcBox', { 定义模型 model: defaultModel.extend({ 扩展默认属性 defaults: Object.assign({}, defaultModel.prototype.defau...

artf

你可以在渲染时触发你的操作...... “''js ...在你的模型内部 init() { .... } 更新AllStuff() { this.updateTitle(); this.updateHoverText(); ... } ...在你的视角内 render(...args) { ... this.model.updateAllStuff(); 还回来; } ```

krunal039

@artf我试过Bust还是没用,如果可以的话,能做个小样本吗?

lock[bot]

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

#5212017年11月14日作者 Eman-Shaaban2 个回答
1 个反应

远程存储帮助

维基里关于远程存储的部分说得不太清楚,我想知道我是否可以按名称将模板存成html文件,并按名称检索。

artf

你好 @Eman-Shaaban,GrapesJS 只是一个客户端库,不处理后端相关内容。远程存储只是把数据发送到某个服务器端脚本,然后由它来处理(你可以把数据存储在文件里,或者可能存储在数据库表里)。这就是你需要的全部代码 “''js VAR Editor = Grapesjs.init({ 容器:“#gjs”, ... storageManager: { 类型:“远程”, urlStore: 'http://store/endpoint', // <-- 这里你需要设置...

lock[bot]

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

浏览所有主题