GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#5322017年11月16日作者 tomichal2 个回答
0 个反应

尝试隐藏图层管理器中的某些元素时出现错误

步骤:前往 http://grapesjs.com/demo.html开放层管理器。点击“无需编码即可构建模板”文本元素。点击图层管理器中的“眼睛”按钮以隐藏元素。 结果: 以下例外情况被抛出: 未捕获的类型错误:无法在字符串“''上创建属性”显示” 而且元素并不隐藏。 我相信我找到了原因,会创建一个拉取请求并修复。

artf

最新版本已修复 https://github.com/artf/grapesjs/releases/tag/v0.12.37

lock[bot]

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

#5312017年11月16日作者 vishal50333 个回答
1 个反应

求助:我想把分镜放在左边,编辑器放在右边

你好, 我希望面板显示在窗口的左侧,编辑器显示在右侧。 你能帮帮我吗?

artf

请注意,从 https://github.com/artf/grapesjs/releases/tag/v0.14.5 开始,'#gjs-pn-'现在变成了'.gjs-pn-'

JuanTincho

嗨!我通过我们正在做的一个项目中的插件成功做到了。 我不知道@artf是否想在 Grapesjs 中实现它。

vishal5033

你好@JuanTincho,能给我那个插件吗? 我还想在面板菜单里实现标签。如果你对此也有一些细节。你能分享一下吗?这会非常有帮助。

#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

谢谢,我待会儿试试!

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

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

浏览所有主题