css - 链接 jQuery-UI/Kendo-UI 以对页面设计器中的元素进行实时更改

Question

如果标题不够清晰，我深表歉意。我正在做一个用户可以设计页面的元素(类似于 Wix )。我正在继续进行一些开发人员未完成的元素。 Action 顺序是。

• 用户点击一个链接，该链接在页面上添加了一个元素(例如文本元素、图片、 slider ...)
• 每个元素都有一个编辑按钮。单击它会打开一个对话框。
• 对话框中有使用 Kendo-UI 绘制的 slider 和颜色选择器。使用它们，用户可以更改元素的样式设置(例如字体颜色、BG 颜色、字体大小...)

我现在想要的是应用/显示该元素上的实时更改。我有每个元素可用的 id。我可以绑定(bind)每个样式选择器并将更改实时应用到文本元素。但这似乎不是正确的选择，因为将来我们可能会在对话框中添加另一个样式选择器，这意味着添加用于绑定(bind)这个新选择器的代码。

我想知道的是，是否有替代方法或更简单的方法来做到这一点？

问候

Answer 1

与您遵循的基本思想分享一些代码，因为不清楚您做了什么。听起来你可以使用 MVVM框架功能可以帮助您。