：当设置 toRequire 属性时，自定义风格属性无法工作

Question

你用的是最新版本吗（旧版本不支持）？ 是的预期的行为是什么？ 自定义样式属性适用于组件接下来会发生什么？ 自定义风格属性不起作用繁殖步骤选择盒子组件尝试更改 Box Width style 属性（自定义标签下） ![图片]（https://user-images.githubusercontent.com/32092071/76740967-60249200-6777-11ea-99a7-74d51c32db29.png） 当我用“toRequire： 1”参数添加自定义风格属性（flex）时，自定义样式就无法正常工作了。当我将要求标记为0时，则按预期样式处理属性。 JSFiddle 与“toRequire： 1” - https://jsfiddle.net/rjw7Lq93/1/ JSFiddle 中 'toRequire： 0' - https://jsfiddle.net/rjw7Lq93/2/

Podvodila · Accepted Answer

我通过在PropertyView.js - https://github.com/artf/grapesjs/blob/85b7b82103e12fb01a3700b1002a57a7b60ccaf1/src/style_manager/view/PropertyView.js#L504-510 中扩展了'isTargetStylable'方法，成功热修复了它。 我换了这个如果 （toRequire） { 可风格化 = ！目标 || （stylableReq && （stylableReq.indexOf（id） >= 0 || stylableReq.indexOf（property） >= 0））; } 用这个如果 （toRequire） { 可风格化 = ！目标 || trg.cid === this.getTarget（）.cid || （stylableReq && （stylableReq.indexOf（id） >= 0 || stylableReq.indexOf（property） >= 0））; } 看起来错误的“目标”参数出现在组件样式更改的方法里 JSFidd...

Podvodila · Answer

脱顶 我不想再开一个话题，只是想说，在同一方法（isTargetStylable）中，用 id（据我理解，内置样式和属性一样）在 unstylable（和 styleable）检查中替代 properties 搜索会更好如果 （.isArray（unstylable）） { stylable = unstylable.indexOf（property） < 0; } ->如果 （.isArray（unstylable）） { stylable = unstylable.indexOf（id） < 0; } 因为我在显示与内置样式相同属性组件时遇到了问题。（在我的应用中，内置样式应显示部分组件，自定义显示）

artf · Answer

更好的做法是用 id 替代 property（据我理解，内置样式和属性是一样的），在不可样式（和可样式）检查里

是的，完全正确！

说实话，我用过 toRequire 选项，从没遇到过这种问题，所以不明白为什么会这样。你介意用你的修复方法创建一个PR吗（也许我会试着更深入地调查）？

：当设置 toRequire 属性时，自定义风格属性无法工作

问题

回答（3）

相关问答

分拣器方向与网页组件槽不符

Flex-direction： column & float： left，使排序器方向错误

刷新页面我们将失去主体/包装的背景颜色

样式管理器在选择组件时不会更新背景

与此问题匹配的付费插件

浏览插件分类

问题