生产环境中的自定义类型组件
“onRender” 只是指定当你成功将组件放置在画布上时应发生的事情,而 “script” 则是将在 html 中以 “script” 标签生成的代码。 大致是: '''html <script> //... var items = document.querySelectorAll('#someid'); 对于(var i = 0; len = items.length; i < len; i++) { (function(){ 组件定义中的脚本压缩版本 })() } //... </script> ```
阅读下方完整回答 ↓问题
你好,我有个问题,当我从编辑器创建自定义类型组件时,下一步该如何在我的应用程序中显示该组件?目前我用 Firestore 插件保存组件数据,对象中存储的属性有:gjs-assets、gjs-components、gjs-css、gjs-html 和 gjs.styles。
如果我想在生产环境中使用这些组件,接下来该怎么办?我应该使用JavaScript框架还是库?或者说是同一个没有编辑功能的葡萄编辑,谢谢。
回答(3)
“onRender” 只是指定当你成功将组件放置在画布上时应发生的事情,而 “script” 则是将在 html 中以 “script” 标签生成的代码。
大致是: '''html
<script> //... var items = document.querySelectorAll('#someid'); 对于(var i = 0; len = items.length; i < len; i++) { (function(){ 组件定义中的脚本压缩版本 })() } //... </script>我觉得在生产环境中,你只需要用“grapesjs”生成的html和css代码。
我理解这一点,但如果我想渲染我创建的组件,它就无法实现。我来解释一下,我创建了一种组件,可以从端点渲染数据,如果我用html和css代码,它就无法工作。 自定义组件类型 '编辑。DomComponents.addType('group', { 型号:{ 默认值:{ 最终代码中将使用的标签名称 标签名称:“div”, 属性:“”, 你可以用特质来自定义自定义属性 特质:[ { 类型:“选择”, 变革提案:1, 名称:“customProp”, 选项:[] } ] }, init() { 设 traitcustomProp = this.get('traits').where({ name: '...
相关问答
通过相似的问题讨论继续研究。
问题 #2011
构建 gjs 组件
大家好, 我正在使用 grapesjs-webpage-preset 插件,我想把我的 gjs-html 和 gjs-css 结合起来,这样所有样式都是内联的。 我之前用“juice”做到了,现在我想基于我新合并的 gjs-html 和内联 css 来存储 gjs-compon...
问题 #907
我应该用remote storageManager保存哪些内容到数据库里?
我该如何处理 gjs-assets、gjs-components、gjs-css、gjs-html 和 gjs-style?我该如何将这些内容加载到我的编辑器中?
问题 #597
StorageManager:从远程存储加载
你好, 我正在尝试读取数据库中的HTML和CSS。当我尝试加载到编辑器时,什么都没有显示。 我可以存储数据,但就是加载不了。 加载数据时,这种格式是正确的吗? 内容类型 预告 回应
问题 #2690
自定义组件在保存时消失(Vue.js)
大家好, 我正在尝试在块管理器中添加一些自定义Vue.js组件,乍一看一切正常——渲染正常,Vue组件响应良好。 但如果我保存模板,重新加载页面,并向storageManager提供“gjs-style”、“gjs-components”、“gjs-html”、“gjs-css...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。