成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

在光標(biāo)位置處插入圖片

madthumb / 531人閱讀

摘要：在光標(biāo)位置處插入圖片問(wèn)題來(lái)源需要在圖中所示的文本區(qū)域內(nèi)在光標(biāo)處插入一張圖片需要了解的前置知識(shí)可以略過(guò)對(duì)象表示用戶選擇的文本范圍或插入符號(hào)的當(dāng)前位置。在的起始位置插入節(jié)點(diǎn)。

在光標(biāo)位置處插入圖片 問(wèn)題來(lái)源 
需要在圖中所示的文本區(qū)域內(nèi)在光標(biāo)處插入一張圖片

需要了解的前置知識(shí)(可以略過(guò))

Selection

Selection對(duì)象表示用戶選擇的文本范圍或插入符號(hào)的當(dāng)前位置。它代表頁(yè)面中的文本選區(qū)，可能橫跨多個(gè)元素。文本選區(qū)由用戶拖拽鼠標(biāo)經(jīng)過(guò)文字而產(chǎn)生。要獲取用于檢查或修改的Selection對(duì)象，請(qǐng)調(diào)用 window.getSelection()。

window.getSelection()

返回一個(gè)  Selection 對(duì)象，表示用戶選擇的文本范圍或插入符號(hào)的當(dāng)前位置。

Range

Range表示包含節(jié)點(diǎn)和部分文本節(jié)點(diǎn)的文檔片段。

Range可以用 Document 對(duì)象的 createRange方法創(chuàng)建，也可以用Selection對(duì)象的getRangeAt方法取得。另外，可以通過(guò)構(gòu)造函數(shù) Range() 來(lái)獲得一個(gè) Range

Selection.getRangeAt()

返回一個(gè)包含當(dāng)前選區(qū)內(nèi)容的區(qū)域?qū)ο蟆?/p>

Range.createContextualFragment()

該方法通過(guò)調(diào)用HTML片段解析算法或XML片段解析算法返回一個(gè)文檔片段 DocumentFragment 。

Range.insertNode()

在Range的起始位置插入節(jié)點(diǎn)。
解決方案 
  // 返回插入符號(hào)當(dāng)前位置的selection對(duì)象
  var selection = window.getSelection()

  // 獲取包含當(dāng)前節(jié)點(diǎn)的文檔片段
  var range = selection.getRangeAt(0)

  // 創(chuàng)建需追加到光標(biāo)處節(jié)點(diǎn)的文檔片段
  var fragment = range.createContextualFragment("")

  // 將創(chuàng)建的文檔片段插入到光標(biāo)處
  range.insertNode(fragment.lastChild)



由于本人學(xué)識(shí)有限，有很多需要提升的地方，望大家多多指教。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84807.html

相關(guān)文章

  • 編輯器之神-VIM

    摘要：在這天地間，流傳這兩大神器的故事?lián)f(shuō)是神的編輯器，而是編輯器之神。正所謂，工欲善其事必先利其器。今天就和大家分享一下關(guān)于編輯器之神的傳說(shuō)。主要用于用來(lái)編寫和查看文本文件。 在這天地間，流傳這兩大神器的故事：據(jù)說(shuō)Emacs是神的編輯器，而Vim是編輯器之神。正所謂，工欲善其事,必先利其器。今天就和大家分享一下關(guān)于編輯器之神Vim的傳說(shuō)。 一、Vim的歷史 1.下圖是關(guān)于幾款主流編輯器...

    imingyu 評(píng)論0 收藏0

  • 在Windows上使用Vim

    摘要：幾年前使用，在此記錄下的命令以及配置文件保存退出命令保存后面加強(qiáng)制執(zhí)行退出后面加強(qiáng)制執(zhí)行，不保存保存并退出保存并退出僅在需要時(shí)保存保存并退出退出不保存搜索替換命令向下搜索如果搜索出多個(gè)匹配，可按鍵到下一個(gè)向上搜索替換第一個(gè)匹配的替換整行中匹 幾年前使用vim，在此記錄下Vim的命令以及_Vimrc配置文件 保存&退出命令（Save&Quit Command） :w #保存（后面加！...

    woshicixide 評(píng)論0 收藏0

  • vim 入門筆記

    摘要：學(xué)習(xí)整理注意后文中帶尖括號(hào)的描述表示鍵盤按鍵，比如回車是指回車按鍵。輸入文件名回車即可進(jìn)入編輯器編輯該文件。按鍵回車進(jìn)入替換模式可以連續(xù)替換多個(gè)字符。所有的命令都必須敲回車鍵結(jié)束。 前言 本文的初衷 從知道 vim 開(kāi)始我就有心學(xué)習(xí)并嘗試過(guò)幾次，每次都是暫時(shí)的心血來(lái)潮，最終全部不了了之，就連最基本的 vimtutor 我都是學(xué)個(gè)兩三節(jié)就半途而廢，所以這次干脆寫篇文章，利用幾次學(xué)習(xí)把這篇...

    Hegel_Gu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<