通过Vue入口加载的样式无法工作
@innothetechgeek遇到真正的bug问题，你应该做一个可复现的演示，因为通常会有一些与核心本身无关的问题。无论如何，根据你的描述，你可能想通过['canvas' options]（https://grapesjs.com/docs/modules/Components-js.html#template-related）定义你的样式条目。
阅读下方完整回答 ↓问题
GrapesJS 版本
- 我确认使用最新版本 GrapesJS
你用的是什么浏览器？
铬
可复制演示链接
无
描述一下那个虫子
我正在将 grape.js 插件集成到vue.js。我有一个预构建页面，里面有预构建的HTML和CSS。
当我把页面vue.js组件加载到编辑器时，所有vue.js样式都会丢失。但如果我移除 grapeJs 初始化方法，样式就正常工作了。
请帮帮我。我想把通过vue.js入口加载的样式加载到编辑器里
行为准则
- 我同意遵守本项目的行为准则
回答（2）
@innothetechgeek遇到真正的bug问题，你应该做一个可复现的演示，因为通常会有一些与核心本身无关的问题。无论如何，根据你的描述，你可能想通过['canvas' options]（https://grapesjs.com/docs/modules/Components-js.html#template-related）定义你的样式条目。
你遇到的问题是，Vue.js入口加载的样式在初始化时丢失GrapesJS这是常见行为，源于GrapesJS如何隔离其编辑器画布。 根本原因 GrapesJS默认会在一个<iframe>中渲染其编辑画布。iframe 创建了一个独立的浏览上下文，这意味着父文档中定义的样式（你的Vue.js应用运行的对象）不会自动应用到 iframe 内的内容。你的Vue.js样式是正确应用到主应用程序的，但GrapesJS画布作为 iframe 内的独立文档，不会继承这些样式。 解决方案：将风格注入GrapesJS画布 最强大且推荐的解决方案是明确将Vue.js应用的样式注入GrapesJS canvas i...
相关问答
通过相似的问题讨论继续研究。
问题 #6152
通过自定义代码添加的CSS在移除自定义代码组件后依然存在
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 任何 可复制演示链接 https://grapesjs.com/演示 描述一下那个虫子 如何复现这个漏洞？添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什...
问题 #5460
从“pageManager”加载“组件”和“样式”
GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器？ Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞？请查看jsfiddle中的pageMa...
问题 #3727
Issue on Style Import
你好，@artf， 详细描述这个漏洞 在用 GrapesJS 创建新模板时，我遇到了一个情况：当我们尝试从 import modal 导入 CSS 时，编辑器中没有反映出来。在一个空白编辑器上，我创建了一个模板，添加了HTML和CSS。之后，我需要在CSS部分做一些修改，为此，...
问题 #4765
The documented way to parse @keyframes does not work
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v107描述一下那个虫子 如何复现这个漏洞？按照以下说明[这里]（https://grapesjs.com/docs/guides/Custom-CSS-parser.html...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。