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

问题 #2635💬 已回答提出于 2020年3月10日作者 micker2 个反应

在编辑器中加载外部CSS

快速解答作者 pouyamiralayi❤ 1

@micker你必须这样包含它们: 我在你的设置里没看到“canvas”这个对象。 干杯!

阅读下方完整回答 ↓

问题

你好,我查了很多资料,但没找到如何在编辑器里加载CSS文件的方法 我的代码 关于其他问题,我也要补充 斯泰尔斯:[\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] 没有真正的错误,但也没有风格...... 我忘了什么? '功能fclayoutinitbuilder(editorsfx, elementid) { /*比如说,你从已经定义好的HTML模板开始你想为用户实时导入 / var LandingPage = { html: \'<h2>这是布局区域,你可以拖拽这里添加你的方块,要加载flexicontent字段,请使用数据面板插入flexicontent方块</h2>\', CSS:无, 组件:零, 风格:[\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'], }; var lp = \'./img/\'; var plp = \'//placehold.it/350x250/\'; VAR图像 = [ lp+\'flexicontent.png\', LP+\'grapesjs-logo-cl.png\' ]; VAR Editor = Grapesjs.init({ avoidInlineS...

回答(3)

pouyamiralayi• 2020年3月10日

@micker你必须这样包含它们:

    画布:{
        风格:['bundle1.css', 'bundle2.css'],
        脚本:['bundle1.js', 'bundle2.js'],
    },

我在你的设置里没看到“canvas”这个对象。 干杯!

pouyamiralayi• 2020年3月12日

@micker如果你的“customCss”是URL的话,那就是包含它的方式。但如果你有一些风格想手工添加,步骤如下:

editor.addComponents(
  `
     <style> div { 背景:青绿色} </style>
  `
)

干杯!

micker• 2020年3月10日

我尽量用 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 但我对此不确定...... 如果我像这样加画布 我遇到了这个错误 缝隙不连结 “canvas:{ 脚本:空, 风格:[\'http://localhost/flexidev/templates/shaper_helix3/css/template.css\'] //有办法做到吗? }2var LandingPage = { HTML: \'<H2>这是布局区域,你可以拖拽这里添加你的方块,要加载flexicontent字段,请使用数据面...

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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