在编辑器中加载外部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 但我对此不确定...... 如果我像这样加画布 我遇到了这个错误 缝隙不连结 “canvas:{ 脚本:空, 风格:[\'http://localhost/flexidev/templates/shaper_helix3/css/template.css\'] //有办法做到吗? } 2 var LandingPage = { HTML: \'<H2>这是布局区域,你可以拖拽这里添加你的方块,要加载flexicontent字段,请使用数据面...
相关问答
通过相似的问题讨论继续研究。
问题 #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...
问题 #2998
在[寻求帮助]中插入HTML+CSS内联
我在 grapesjs 里内置了漂亮的ckeditor 4编辑器,包含以下组件: grapesjs: 0.15.8 grapesjs-preset-newsletter: 0.2.20 ckeditor.js:4 grapesjs-plugin-ckeditor - 0.0.9...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。