PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2741💬 已回答提出于 2020年4月28日作者 Joshmamroud0 个反应

如何根据特性用文本节点包裹组件?

快速解答作者 artf

你只需要扩展组件模型的“toHTML”功能来实现它(如果需要示例可以搜索 issues)。

阅读下方完整回答 ↓

问题

你好,@artf,

我不确定这是否适合放在这里,但我从文档里想不出如何根据某个特征更新组件模型。

我想实现的功能是给一个叫“condition”的组件添加一个文本特征,可以接受布尔表达式。如果这个特征有值,我想用文本节点包裹组件,比如:

示例1

没有特质的组件会这样渲染: '''html

<p>这里有一些内容</p> ``` ### 示例2: 带有特性值的组件会这样渲染: “'' HTML {如果TRAIT_VALUE} <p>这里有一些内容</p> {endif} ```

另外,如果可能的话,我想把示例2中的封装文本节点排除在视图之外。

我已经练习了好几天,但感觉我尝试的每一个方法都是手段。你认为,最好的做法是什么?

谢谢! 乔什

回答(2)

artf• 2020年4月29日

你只需要扩展组件模型的“toHTML”功能来实现它(如果需要示例可以搜索 issues)。

Joshmamroud• 2020年4月29日

好的,我会去看看。谢谢!

相关问答

通过相似的问题讨论继续研究。

问题 #527

模型和HTML返回问题

#522 @artf我照你说的试过了,但还是没成功,我不想浪费你的时间,但如果你能做一个小样本或者指引我去样本,那会非常有帮助,我肯定我漏掉了什么。 抱歉不得不开另一个问题,但这是同一个#522的延续, here it editor.html() only return def...

2 个回答更新于 2019年9月18日

问题 #3268

How to add javascript in the html without sanitization?

@artf,我正在接收用户的JavaScript输入。我需要在模板HTML里添加这个JavaScript,但它会被净化。 有没有办法关闭消毒功能?(我对你提到的#3245问题没有意见)或者你能在编辑器里添加类似“allowSanitization: false”这样的属性吗?...

4 个回答更新于 2023年3月16日

问题 #3727

Issue on Style Import

你好,@artf, 详细描述这个漏洞 在用 GrapesJS 创建新模板时,我遇到了一个情况:当我们尝试从 import modal 导入 CSS 时,编辑器中没有反映出来。在一个空白编辑器上,我创建了一个模板,添加了HTML和CSS。之后,我需要在CSS部分做一些修改,为此,...

4 个回答更新于 2023年1月6日

问题 #4765

The documented way to parse @keyframes does not work

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照以下说明[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html...

4 个回答更新于 2022年12月17日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。