PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我创建了一个组件 var comps = 编辑器。主导组件; var defaultType = comps.getType（'default'）; var defaultModel = defaultType.model; var defaultView = defaultType.view; comps.addType（'module'， { model： defaultModel.extend（{ defaults： Object.assign（{}， defaultModel.prototype.defaults， { 可掉落：错误， 可编辑：错误 }) }, { isComponent： 函数 （el） { if （el...
mksmanish79
我可以通过创建插件来解决这个问题
当我用数据库刷新保存页面时，html 和 css 的设置是这样的 $.Ajax（{ 网址：“../feeder.php“， 类型：“POST”， processData： false， contentType：false， 数据：FD， 成功：function（result）{ var response = JSON.parse（result）; HTML = response.html; CSS = response.css; 编辑。CssComposer.getAll（）.reset（）; editor.setComponents（html）; editor.addComponents（'<style>'+css+''</st...
artf
@alikabeer32请按照BUG模板操作，没有演示很难理解问题所在
我正在尝试将模板数据保存到数据库中。目前我让它正常工作。它会把“资产”、“组件”、“样式”、“HTML”和“CSS”数据（就像它保存到浏览器的本地存储一样）发布到PHP脚本中。 我发现，“组件”部分（“editor.getComponents（）”）包含了包含所有动态元素（如“倒计时”或“滑块”）的HTML结构，因此它能可靠地存储包含所有动态元素的完整模板。“Html”部分（'editor.getHtml（）'）只能保存页面的静态部分，它省略了这些动态元素。 我的问题是，我需要一种方法，只把这些动态元素（'倒计时'、'滑块'）的配置和初始化代码存储在 HTML 里。原因是，在我将所有五个数据元素（“素材”、“组件”、“样式”、“h...
alikabeer32
你的JavaScript代码真的在设置好吗？可能是因为框架默认运行 editor.setComponents（yourhtml） 时不会设置 js; 'const editor = grapesjs.init（{ ... allowScripts：1， });` 这可能会帮到你。祝一切顺利。
lajby95
@alikabeer32 嗯，这似乎解决了问题。谢谢！
你好@artf， 我创建了一些带有特性的自定义组件。我保存文件后重新加载，编辑器和预览模式都看不到属性。不过这些属性可以在代码管理器中看到。 有没有办法让它展示它？如果我根据属性给出任何事件，预览模式下事件就不会被触发。 编辑器中的组件 ![属性1]（https://user-images.githubusercontent.com/19382262/60640782-6de2f300-9e46-11e9-8100-b396c0b075fa.jpg） 代码管理器中的组件 ![属性2]（https://user-images.githubusercontent.com/19382262/60640781-6de2f300-9e46-...
artf
请仔细阅读这部分 https://grapesjs.com/docs/modules/Storage.html 如果还是不行，可以打开一个bug问题，创建一个可复现的演示
我目前正在使用 GrapesJS 来为我的网站博客文章构建一个编辑器。我想改变默认行为的一件事是无法“解除链接”，即使用rte工具栏将已转换为超链接的文本。于是我写了以下函数： 这个功能允许你撤销链接，只要光标/选择在超链接文本中的任何位置。 我通过选择段落中的一部分文本并将其转换为超链接，方法如下（超链接按钮是RTE工具栏中最右边的按钮）： ![测试设置]（https://user-images.githubusercontent.com/9363958/60618298-6e9e6980-9df3-11e9-9b6d-1d2d1b3f7e7e.png） [工作案例] 正如你在左侧图层管理器中看到的，尽管选区（“GrapesJS...
artf
这是 grapesjs处理组件的方式出了问题吗？你能帮我理解一下为什么会这样，以及我该怎么做吗？ 是的，这就是内置文本组件和RTE的工作原理，所以我建议你更新 result() 逻辑，添加一个检查所选组件是否是链接，如果是这样就用别的东西替换
rahuloftheramaneffect
这方法非常成功！谢谢！
你好， 我想从 AssetManager 模型中获得选中的图片。 谢谢。
vish4395
我找到了解决办法 It helps me to use asset manager for changing the image field outside the editor. Is this is the right way to use it?
artf
是的，但我可能会去掉“onClick”功能，因为onSelect已经做了
我想在 grapesjs 编辑器中点击打开一个模态，锚定在提供的 html 里。 我在锚点上设置了bind onClick事件，但点击到那个锚点时，触发了grapesjs的prevDef方法，触发了'event.preventDefault（）'。 那么有没有办法禁用它，或者点击某个模态时打开该模态？
artf
你能用现场演示展示你的例子吗？我想开启一个模态 是模板里的模态还是GrapesJS的模态？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
应该有功能可以从右边切换到左边工具栏我找不到任何选项可以添加属性，比如在表单时添加动作，对于表单元素添加名称，以及在点击操作时添加（如果可能的话）。
你好，感谢你这个精心制作且非常有帮助的项目。 我想知道是否有关于如何将第三方组件库整合进生态系统的指南，这里的库是指那些提供我们自定义元素的库： https://framework7.io/docs/introduction.html https://onsen.io/v2/guide/#getting-started 提前感谢大家。
ghost
抱歉，我只是看了你们文档里的“组件和JS”，我想你们已经考虑了每个方面。精彩的作品。 提前感谢大家。
你好，希望大家今天过得愉快。我在看编辑HTML函数。在那个过程中，我更改了编辑窗口的视图，比如导出模态。（即，HTML和CSS的单独窗口）。我可以编辑内容。我需要在modal窗口里获取内容（html和CSS），同时点击保存按钮。现在我用的是“$editor.view.el.outerText”。它给出的内容只需最低的CSS数量。如果我编辑大块，外文无法返回完整的CSS。还有其他方法可以在保存时获取模态HTML和CSS吗？ ![编辑]（https://user-images.githubusercontent.com/52228872/60480649-ef504f00-9ca7-11e9-9e85-1e1fa8c1ffb7.png）
artf
我觉得你应该在找 ['getHtml']（https://grapesjs.com/docs/api/editor.html#gethtml） 和 ['getCss']（https://grapesjs.com/docs/api/editor.html#getcss）