问题 #1652💬 已回答提出于 2018年12月12日作者 suresh52 个反应

在 React 中,如何为 Grapesjs 编辑器提供本地 CSS 路径?

快速解答作者 cjpollard1

阅读下方完整回答 ↓

问题

因为我在用 Grapesjs 在 Reactjs 上工作,我想把 HTML 模板加载到 Grapesjs 里。我在本地的 React 应用里有独立的 CSS 文件夹?如何在 Grapesks 编辑器初始化时加载那个 CSS

回答(3)

cjpollard2018年12月12日
Grapesjs.init({
  画布:{
    风格:“style.css”]
  },
  ...
})
suresh52019年1月22日
grapesjs.init({
画布:{
风格:[“style.css”]
  },
  ...
})

CSS文件应该存储在哪里?我是说在React里保存该文件的路径

cjpollard2019年1月25日

这取决于你是如何捆绑和提供页面的。例如,如果你提供一个构建文件夹,CSS 放在子文件夹里,就用 '/css/style.css'。

相关问答

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

问题 #1438

通过 reactjs 包装器加载 HTML 内容的方法

@artf兄弟,我想加载包含css和js的html页面(视差)。我工作了大约10天,但还是找不到我是否正确操作。所以你能给我正确的操作说明吗?最终目标是在 React 包装页面为用户提供一组模板,一旦用户选择了任意模板,系统就会将所选模板加载到 grapesjs 编辑器中。所以...

3 个回答更新于 2019年12月11日

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装葡萄 js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样式 保存到数据库...

4 个回答更新于 2021年9月29日

问题 #6152

通过自定义代码添加的CSS在移除自定义代码组件后依然存在

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 任何 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞?添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什么?...

4 个回答更新于 2024年10月9日

问题 #5460

从“pageManager”加载“组件”和“样式”

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞?请参见 jsfiddle 中的“pageMa...

4 个回答更新于 2023年11月28日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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