文本阴影在选中元素时移除 RGB 值
看起来当元素被点击时,'targetUpdated'会被运行两次。一次正确数值为“rgb(89, 89, 89) 5px 6px 7px”,第二次用“rgb”清除“0 5px 6px 7px”。这也解释了为什么第一个数字还是最后一个数字应该被理解为颜色会让人困惑。 你有什么想法第二次游戏会从哪里来吗?
阅读下方完整回答 ↓问题
示例: https://jsfiddle.net/benvmatheson/g1ft06qh/8/
导入带有文本属性的样式。 'text-shadow:RGB(51, 166, 58) 4px 4px 4px;'
这样操作正常,物品也能正确显示。然而,一旦选中了该项,RGB值会被移除并替换为0。 'text-shadow:0 4px 4px 4px;'
回答(3)
看起来当元素被点击时,'targetUpdated'会被运行两次。一次正确数值为“rgb(89, 89, 89) 5px 6px 7px”,第二次用“rgb”清除“0 5px 6px 7px”。这也解释了为什么第一个数字还是最后一个数字应该被理解为颜色会让人困惑。
你有什么想法第二次游戏会从哪里来吗?
是的,我已经知道这个问题了。 不幸的是,Style Manager 解析器相当简单,它所做的只是用分隔符(这里是“空格”)来拆分值,然后按定义中的顺序分配到相对属性。所以,严格来说,这个改动会让它“4px 4px 4px rgb(51, 166, 58)”正常运行,但是......不幸的是,事实并非如此,这是由于[CSSOM不一致](https://grapesjs.com/docs/guides/Custom-CSS-parser.html#cssom-results-are-inconsistent)。 在这种情况下,“最佳解决方案”可能是更改文本-阴影属性的定义,但说实话,我更希望能找...
由于跨浏览器依赖,这似乎会变成一个大型项目。是否值得引入第三方模块,而不是试图在葡萄里解决这个问题?
相关问答
通过相似的问题讨论继续研究。
问题 #2002
图片无法调整到全宽
当用鼠标调整图像大小时,图像不会完全拉伸到画布边缘,右侧会留下空白。如果调整尺寸——>宽度,你可以把它拉到画布边缘。 在触摸设备上无法使用。 GrapesJS 版本:0.15.8 预期行为: 用户还应能通过触摸屏上的拖拽移动组件。 当前行为: 用户可以正常拖放方块。 如果用户想通过拖拽移动被丢弃的组件,看起来拖动已经开始(样式更改),但组件并没有移...
问题 #1936
绝对/设计模式
大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...
问题 #1577
内联CSS注释导致代码管理器失效
显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。