百度編輯器 如何獲取光標(biāo)位置與不同幀內(nèi)的節(jié)點(diǎn)
更新時(shí)間：2012年07月03日 11:24:56 作者：
當(dāng)我們console.log(domUtils)的時(shí)候，可以在控制臺(tái)中，看見很多domUtils下的方法，這些方法都是用于操作節(jié)點(diǎn)的，findParentByTagName()顧名思義，獲取的是節(jié)點(diǎn)，當(dāng)我們的光標(biāo)在編輯器內(nèi)容處，而我們要獲取相應(yīng)內(nèi)容外層節(jié)點(diǎn)的id以及各種屬性，就需要通過domUtils來獲得不同幀內(nèi)的節(jié)點(diǎn)
var range = editor.selection.getRange();
var td = domUtils.findParentByTagName( range.startContainer, 'td', true );
當(dāng)我們console.log(domUtils)的時(shí)候，可以在控制臺(tái)中，看見很多domUtils下的方法，這些方法都是用于操作節(jié)點(diǎn)的，findParentByTagName()顧名思義，獲取的是節(jié)點(diǎn)，當(dāng)我們的光標(biāo)在編輯器內(nèi)容處，而我們要獲取相應(yīng)內(nèi)容外層節(jié)點(diǎn)的id以及各種屬性，就需要通過domUtils來獲得不同幀內(nèi)的節(jié)點(diǎn)。
而相應(yīng)的父節(jié)點(diǎn)則可以在DOM中查看，依次列尋，來得到我們想要的屬性值，可在插件按鈕的彈出層中顯示出來。
相關(guān)文章
FCKeditorAPI 手冊(cè) js操作控制，獲取等函數(shù)代碼，使用網(wǎng)頁編輯器的朋友可以參考下。2011-01-01
Ewebeditor及fckeditork單引號(hào)問題的解決方法
為什么一個(gè)簡單的單引號(hào)會(huì)引發(fā)不能添加到數(shù)據(jù)庫呢，想到這里，我們想到了分析下入庫代碼并找出了原因，下面是解決方法。2010-04-04
Office文檔在線編輯的一個(gè)實(shí)現(xiàn)方法
因?yàn)轫?xiàng)目的關(guān)系，研究了一下Office的在線編輯功能，寫出來共享一下。2010-06-06
使用 CodeMirror 打造屬于自己的帶高亮顯示的在線代碼編輯器
寫這個(gè)的目的是因?yàn)橹绊?xiàng)目里用到過 CodeMirror，覺得作為一款在線代碼編輯器還是不錯(cuò)，也看到過有些網(wǎng)站用到過在線代碼編輯，當(dāng)然我不知道他們是用什么做的2018-02-02
FCKeditor 編輯器插入代碼功能實(shí)現(xiàn)步驟
4步輕松打造可以應(yīng)用于任何FCK編輯器的CMS及其他程序,一個(gè)Fckeditor編輯器的插件，it560獨(dú)家首發(fā)教程,無需增加字段，不修改代碼，完全綠色環(huán)保。2009-11-11
又一個(gè)不錯(cuò)的FCKeditor 2.2的安裝、修改和調(diào)用方法
又一個(gè)不錯(cuò)的FCKeditor 2.2的安裝、修改和調(diào)用方法...2007-11-11
Browsersync能讓瀏覽器實(shí)時(shí)、快速響應(yīng)您的文件更改（html、js、css、sass、less等）并自動(dòng)刷新頁面。下面小編來帶大家了解下如何使用2019-05-05
今天筆者就給大家推薦一款百度UEditor編輯器。關(guān)于這款百度UEditor編輯器官網(wǎng)上也有簡單的教程，不過看著比較費(fèi)勁，今天筆者就跟大家分享一下百度UEditor編輯器使用教程與使用方法，希望對(duì)大家有所幫助2016-11-11
最近剛認(rèn)識(shí)了KindEditor，感覺挺好用，花了點(diǎn)時(shí)間做了些修改。如果您有更好的建議，歡迎大家一起討論。2010-09-09
這篇文章主要介紹了讓IE8和IE9支持eWebEditor在線編輯器的方法,eWebEditor常用在ASP制作的網(wǎng)站后臺(tái)中,是比較古老的一款在線編輯器了,需要讓IE8和IE9支持的朋友可以參考下2014-06-06