PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

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 thanks for all help was able to resolve via this.model.attributes. but now I have another issue, where editor.setComponents reset value in editor of html retrived to default traits values. 应用流程 1) 用户被重定向到grapesjs编辑器编辑页面内容,可以使用不同的组件 2) On save editor.getHtml() saved to database and redirect user to page and new co...

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的延续, here it editor.html() only return default value when component render any of change in trait is not returned.I can see updated values in canvas but when I get html via editor.html() gives default values but not update...

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分钟时间,做个小代码笔也很好,非常感谢你的帮助。 我试过你建议的,但子组件的模型依然没有更新,只在组件渲染时返回默认值。 现在它生成的是HTML下方,但属性更新不正确。 ![1](https://user-images.githubusercontent.com/11716808/32786384-b48e5cc6-c94b-11e7-8a46-baa7027bf1a3.png)

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]

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

浏览所有主题