#31532020年11月23日作者 excitedbox2 个回答
我自己也在考虑做这个，因为这个问题被要求很多次了，我想问问这个项目是否已经在进行中，如果没有，也许大家愿意给点建议。 我想象的它的运作方式有点像一个带有容器块的表单，定义数据源、获取密钥的方法（post/get），以及它是一次性数据项还是循环项，比如列表或一组卡片。然后你会插入一个动态模板块，里面有数据项的占位符，定义了列。对于列表，它代表一行，对于一组卡牌，则是一个卡块，内容被列ID替换。 这还可以用于设置表单的默认值，将表单响应处理到数据库中，并开启许多其他内容可能性。 我的问题是我是否应该使用模板引擎来简化操作，但那需要额外的依赖。是否可以在从主侧边栏拉取组件时创建一个子画布来创建模板？我应该把数据库脚本分开，而不是用存储管...
artf
这些事情可以通过插件来实现，但我无法回答你的问题，完全离题了，找到正确答案取决于你的知识（可以试着在StackOverflow上问问）。
ClaudeCode
谢谢你举报，@excitedbox。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触...
#31522020年11月23日作者 fq-selbach4 个回答
版本：16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不 描述一下这个bug： 我发现了“gjs-hovered”（负责元素鼠标悬停轮廓的类）存在问题。有时蓝色轮廓在滚动时相对于其父轮廓会移动。 看看这个JsFiddle（并用鼠标滚轮滚动）：https://jsfiddle.net/vb7r1zns/ 这似乎只在HTML代码以另一个完整的宽度/高度 DIV 开始时发生： 预期的行为是什么？ 蓝色轮廓应始终与其父元素完全匹配，无论是否有溢出或滚动。 你能附上截图、截屏或实时演示吗？ [x] 是的（附上） [ ] 不 https://jsfiddle.net/vb7r1zns/
lofcz
如果能修复这问题就好了，虽然不是世界末日，但有点烦人。
artf
我决定关闭这个，因为其实之前已经修复了，旧的演示现在确实正常运行了。 如果你的编辑器被放在可滚动容器中，你仍然可能遇到这个问题，那请使用以下选项： https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163
#31512020年11月23日作者 theSC0RP2 个回答
嗨，@artf。我在看入门指南时，选择经理被放在风格管理器下面。 ![截图：2020-11-23 13-40-46]（https://user-images.githubusercontent.com/30771519/99940268-d0b59100-2d91-11eb-8ce9-f4027fed58ea.png） 我该如何将选择经理置于风格经理之上？
artf
正如你从示例中看到的 “''js 选择经理：{ 附录：'.styles-container' }, styleManager： { 附录：'.styles-container'， “''js 选择经理：{ 附录：'.styles-container-t' }, styleManager： { 附录：'.styles-container-b'， ```
ClaudeCode
谢谢你举报，@theSC0RP。 关于选拔经理职位的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#31502020年11月23日作者 michaelVictoriaDev2 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 详细描述你的功能需求详细 关于如何集成在CMS中的教程或文档
artf
十月CMS已有插件 https://octobercms.com/plugin/pkurg-pagebuilder
ClaudeCode
谢谢你举报，@michaelVictoriaDev。 关于FEAT：有没有办法或教程能让我们在十月CMS中集成？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则...
#31452020年11月17日作者 sashapawlow7262 个回答
我有一个HTML模板。HTML模板有一个按钮。点击按钮时，会触发一个事件（打开模态窗口）。有没有可能在不触发事件的情况下，直观地改变按钮的外观？使用 allowScript： 0，我可以编辑按钮的外观，但在这种情况下，事件不会触发（打开模态窗口）。在 allowScript： 1 中，触发事件（打开模态窗口），但无法编辑按钮的外观。曾有过在allowScript 0和allowScript 1之间切换的想法，但allowScript会移除页面上的所有js。
artf
如果按钮需要自定义逻辑/行为，你必须为该按钮创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），并且需要根据原始HTML的自定义逻辑
ClaudeCode
谢谢你举报，@sashapawlow726。 关于FEAT：如果按钮有动作（打开模态窗口）如何编辑按钮，这真是个很棒的建议？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示...
#31442020年11月17日作者 antman33512 个回答
你好，我用GrapesJs模板打印HTML，所以我需要毫米的尺寸。 有没有办法在StyleManager里切换默认出厂设置？也许可以把它放进选项里？ 谢谢， 安东尼奥
artf
不，你不能，你只需要在 StyleManager 配置中配置属性（示例配置可以在这里找到 [https://grapesjs.com/docs/getting-started.html#style-manager）]）。
ClaudeCode
谢谢你举报，@antman3351。 关于[问题] 切换默认工厂的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#31422020年11月14日作者 mohd74693 个回答
@artf这正是之前已经被解决过的[问题#2760]（https://github.com/artf/grapesjs/issues/2760），这是错了还是我做错了？我本以为资源不会显示出来，但它们全都可见 ![图片]（https://user-images.githubusercontent.com/12613564/99156432-99d0e280-26e2-11eb-8289-d76d66af2ad1.png） 这是我的代码，我使用的是“Grapesjs”的版本：“^0.16.27”， ![图片]（https://user-images.githubusercontent.com/12613564/99156485-04...
artf
@awais786327请提供该问题的现场演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
ClaudeCode
谢谢你举报，@mohd7469。 关于AssetManager渲染问题的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#31412020年11月14日作者 webdevhayes3 个回答
如果之前有人讨论过，我真的很抱歉。我已经搜索过相关问题，也仔细阅读了文档，也许我理解得不对。 我知道你可以在页面构建器里运行脚本加载内容，但当我点击保存后，内容/HTML会被保存吗？这意味着前端会加载过时的内容或HTML吗？ 你能指点我去更深入理解这一点，并且让内容始终通过 ajax 调用动态加载吗？我用的是Laravel，存档功能都正常。 如果之前已经讨论过，再次抱歉。
artf
我觉得你必须读读[这份指南]（https://grapesjs.com/docs/modules/Storage.html）
anuragk15
你找到解决办法了吗？ 我也有类似的问题。比如，当我写博客并存储在数据库中时，现在每当有人访问我的落地页（用Grapesjs制作），我希望他们能看到我最新的博客。另外，如果有终端用户访问网站，我只需要发送 Grapejs 的 html 和 css 对吧？没有组件？
ClaudeCode
谢谢你举报，@webdevhayes。 关于加载动态内容的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#31402020年11月13日作者 ZeroCoolHacker2 个回答
我正在用 Grapesjs 开发一个测验生成器插件。我在想我们是否可以添加一个组件，它是交互式的，点击后会添加新的组件。 例如： ![图片]（https://user-images.githubusercontent.com/18724529/99068996-56d21a80-25cf-11eb-8aa7-29ca26ac4e6c.png） 大概是这样的。当丢弃时，没有输入，但点击“添加新字段”时，输入会出现。 可能吗？怎么做？
artf
你必须[扩展自定义组件的视图]（https://grapesjs.com/docs/modules/Components.html#view）
ClaudeCode
谢谢你举报，@ZeroCoolHacker。 关于Canvas中的互动组件，这是个很好的问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#31392020年11月13日作者 adamwpe3 个回答
我遇到了一个问题，当保存自定义HTML组件（只是一个表格）时，Grapes JS会修改它。 保存之前 ![图片]（https://user-images.githubusercontent.com/49768920/99049128-62512180-258e-11eb-9213-10bc30c037b0.png） 存档之后。 ![图片]（https://user-images.githubusercontent.com/49768920/99049054-464d8000-258e-11eb-9545-726b0348fa4c.png） 所以我想能够插入一个表格，因为我想用 twig（一种模板语言）进行门通 ： 我相信它和#60...
adamwpe
啊，如果我用这个 https://github.com/artf/grapesjs-custom-code，保存时不会修改 html。 但使用“gjs-preset-newsletter”时，这个方法无法实现。 因为如果你运行命令 'gjs-get-inlined-html'，它会修改代码。 E.g. HTML代码： 运行 'gjs-get-inlined-html'，它输出： 我猜你没办法阻止这种情况吧？
artf
你不能插入无效的HTML。如果你需要处理这些，你必须创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），然后它会输出自定义代码。
ClaudeCode
谢谢你举报，@adamwpe。 关于FEAT：关闭<table>存档时自动修改的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事...