用“em”值设置边界半径。

Question

嗨

我正在尝试用 grapesjs 来做一个需要按显示器缩放的项目。我有边距和字体之类的功能可以正常处理，但我只想让用户用em单位来指定边框半径，这样它们也会缩放。

这需要在各个边界半径输入中的单位选项中包含“他们”作为选项。我已经成功更改了单位列表中的字体大小（除了 em 之外都去掉了），但半径似乎做不到。

有人已经做到过并能和我分享吗？

谢谢

达伦·B。

artf · Accepted Answer

如何启动/更新样式管理器？

ghost · Answer

你好。像这样（字体用）

editor.on（'load'， function （） { .... styleManager = 编辑器。风格经理; fontSize = styleManager.getProperty（'typography'， 'font-size'）; 单位 = [“em”]; fontSize.set（'units'， units）; styleManager.render（）; .... }

在上述情况下，我希望只有它们作为尺寸选择。我也需要对半径设置做同样的调整，因为所有东西都需要相对缩放。

谢谢

artf · Answer

好的，如果你是通过API更新，可以这样做： “''js const sm = 编辑。风格经理; 默认配置中，grapesjs 有两个“边界半径”属性，一个适用于所有边 以及一个具有4个输入的“复合”类型，因此“getProperty”将返回 一个包含两种类型的数组。我选择第二种，因为它更复杂一些 而非第一个（简单输入） const brProperty = sm.getProperty（'decorations'， 'border-radius'）[1]; 现在你必须更新内部属性（'border-top-left-radius' 等） brProperty.get（'properties'）.forEach（property => property.set（'units'， ['em']）） ```

用“em”值设置边界半径。

问题

回答（3）

相关问答

：改进并修复绝对拖拽模式

自定义组件样式在删除和重新添加后不会被应用

I18n 功能

符号在逐步加载页面时会断裂（实例丢失__symbol链接）

与此问题匹配的付费插件

浏览插件分类