如何允许类名或数据属性中的特殊字符?
转义函数在选择器模型中应用(https://github.com/artf/grapesjs/blob/80cd042f72ea0b957e05a78b5698c7d81860818f/src/selector_manager/model/Selector.js#L39)。我觉得提供一些自定义逃脱策略选项可能是个好主意。
阅读下方完整回答 ↓问题
在我的HTML代码中,我在元素的类名或数据属性中定义了一些变量占位符。例如,考虑以下代码块, '''html <div class=“list-container” data-page-id=“{{page.id}}”> <ul class=“{{list.className}}” data-list-id=“{{list.id}}”> <li data-list-id=“{{list.item.id}}”>List item 1</li> <li data-list-id=“{{list.item.id}}”>List item 2</li> </ul> </div> 如果你看到结果,'ul' 元素的类会从 '{{list.className}}' 改为 '-list-className-'。 有没有办法在加载和导出HTML时保留它们? 请帮帮我。 谢谢
回答(1)
相关问答
通过相似的问题讨论继续研究。
问题 #2207
:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件
给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...
问题 #1526
如何设置全屏命令
你好,很遗憾我找不到文档,也无法通过代码理解: 我知道内置命令“全屏”,但按照我的配置(教程里),它只加载画布全屏,没有面板。 这是我的HTML代码: 这是我的面板代码: 有人能帮我指正路吗?非常感谢你们宝贵的帮助和最诚挚的问候!
问题 #1577
内联CSS注释导致代码管理器失效
显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属...
问题 #563
表格<thead>和<tbody>标签被省略
你好, GrapesJS 可能出现了新问题。我用“bm.add()”创建了一个新组件,里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml()' 方法获取 html 时,'<thead>' 和 '<tbody>' 标签会被省略...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。