'@' 登录 class-attribute 块内容的值,在使用模板文字时将 '-' 符号更改为
我会更新逃脱功能,目前你可以通过[此选项](https://github.com/artf/grapesjs/blob/f08b5afe6f79626e734de330fbff3c30824c04a9/src/selector_manager/config/config.ts#L27-L32)提供自己的。
阅读下方完整回答 ↓问题
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Firefox 108.0.2可复制演示链接 在JSfiddle里不行描述一下那个虫子 Grapesjs-CLI - 3.0.1 Grapesjs - 0.20.3 如何复现这个漏洞?添加一个带有带有 '@' 符号的 class 属性的 newblock,该模板为字面量 “''js bm.add('foo', { 标签:“Foo”, 内容: <div class=“uk-width-1-2@m”> <div>一些文字</div> </div> , });其他繁殖可能性: 用“导入”工具打开代码,将“class”属性改为包含“@”符号。 省省吧。然后当你重新调用“导入模板”对话框时,“@” 符号会被替换成 “-” 符号问题:参见第一个“div”中的“类”...... 预期的行为是什么? 属性值不应改变,因此应保持“@”符号: '<div ... class=“uk-width-1-2@m”>' 目前的行为是什么? 它将“@”sihn“改为”-“: '<div ... class=“uk-width-1-2-m”>” 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js bm.add('foo', { 标签:“Foo”, 内容: <div class=“uk-width-1-2@m”> <div...
回答(2)
谢谢你举报,@agreif。 关于使用模板文字时,类别属性值将块块内容改为“-”符号的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => con...
相关问答
通过相似的问题讨论继续研究。
问题 #6116
AsDocument 无法如预期工作
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬128 可复制演示链接 https://jsfiddle.net/sammousa/bxgsdc12/11/ 描述一下那个虫子 如何复现这个漏洞?加载一个带有非空 '' 的 HTML 字符串<h...
问题 #4817
如果 div 内部有标签 p >的 span,就无法在 div 内部编辑文本节点。
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 版本 108.0.5359.125,Mozilla 107.0可复制演示链接 https://jsfiddle.net/stanislavdimitrenko/d61cm4yg/14/描...
问题 #4400
Bootstrap 旋转木马滑块无法工作
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 无链接 描述一下那个虫子 如何复现这个漏洞?...在 GrapesJS init 函数中添加 Bootstrap...根据 Bootstrap 文档添加滑块组件...滑块只显示...
问题 #5689
<> 在开头引入 editor.getHtml()
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 版本 121.0.6167.185(官方构建)(64 位)可复制演示链接 https://jsfiddle.net/ja50kzne/4/描述一下那个虫子 如何复现这个漏洞?我之前有个...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。