问题 #2772💬 已回答提出于 2020年5月13日作者 Mohsen-Khakbiz0 个反应

:根据特质加载脚本/CSS到画布

快速解答作者 artf

当你使用'canvas: { scripts: [], styles: [] }''时,它只会将这些文件附加到编辑器的画布中,所以你在最终代码('editor.getHtml()'中不会看到它们)。 虽然没有全局列表,但你仍然可以告诉组件避免包含你的脚本 “''js const myScript = function() { cont el = this; // ... } 编辑。Components.addType('...', { 型号:{ init() { this.on('change:my-trait-prop', this.onTraitPropChange); this.onTraitPropChange();在in...

阅读下方完整回答 ↓

问题

你好。首先感谢你提供这个甜美又可爱的工具。

我需要的是根据特质向画布加载 js 或 css 文件。 假设我有一个按钮,可以选择触发灯箱。 ![1](https://user-images.githubusercontent.com/1507948/81849162-64004500-956b-11ea-9927-867bff19dfbc.jpg)

现在我需要的是,只有在勾选了这个选项后才加载Lightbox插件的文件。 我无法通过组件的“脚本”属性实现这一点。至少是干净利落的 ![2@2x](https://user-images.githubusercontent.com/1507948/81849776-454e7e00-956c-11ea-8ea4-b1fdc234a1cd.jpg)

顺便说一句,这个方法可能有效。但我更喜欢有一个全局脚本或样式列表,最后把它们放进我的HTML里 类似 canvas: { 脚本: [] } 但我希望能动态添加到这个列表里

回答(1)

artf2020年6月5日

当你使用'canvas: { scripts: [], styles: [] }''时,它只会将这些文件附加到编辑器的画布中,所以你在最终代码('editor.getHtml()'中不会看到它们)。 虽然没有全局列表,但你仍然可以告诉组件避免包含你的脚本 “''js const myScript = function() { cont el = this; // ... } 编辑。Components.addType('...', { 型号:{ init() { this.on('change:my-trait-prop', this.onTraitPropChange); this.onT...

相关问答

通过相似的问题讨论继续研究。

问题 #3699

细胞悬停随机偏离实际细胞

嗨! 我在公司的一个项目中使用 grapesJs 进行电子邮件编辑,并配合 Newsletter 插件。 一切都运行得很好,除了我无法解决的这个bug: 有时候,当我在画布里拖动方块时,单元悬停会乱局。最大的问题是这种行为完全随机,会发生也可能不发生,但一旦发生会很烦人。 唯一...

4 个回答更新于 2021年8月16日

问题 #3579

在放置“activeOnRender”组件后立即打开RTE时丢失了

版本: 0.17.4 你能重现演示中的bug吗?[x] 是的[ ] 不 繁殖步骤:前往[演示](https://grapesjs.com/demo.html)在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置(参见[附图](https://user-i...

4 个回答更新于 2022年1月17日

问题 #3615

文本组件无法更新,无法从toHTML获得最终结果。

它是文本成分, 如果选择正文,文本会在组件到HTML方法中进行修正保存/应用/存储, 如果只是更新文本,但不保留文本部分,只需点击保存 然后使用“editor.getHTML()”,结果不会更新。 ![Snap77](https://user-images.githubuser...

4 个回答更新于 2021年9月24日

问题 #3166

复制粘贴节点的问题

*版本:0.16.27 你能重现演示中的bug吗? [ ]是的 [ ] 不 预期的行为是什么? 在右侧面板和画布中,粘贴的节点应该在复制的节点之后。 目前的行为是什么? 我复制一个节点。在views-container(右面板)中,粘贴的节点位于复制节点之后。但在画布中,粘贴的...

4 个回答更新于 2020年12月6日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。