在模板中定义组件
如果你想在画布中已经放置了一些组件来初始化编辑器,你需要这个: “''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)
如果你想在画布中已经放置了一些组件来初始化编辑器,你需要这个: “''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> ',) ``` 干杯。
目前 Grapes 在存储自定义组件时存在一些问题,这些组件是外部插件定义的。 实际上,是正确存储的,关键是加载那些尚未识别的组件,因为自定义类型还不存在,所以这也是为什么要把代码放进插件里(插件是在获取组件之前加载的)。我们正在更新组件文档,这将是定义自定义类型的首个建议(也是唯一可用的) 顺便说一句,@Jogai@pouyamiralayi描述的方法是正确的。而不是写作 '''html <tr data-gjs-draggable=“#main” data-gjs-copyable=“false”> 并且在你需要的地方使用它 '''html <tr data-gjs-type=“my-r...
感谢你的回答和链接。他们真的很有帮助。 不过对于这个问题,我想找一种在模板内实现的方法。目前我们不用blockmanager,用户只是拖动东西。他们从不添加任何内容。
相关问答
通过相似的问题讨论继续研究。
问题 #1624
替换HTML问题
我定义了新的论坛块,就是这样。 我想用 ajax response html 替换资源类。我现在是这样做的。 问题是,换掉后悬浮游移就不工作了。数据包含多个 div 标签。 我想让悬浮动作在forum_directory职业中正确工作。
问题 #2581
:如何使用组件
使用 GrapesJS 0.15.10 时,我无法让组件按我预期的方式工作。可能是我的问题,如果是问题,欢迎调整期刊标题。(这是《https://github.com/artf/grapesjs/issues/2195》的后续) 我做了一个笔(希望这样没问题,没看到小提琴模板)...
问题 #5049
拖拽由图片和链接组成的组件时出现的问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像“mj-image”组件...
问题 #4906
Grapesjs 在通过脚本设置 innerHTML 时无法识别组件类型。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v108.0.5359.98 可复制演示链接 https://codesandbox.io/s/grapes-js-template-literal-forked-6kgvrb?fi...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。