PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我在“bolt-interactive-pathway”里有几个“bolt-interactive-step”，我想将它们排序，但grapesJS拖拉器只允许我把它放进“bolt-interactive-pathway”里，然后附加到最后：无法排序。 ![ezgif-4-a2ad6c15e82c]（https://user-images.githubusercontent.com/1361104/66575077-f0acd580-eb3a-11e9-9bfa-e54bf13dee20.gif） 更糟的是，这种方法实际上只有大约10%的成功率。
artf
是只在图层内，还是也在画布上？你能做一个可复现的演示吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
项目使用 webpack 编译项目以便以捆绑包形式分发，这是一种用 GrapesJS 作为编辑器的插件，一切正常，除了 GrapesJS 加载的字体缺失。当用 'webpack-dev-server' 运行时一切正常，但用 webpack 构建并尝试在简单服务器（用 dist 文件的不同文件夹）上运行时，看起来是这样： ![图片]（https://user-images.githubusercontent.com/582516/66448498-185f4900-ea28-11e9-81a1-8ad11be0596e.png） 现在项目目录里有“webpack-dev-server” ![图片]（https://user-imag...
pouyamiralayi
使用 [outputPath]（https://webpack.js.org/loaders/file-loader/#outputpath） 选项，指定 webpack 将发送文件的输出文件夹。根据你说的：用webpack-dev-server运行时一切正常 项目加载到另一个文件夹 看起来是输出路径的问题。 抱歉如果这些信息没帮到你。
eduardonunesp
太好了，谢谢@pouyamiralayi今晚我会再检查一下outputPath。
pouyamiralayi
你试过用“file-loader”代替“url-loader”来处理“ttf”或其他字体类型吗？
当我用以下方法代替“pathwaysParent.render（）”时，显然会形成一个无限循环： 我可以在“pathwaysParent.view.el”访问EL，但我仍在寻找一个不作弊的方式强制DOM组件重新渲染。
glassdimly
我最终对每个“移除”的对象触发了一个事件，导致它们触发了自己的更新。我用配置文件对象做过这个，但这里有我代码的更具体草稿。这些是阴影主导组件，所以“this.parent（）.closest（'pathway'）”是“<pathway></pathway>的选择器 一般来说，重新渲染不是编辑的职责。虽然我本可以满足地刷新所有内容，但无法从内部“移除”访问“编辑器”对象。
你好， 我已经知道这样： 'Grapesjs.init（{ // ... styleManager： { textLayer：“MyLayer”， } })` 但如果可能的话，我不想在init函数里翻译它。 对于块，例如有set（）函数来翻译标签。 有没有类似的东西让样式管理器在插件文件中转换属性，而不是在初始化函数里？ 谢谢！ 编辑：算了，我刚找到方法，抱歉。
[功能请求] 我必须添加块，这样才能打开一个带有表单字段的模态。根据所选表单数据，我需要生成一个HTML字符串并插入到编辑器中。点击/双击组件后，Modal 应该会再次打开，显示表单详情。 我该怎么做？请帮帮我。
jcarizza
你好@suchiitsme我觉得你可以实现一个组件类型。
suchiitsme
你好@suchiitsme我觉得你可以实现一个组件类型。 谢谢。我会试试的！！
suchiitsme
嗨 我该如何将这个链接到阻挡？
我想创建一个自定义的资产管理模态，在 Bootstrap 模态中打开。我想保留原来的资产管理器功能（比如放置图片区域、从移除中获取图片的输入，以及我想用datatable来管理图片/资源）。此外，我还想集成Pixabay API，方便将图片输入编辑器。这可以放在另一个标签页里。参见模型。 能否提供一些通用指南，告诉我如何在我的视图中创建一个引导模态并加载资产管理器？ ![mockupgrapes2]（https://user-images.githubusercontent.com/31323376/66350823-1d7da480-e911-11e9-80e8-179a0f7335cc.jpg）
PriyankaPrabhu
@kickbk 你实现自定义资产管理器了吗？如果是的话，请分享代码
khoa-justuno
你可以通过覆盖默认的图片资源管理器来实现自定义模态。 当你想设置图像时，可以使用这个。
artf
我建议采用@khoa-justuno提出的同样方案 如果你需要新的模态，从零创建资产管理器UI会更容易，重复使用GrapesJS创建的DOM元素，在这种情况下维护起来会很麻烦
这将提供比当前基于回调的方法更现代、更简洁的 API。 拟议API： “JavaScript 编辑。StorageManager.add（'simple-storage'， { 加载：异步键 => { const result = await foo（keys） return JSON.parse（result） }, async store（data） { const result = waitit bar（data） 回球结果 } }); 2.切换到仅承诺的 StorageManager API 这样做的最大好处是，我们会鼓励更为最佳的实践方法，API也会简单许多。不用支持两个略有不同的 API，也有助于维护。不幸的是，这将是...
tom-sherman
谢谢你的想法！希望这周我有时间实现它
artf
Tom，这个功能请求真酷，我非常希望能有个永久授权。 我肯定会选择你的第一个方法，不破坏当前API始终是一个目标。仅仅是能添加创建异步等待的自定义存储管理器功能就太棒了。以后我们也可能更新内置的“本地”和“远程”存储，使其能够实现这种方式。 这里有一个我预期可行的示例（也要检查[存储事件]（https://grapesjs.com/docs/modules/Storage.html#events）是否正常工作） “''js const asyncStorage = {};...
artf
通过新的 StorageManager 重构，这个功能可以关闭 https://github.com/artf/grapesjs/pull/4223
大家好， 我有一个包含 Outlook 专用 HTML 的模板，如下所示： '<!--[if （gte mso 9）|（IE）]><table width=“100%” border=“0” cellpadding=“0” cellspacing=“0”><！[endif]-->' 当我导入这个 HTML，并尝试在 DOM 中在这个特定位置上方或下方添加一个块时，显示组件将在画布中放置位置的绿色线条不会正确显示，且会变得比预期的要小得多，如下图所示 <img width=“1232” alt=“截图 2019-10-07 下午6点48分” src=“https://user-images.githubusercontent.com...
artf
可能需要创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html）来处理这种情况
我使用的是最新版本的 grapesjs（0.15.8），并在 Electron 上的 Windows 10 x64 上运行（这不是 electron 的问题），但当我尝试动态将脚本附加到编辑器 iframe 时遇到了问题，我附上了 CodePen 的链接，想了解更多相关问题。在我的项目中，我需要动态更改脚本。脚本只有在我通过'canvas： {scripts： ['...']}'添加时才有效，不能在我'$（editor.Canvas.getDocument（）.head）.append（“...”）;' [代码笔]（https://codepen.io/TheComputerM/pen/dyyyjxz?editors=0010）...
pouyamiralayi
你好！看看[这个]（https://github.com/artf/grapesjs/issues/1311#issuecomment-407921633）是否能帮到你： 干杯！
TheComputerM
非常感谢，修复方法有效，但为什么 jQuery 不行？
TheComputerM
好的，非常感谢。
你好， 我正在尝试为面板实现几个更多的动态按钮，比如一个保存按钮，根据某个标志会显示动画加载旋转器、保存图标或“已保存”文本。为了实现这一点，我需要能够动态设置内容，可能还要使用图标和文字。 我在想有没有比移除按钮再加回来更好的方法（我猜按钮的顺序会改变，实际上需要添加和移除一整套按钮才能保持顺序不变），或者用DOM操作来更改内容。 提前感谢大家
DamodarSojka
感谢你这么快的回复，之前不知道标签属性，因为文档里好像没提到。
artf
你可以通过这种方式更改属性和内容 “''js const prevBtn = editor.Panels.getButton（“options”， “preview”）; prevBtn.set（{ 属性：{title：“新标题”}， 标签：“新内容” }) ``` 如果有更具体的，可以直接操作DOM