在编辑器中加载外部CSS
问题
你好,我查了很多资料,但没找到如何在编辑器里加载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)
@micker你必须这样包含它们:
画布:{
风格:['bundle1.css', 'bundle2.css'],
脚本:['bundle1.js', 'bundle2.js'],
},
我在你的设置里没看到“canvas”这个对象。 干杯!
@micker如果你的“customCss”是URL的话,那就是包含它的方式。但如果你有一些风格想手工添加,步骤如下:
editor.addComponents(
`
<style> div { 背景:青绿色} </style>
`
)
干杯!
我尽量用 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”不被允许访问。如果不透明度响应符合你的需求,将请求模式设...
问题 #998
资产管理器上传图片时发送空请求
描述:GrapesJS 编辑器在 editor.html 文件中初始化如下: “localhost:9001”是运行PHP5的本地IIS服务器。“uploadimage.php”的内容如下: 由于从GrapesJS上传的图片预计会在“$FILES”数组中,每次请求到达该页面时,...
问题 #1741
:在前端查看页面时无法渲染 GrapesJS 的 HTML/CSS 版本 v0.14.50
我已经建了一个页面,想在前端渲染,我实施的策略是保存我的HTML和JSON风格对象,然后在前端传递它们。然后我初始化 GrapesJS,并将其样式设置为我从 DB 获取的 JSON,然后从该对象获取 CSS。 渲染编辑器时 “''js VAR Editor = Grapesjs...
问题 #2018
BUG 导入为 Angular 6 模块时
版本: “grapesjs”: “^0.14.61”, “grapesjs-preset-newsletter”: “^0.2.20”, 我导入脚本如下: 上下文是代码: 而且只有在组装时,控制台打印: 请帮帮我。感谢你的时间。
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。