在包装器周围放置不可编辑的 HTML

我调整了代码，做了一个适合我需求的小补丁。配置选项“surround”允许你指定一个ID，代表容器中的一个元素。这个DOM子树在主初始化时被提取，存储在编辑器配置中，并被画布拾取。Canvas 随后负责包裹周围的环绕渲染。我想知道是否有人有类似的需求，这是否是个好解决方案。

如果用例不清楚：假设我用的是Bootstrap，有一个带有容器、导航栏、页脚等的主题。然后我有一个页面模板，用 Grapes 编辑。我想在主题的HTML中看到模板，但我应该只能编辑模板，同样，'Editor.getHtml（）'也应该只返回模板HTML。

太好了@z1lk我觉得连这样也能奏效 “''js const canvas = 编辑器。画布; const surround = document.createElement（'div'）; surround.innerHTML = '<div>Some text</div>'; canvas.getBody（）.appendChild（环绕）; surround.appendChild（canvas.getWrapperEl（））;

我结束这篇文章，因为你已经破案了

我用的方案和你类似，这样就不用对Grapes源头做更改。有时组件“工具”的位置不对，好像它们的垂直偏移是相对于身体计算的，而不是包裹器。不过我无法可靠地复现它。谢谢你的帮助@artf

编辑：我认为工具错位是因为“包围”从画布外移到了内侧。我现在已经没有这个问题了，但我可以通过选择一个组件来调出工具，然后打开浏览器的检查器（Firefox）来制造类似的问题。与#495类似