百度编辑器 如何获取光标位置与不同帧内的节点

当我们通过console.log(domUtils)打开控制台时，会看见domUtils下的一系列方法，它们都是用于操作节点的工具。其中，findParentByTagName()方法是一个非常实用的功能，它能够找到我们所需要的节点。想象一下，当你的光标在编辑器的内容中时，你想要获取相应内容外层节点的id以及其他各种属性，这时，你就可以通过domUtils来寻找不同帧内的节点。

想象一下你在编辑器的海洋中遨游，而domUtils就像是一张隐藏的地图，指引你找到你需要的节点。var range = editor.selection.getRange(); 这行代码就像是在询问编辑器当前的位置，而接下来的td = domUtils.findParentByTagName( range.startContainer, 'td', true ); 则是根据这个位置，使用domUtils的findParentByTagName()方法去寻找名为'td'的父节点，并获取其各种属性。

findParentByTagName()方法，顾名思义，就是寻找具有特定标签名称的父节点。在DOM结构中，节点们像一层层叠加的俄罗斯套娃，而我们的任务就是要从这一层层的结构中，找到我们需要的那个节点。而这个方法就像是照亮夜晚的灯塔，指引我们找到目标。

当我们找到相应的父节点后，可以在DOM中进行查看，沿着节点树逐级寻找，获取我们需要的属性值。这些属性值可以在插件的弹出层中显示出来，方便我们进行后续的操作。这就像是在复杂的迷宫中找到了一条通道，让我们可以顺利地到达目的地。

domUtils就像是一把钥匙，帮助我们打开操作节点的大门，让我们可以轻松地获取节点的信息，并进行相应的操作。而在使用domUtils的过程中，findParentByTagName()方法就像是一个得力的助手，帮助我们快速找到我们需要的节点，让我们的操作更加便捷。