问题 #2195✓ 已解决提出于 2019年8月15日作者 Jogai5 个反应

在模板中定义组件

快速解答作者 pouyamiralayi2

如果你想在画布中已经放置了一些组件来初始化编辑器,你需要这个: “''js 编辑器初始化...... 定义自定义组件如前所述 与其继续区块定义,不如使用以下摘录: editor.setComponents(' <tr data-gjs-type=“custom-type”> <td,> <a> <img style=“margin-bottom: 5px;” alt=“” src=“https://cdn.@(Model.Site.Address)/Subscribe.jpg” border=“0” width=“468” /> </a> </td> </tr> ',) ``` 干杯。

阅读下方完整回答 ↓

问题

问题我如何将模板的一部分设为组件?如何为这样的组件设置可拖拽组件?如果是这样,我能否停止在组件内部的子节点上设置 selectable: false、highlightable: false、hoverable: false?是否可以为组件提供不同的外部链路?更多解释和代码部分 我有个问题,因为我觉得葡萄比我现在用的更智能。我们有一个 asp.net 应用,它集成了,我们从一个元素初始化它。这个元素是我们的HTML模板和数据的结合,每天为用户提供预填的新闻通讯,内容更新。他们可以拖动文章然后发送。 我们的模板里有类似这样的内容(里面的代码是razor/cshtml相关内容): 在我看来,这看起来应该是一个启用了新 draggableComponents 选项的组件。(参见问题1-3) 这件作品有一个外部链接,最终会进入输出。如果能有另一个链接,不发送,仅供内部使用(在我们CMS中链接到编辑器),那将对用户有帮助。可能只能在图层管理器里使用。

回答(3)

👍 最有帮助pouyamiralayi2019年8月19日

如果你想在画布中已经放置了一些组件来初始化编辑器,你需要这个: “''js 编辑器初始化...... 定义自定义组件如前所述 与其继续区块定义,不如使用以下摘录: editor.setComponents(' <tr data-gjs-type=“custom-type”> <td,> <a> <img style=“margin-bottom: 5px;” alt=“” src=“https://cdn.@(Model.Site.Address)/Subscribe.jpg” border=“0” width=“468” /> </a> </td> </tr> ',) ``` 干杯。

artf2019年8月24日

目前 Grapes 在存储自定义组件时存在一些问题,这些组件是外部插件定义的。 实际上,是正确存储的,关键是加载那些尚未识别的组件,因为自定义类型还不存在,所以这也是为什么要把代码放进插件里(插件是在获取组件之前加载的)。我们正在更新组件文档,这将是定义自定义类型的首个建议(也是唯一可用的) 顺便说一句,@Jogai@pouyamiralayi描述的方法是正确的。而不是写作 '''html <tr data-gjs-draggable=“#main” data-gjs-copyable=“false”> 并且在你需要的地方使用它 '''html <tr data-gjs-type=“my-r...

Jogai2019年8月19日

感谢你的回答和链接。他们真的很有帮助。 不过对于这个问题,我想找一种在模板内实现的方法。目前我们不用blockmanager,用户只是拖动东西。他们从不添加任何内容。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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