如果你导入带有无效（编号）属性的 HTML 内容，grapesjs 会抛出 DOMException

Question

你好@artf，我们收到报告说，当你导入一些带有错误属性的HTML代码时，比如 '世界好！ ` grapes.js 会抛出以下未捕获的 DOMException：未能对 'Element' 执行 'setAttribute'：“01234” 不是有效的属性名。在HTMLTableCellElement。（https://grapesjs.com/js/grapes.min.js?v0.14.61:3:3229）在x（https://grapesjs.com/js/grapes.min.js?v0.14.61:3:1245）在M.each（https://grapesjs.com/js/grapes.min.js?v0.14.61:3:4121）在M.ATTR（https://grapesjs.com/js/grapes.min.js?v0.14.61:3:3195 年）在M.ATTR（https://grapesjs.com/js/grapes.min.js?v0.14.61:3:3...

arachnosoft · Accepted Answer

为了让你了解情况，我把@ankx06和@artf建议的尝试/接住修正应用到了我们的代码上，但方式很通用。 我想确保在调用 setComponents（） 的所有情况下都能捕捉到异常。 要么来自我们的代码，要么更重要的是（据我所知，@ankx06的例子没有涵盖）导入代码窗口。 于是，我用 JavaScript 闭包技术将原来的 setComponents（） 函数封装在一个新的函数中，并放入 try/catch： https://stackoverflow.com/a/10427757 “''js var myGrapesJsObject = grapesjs.init（...）; myGrapesJsObject.setComponents = （function （originalFct） { 返回函数（分量） { 试试{ 原始Fct（组件）; } Catch （ex） { window.alert（'Parse error： ' + ex）; } } }）（myGrapesJsObject.setComponents）; ``` 而且效果非常好。不再阻挡DOMExceptions...

ankx06 · Answer

@jmchaves这并非任何事件判定。这是用来更新组件内部组件/html的函数。

ankx06 · Answer

我在设置图片高度/宽度的无效属性/样式时也遇到过这个问题。 目前，我使用的是尝试接球块 “''js static updateInnerHTMLofComponent（component， newContent） { 将内部内容设为空 // 这是可选的 component.set（“content”， “”）; 在组件中添加新内容。这样可以移除现有的子组件并创建新的子组件 试试{ component.components（newContent）; } 捕获（错误）{ 当用户将无效属性设置为某个组件时，处理组件渲染失败 this.hendleComponentRenderFailed（component， error.message）; } } ``` 如果 newContent 有多个组件，只有一个组件有错误，由于异常，所有组件都无法渲染，至少没有错误的组件应该能正确渲染，且错误组件可以在忽略无效属性后继续渲染？ 谢谢， 安基特

如果你导入带有无效（编号）属性的 HTML 内容，grapesjs 会抛出 DOMException

问题

回答（3）

相关问答

Set root 不起作用

递归过多

Remix 中的解析器漏洞

官方的解析@keyframes方法并不起作用

与此问题匹配的付费插件

浏览插件分类