使用css变量进行编辑器标记
你好@artf 一年过去了,我想知道你对这件事的看法是否改变了?我们很想用它,但IE11越来越少;) @SamMousa如果你需要公关的帮助,我们也可以帮忙。 期待你的回复! 菲利普
阅读下方完整回答 ↓问题
鉴于所有现代浏览器(https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties#Browser_compatibility)都支持 CSS 变量,使用 SCSS 来满足它们的额外价值有限。
我并不建议完全取消SCSS,但我提出的建议如下:
- 替换所有“darken()”和“lighten()”函数的使用,并用“_gjs_variables.scss”中的SCSS变量替代。
- 对于“_gjs_variables.scss”中使用的所有sass变量,请用css变量替换: “傲慢” 就是这样 $primaryColor:#444 !default; 变为 :根{ --gjs-primary-color: #444; } $primaryColor:var(--gjs-primary-color);
这是一个简单的调整,不应该导致BC中转。完成主题调整后,编辑器会变得更简单,因为我们只需直接在CSS中指定变量,就完成了;无需重新编译。
回答(3)
你好@artf 一年过去了,我想知道你对这件事的看法是否改变了?我们很想用它,但IE11越来越少;) @SamMousa如果你需要公关的帮助,我们也可以帮忙。 期待你的回复! 菲利普
一年过去了,我想知道你对这件事的看法是否改变了?
不幸的是,这不仅仅是取决于我的决定,据我所知,他们仍有相当一部分用户依赖IE11兼容。所以,唯一的解决办法是创建一个好的SCSS文件导入用例(避免重复写同一个样式声明),并生成一个带有自定义属性的新CSS文件。
目前我会先结束这期刊物,因为这件事的关注度很低,但如果有个人纪录还是很受欢迎的
如果你愿意,我可以申请永久纪录。
相关问答
通过相似的问题讨论继续研究。
问题 #3216
功能:通过资产管理器添加 referrerPolicy 以加载图片
你想给GrapesJS添加什么? 我正在尝试通过资产管理器为图片加载添加“Referer”头。 详细描述你的功能需求详细 我正在开发一个托管在AWS上的页面构建器。为了防止别人热链接我的图片,我实现了AWS WAF,限制图片加载到referer域(我自己的域名)。 当用“.sr...
问题 #2853
你打算在RTE中移除对Document.execCommand的依赖吗?
我注意到 https://github.com/artf/grapesjs/issues/74 中提到迁移到基于Pell的编辑器时,提到使用Document.execCommand是个缺点。我现在看到根据 https://developer.mozilla.org/en-US/...
问题 #3427
优点:添加对图片的懒加载支持。
你想给GrapesJS添加什么? 懒惰地加载图片支持。 详细描述你的功能需求详细 最新浏览器支持使用加载属性进行延迟加载图像。'<img src=“myimg.png” loading =“lazy”>'。有两个可能的数值:“渴望”和“懒惰”。如果没有提供加载属性,图像加载会变...
问题 #2877
RTE使用的过时标签
嗨! RTE 上的 [删除线命令](https://github.com/artf/grapesjs/blob/master/src/richtexteditor/model/RichTextEditor.js#L41)使用[过时标签 '<strike>'](https://d...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。