用服务器端的 if 或 foreach 表达式（即 MVEL）丰富任何组件

Question

我正在研究如何制作一个带有服务器端表达式的模板，可以重复某个组件（“foreach”）或完全移除（“if”）。我的后端用 [mvel]（http://mvel.documentnode.com/）解析模板。我的想法是给所有或部分部分元素添加几个设置。例如，映射到单元格

的“'”，所以它看起来像这样：

....部分内容inside...@{item.lastName}...... ...等等等等

或者用文本（“mvel-ending”插入分隔符）：

@{item.lastName}

之后我计划开发一个后处理器，用实际的mvel表达式包围重复元素： @foreach{item ： people}

@{item.lastName}

@end{'， '} 我那个脏的后期处理器负责...

Ju99ernaut · Accepted Answer

要包围元素，可以查看“toHtml”，你可以在相关内容中搜索示例。

无论如何，我觉得替换默认组件类型不是个好主意，我建议创建一个扩展默认类型的新组件，并用“isComponent”来确定它的分配方式。[components]（https://grapesjs.com/docs/modules/Components.html#how-components-work）的文档可能会有帮助

fedd · Answer

组件的文档可能会有帮助 我是基于这篇文章编写的代码。上面写着，更新组件类型其实很简单，让我们看看具体方法： .... “默认值”属性的处理方式不同 并将与旧的“默认”合并 所以我现在更新了一个简单的“输入”组件类型，不是默认的： const mvelModel = { 型号：{ 默认值：{ 特质：[ 'mvel-if'， “mvel-foreach”， “mvel-ending”， ] } } }; 编辑。DomComponents.addType（'input'， mvelModel）; 不过，它不是合并新特征，而是用新的属性替代了之前定义的输入特征。 有人知道怎么把设置项添加到已有的组件类型吗？或者至少知道如何恢复现有的特征？更新组件类型就能满足我的需求，而不必扩展所有组件，也不会重复这些类型数量

artf · Answer

@fedd你可以在“model.init”函数中添加你的新特征

用服务器端的 if 或 foreach 表达式（即 MVEL）丰富任何组件

问题

回答（3）

相关问答

SVG 在任何 HTML 元素中无法渲染

如何设置href属性

两个html标签合为一（链接/按钮）

递归过多

与此问题匹配的付费插件

浏览插件分类