允许用户动态添加全局样式表到 Canvas
你好@anushabivera如果你想在 init 时加载样式表(本地和带 cdn),你可以在编辑器的 init 函数中简单地把 css/js 链接添加到 canvas 属性里,就像这样: 如果你想动态添加它们,可以试试这个(比如用Materialize举例): 顺便说一句: 这个问题已经有人问过了,如果你有疑问,可以在下面了解更多信息(主要是66和1739): #66 #195 #444 #473 #966 #1739
阅读下方完整回答 ↓问题
你好, 我想让用户能够将自定义样式表加载到画布上。这样用户可以将自定义定义的样式作为类应用到控件上,而不是内联样式,同时通过基于 grapesjs 的编辑器工具生成 html 模板,保持各用户之间的一致性。 Grapesjs 已经支持动态加载样式表了吗?任何关于这个问题的指导都会对我有很大帮助。
谢谢你, 阿努莎
回答(3)
你好@anushabivera如果你想在 init 时加载样式表(本地和带 cdn),你可以在编辑器的 init 函数中简单地把 css/js 链接添加到 canvas 属性里,就像这样: 如果你想动态添加它们,可以试试这个(比如用Materialize举例): 顺便说一句: 这个问题已经有人问过了,如果你有疑问,可以在下面了解更多信息(主要是66和1739): #66 #195 #444 #473 #966 #1739
我明白了!我用链接标签上的ID来移除了它。
谢谢你@RJCAM。我的计划是将该功能作为画布的属性提供,用户可以输入自定义样式表的网址作为属性的值
相关问答
通过相似的问题讨论继续研究。
问题 #4837
HTML元素的ID会在projectData加载的不同页面上递增
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 109 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好, 我注意到当我在 projectData 中加载多个 HTML 中使用...
问题 #6365
样式管理器未能正确解释后裔选择器
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 描述一下...
问题 #6096
可调整大小的框在组件重新选择时消失
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://jsfiddle.net/kanaihyakumar/oedg76nt/ 描述一下那个虫子 描述 当选择画布上的任何组件时,它会根据设置高亮底部的缩小框。但是,...
问题 #5810
不必要的画布风格
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Arc 版本 1.35.0 / Chromium 引擎 123.0可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 我的特殊情况: 就我而言,插件和通用样式...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。