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

在编辑器中加载外部CSS

快速解答作者 pouyamiralayi1

@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)

pouyamiralayi2020年3月10日

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

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

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

pouyamiralayi2020年3月12日

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

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

干杯!

micker2020年3月10日

我尽量用 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 但我对此不确定...... 如果我像这样加画布 '''var editor = grapesjs.init({ 画布:{ 脚本:空, styles: [customeCss] //有办法做到吗? } avoidInlineStyle: false, dragMode: \'absolute\', 请指示编辑器的初始化位置。你也可以通过HTMLElement 编辑器大小 身高:\'100%\', 容器:\'#gjs\' + editorsfx...

相关问答

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

问题 #1431

从远程加载HTML文件

我把我的HTML内容托管在云端。然后在编辑器中尝试加载html内容时,我发现错误:“对预检请求的响应未通过访问控制检查:请求资源上没有'访问-控制-允许-起源'头部。因此,原点“http://localhost:3000”不被允许访问。如果不透明度响应符合你的需求,将请求模式设...

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

问题 #998

资产管理器上传图片时发送空请求

描述:GrapesJS 编辑器在 editor.html 文件中初始化如下: “localhost:9001”是运行PHP5的本地IIS服务器。“uploadimage.php”的内容如下: 由于从GrapesJS上传的图片预计会在“$FILES”数组中,每次请求到达该页面时,...

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

问题 #1741

:在前端查看页面时无法渲染 GrapesJS 的 HTML/CSS 版本 v0.14.50

我已经建了一个页面,想在前端渲染,我实施的策略是保存我的HTML和JSON风格对象,然后在前端传递它们。然后我初始化 GrapesJS,并将其样式设置为我从 DB 获取的 JSON,然后从该对象获取 CSS。 渲染编辑器时 “''js VAR Editor = Grapesjs...

3 个回答更新于 2023年7月3日

问题 #2018

BUG 导入为 Angular 6 模块时

版本: “grapesjs”: “^0.14.61”, “grapesjs-preset-newsletter”: “^0.2.20”, 我导入脚本如下: 上下文是代码: 而且只有在组装时,控制台打印: 请帮帮我。感谢你的时间。

3 个回答更新于 2021年3月1日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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