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

来源:www.13sc.com | 游客上传 | 133 次浏览 | 0 条评论

搜索: 光标位置 

当我们console.log(domUtils)的时候,可以在控制台中,看见很多domUtils下的方法,这些方法都是用于操作节点的,findParentByTagName()顾名思义,获取的是节点,当我们的光标在编辑器内容处,而我们要获取相应内容外层节点的id以及各种属性,就需要通过domUtils来获得不同帧内的节点

var range = editor.selection.getRange();
var td = domUtils.findParentByTagName( range.startContainer, 'td', true );

当我们console.log(domUtils)的时候,可以在控制台中,看见很多domUtils下的方法,这些方法都是用于操作节点的,findParentByTagName()顾名思义,获取的是节点,当我们的光标在编辑器内容处,而我们要获取相应内容外层节点的id以及各种属性,就需要通过domUtils来获得不同帧内的节点。

而相应的父节点则可以在DOM中查看,依次列寻,来得到我们想要的属性值,可在插件按钮的弹出层中显示出来。

标签: 光标位置

最热-网页编辑器

SyntaxHighlighter 语法高亮插件的使用教程

CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入图片)

将CKfinder 整合进 CKEditor3.0的方法

FCKeditor 2.6 编码错误导致修改的内容出现乱码的解决方法

fckeditor 修改记录添加行距功能插件

ThinkPHP中FCKeditor编辑器的使用方法

为ckeditor编辑器加上传图片的功能

CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程(含插入图片)

xhEditor的异步载入实现代码

ckeditor的使用和配置方法分享

彻底解决ewebeditor网站后台不能上传图片的方法

配置fckeditor 实现图片的上传

Copyright 2009-2013 13sc.com All Rights Reserved.