PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #966✓ 已解决提出于 2018年3月21日作者 faizansaiyed8 个反应

如何将外部CSS文件加载到Grapes Editor中?

快速解答作者 chapterjason❤ 7

https://github.com/artf/grapesjs/issues/195 https://github.com/artf/grapesjs/issues/473 https://github.com/artf/grapesjs/issues/444 https://github.com/artf/grapesjs/issues/66 以下是一些解决方案,请在下次开启问题前搜索一下。

阅读下方完整回答 ↓

问题

嘿, During my editor = grapesjs.init(), I want to load an external CSS file into the canvas using @import url(...). So when I use my custom components which are using those external CSS stylings, should render properly. Also, those URL should include in editor.getCss(). 我该怎么做? 提前感谢大家。

回答(3)

faizansaiyed• 2018年3月22日

谢谢你的帮助。这个方法非常有效。我试着搜索过带有“@import”查询的问题,是我搞错了。

lock[bot]• 2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1519

:在 grapesjs.init 中加入组件

能否在 grapesjs.init 上初始化组件。 我们没有使用 StorageManager.load。 我们已经在init时拿到了项目数据。 用 HTML 没问题,但用组件会把组件对象渲染成编辑器中的文本。 'this.editor = grapesjs.init({ co...

3 个回答更新于 2019年10月16日

问题 #1985

远程存储的自动保存不会发送网络请求

操作系统:Windows 10 浏览器:Chrome 73 GrapesJS 版本:'0.14.57' 我用这个调用 'grapesjs.init()' 配置了远程存储: 虽然我在Chrome开发工具的网络标签里看到“/load”请求触发,但无论我在编辑器里做多少修改,都没看到...

3 个回答更新于 2020年5月6日

问题 #1888

在画布内添加自定义HTML

你好, 我用 grapes 导出一个包含所有信息的自定义json,而不是用HTML和CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布里渲染它...

3 个回答更新于 2020年4月2日

问题 #471

第三方库样式碰撞

你好, 我想在编辑器中加入第三方样式和JavaScript。 它们的添加方式如下: 我遇到的第三方CSS问题是,它的一些样式规则与编辑器的样式规则发生冲突,比如第三方库使用了一个类“行”。 有没有推荐的解决办法?也许我漏掉了什么明显的解决办法?感谢任何帮助,也感谢你创建了这么棒...

3 个回答更新于 2019年9月18日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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