Vue生成组件的自定义处理器回调
嗯,我可能没描述得对,尤其是这个: “''js 默认情况下,GrapesJS 已经支持 React 元素 所以这个功能的目的只是理解由JSX生成的对象并将其转换为GrapesJS组件定义对象,而不是用来理解React/Vue组件本身 在你的例子中,你成功加载了一个Vue组件,但无法编辑它,因为它不是编辑器的一部分,更像是编辑器的静态内容。你可能需要一些自定义CSS来让这些按钮扩展到包装器。
阅读下方完整回答 ↓问题
你好!我最近遇到了一个新推出的超棒功能[这里](https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/dom_components/config/config.js#L40-L58) 在这里你可以对React生成的元素进行处理,非常棒。 目前我正在开发一些第三方组件,这些组件使用Vue作为编译器。 我目前采用的方法是如下,效果良好: “''js 脚本:函数 () { const appl = new Vue({ El:“#ccid” 数据:{ 信息:“按钮” }, 模板:“<q-btn>{{消息}}</q-btn>' }).$mount() $(this).append(appl.$el); } ``` 结果大致如下:  现在的问题是:  当...
回答(1)
嗯,我可能没描述得对,尤其是这个: “''js 默认情况下,GrapesJS 已经支持 React 元素
我需要用
“''js
默认情况下,GrapesJS 支持已从 React JSX 预设生成的元素
所以这个功能的目的只是理解由JSX生成的对象并将其转换为GrapesJS组件定义对象,而不是用来理解React/Vue组件本身
在你的例子中,你成功加载了一个Vue组件,但无法编辑它,因为它不是编辑器的一部分,更像是编辑器的静态内容。你可能需要一些自定义CSS来让这些按钮扩展到包装器。
相关问答
通过相似的问题讨论继续研究。
问题 #3459
DomComponents 的配置错误
版本: 0.17.3 预期的行为是什么? 文档说我可以通过以下配置配置来配置包装器元素: https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/dom_compone...
问题 #4735
ResetId类型不匹配
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 无 可复制演示链接 无 描述一下那个虫子 如何复现这个漏洞?.去 https://github.com/artf/grapesjs/blob/dev/src/dom_components/mode...
问题 #774
在解析内容时模仿自定义RTE的行为
你好,@artf, 我想在调用 'editor.setComponents(“<div>这是一个文本组件”)时复制[这种行为](https://github.com/artf/grapesjs/blob/f74791da68b25d1037502a2ad06093da29e25...
问题 #1137
不能让文本块既不可编辑又可样式化!
演示/重现问题 https://jsfiddle.net/shareefhiasat/u8Lodyh7/1/ 问题 不确定是bug还是我不知道怎么获得想要的行为 预料中 我需要类似文本元素的元素,并且能够样式化,但不能更改内容(文本) 真实的与我尝试过的 我尝试过维基和文档里的...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。