百度編輯器 如何獲取光標(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)文章
對(duì)于操作 fckeditor的朋友，有所幫助。其實(shí)我們用插件的方法制作也是不錯(cuò)的。功能可以更強(qiáng)。2009-06-06
FCKEditor 自定義用戶目錄的修改步驟 (附源碼) ，需要的朋友可以參考下。2010-03-03
讓谷歌瀏覽器Google Chrome支持eWebEditor的方法
這篇文章主要介紹了讓谷歌瀏覽器Google Chrome支持eWebEditor的方法，默認(rèn)情況是不顯示的， 還需要安裝組件2016-01-01
javascript 在線文本編輯器實(shí)現(xiàn)代碼
javascript 在線文本編輯器實(shí)現(xiàn)代碼，非常值得學(xué)習(xí)。2010-03-03
SyntaxHighlighter配合CKEditor插件輕松打造代碼語法著色
作為程序員在寫博客文章的時(shí)候，經(jīng)常要些代碼片斷，很多博客系統(tǒng)都提供代碼語法著色高亮顯示的功能或插件，讓代碼顯示更直接明了2012-09-09
現(xiàn)在做it編程類信息的網(wǎng)站，提供的源碼如果能提供代碼高亮對(duì)代碼的閱讀效果會(huì)提高不少。2010-02-02
UEditor編輯文章出現(xiàn)多余空行問題的解決辦法
這篇文章主要介紹了UEditor編輯文章出現(xiàn)多余空行問題的解決辦法,問題表現(xiàn)為編輯文章時(shí),會(huì)在文章的首尾各多出一個(gè)空行,需要的朋友可以參考下2014-07-07
SyntaxHighlighter 去掉右側(cè)滾動(dòng)條的方法
SyntaxHighlighter這個(gè)是一個(gè)高亮插件?，F(xiàn)在被用于很多網(wǎng)站的代碼顯示。但是SyntaxHighlighter3.0.83，由于自適應(yīng)寬和高，導(dǎo)致一直有滾動(dòng)條的問題2020-03-03
FCKeditor 插件開發(fā) 示例（詳細(xì)版本）
2009-06-06
Browsersync能讓瀏覽器實(shí)時(shí)、快速響應(yīng)您的文件更改（html、js、css、sass、less等）并自動(dòng)刷新頁面。下面小編來帶大家了解下如何使用2019-05-05