android 用webView作为编辑器 各种问题
? 1.首先我要說明一下為什么要寫這個(gè)博客，因?yàn)楣咀罱枰粋€(gè)自定義的編輯器，苦于沒有思路在網(wǎng)上找了好久，看到了好多android實(shí)現(xiàn)的編輯器（其實(shí)也就那么幾個(gè)并不多），公司需求和網(wǎng)頁端同步共享創(chuàng)建的文檔，需要用到html保存數(shù)據(jù)，然后我就被迫開始了編輯器之旅，這東西我覺得最大的難點(diǎn)就是要手機(jī)和網(wǎng)頁端保持一致，手機(jī)并沒有那么自由統(tǒng)一起來還是非常困難的，接下來我就說說我遇到的一些問題.
?
問題一 ： 我要實(shí)現(xiàn)這個(gè)樣子
紅框的地方就是要實(shí)現(xiàn)的地方 這里是這樣的：
<div id="editor" contentEditable="true">adfadf<span class="divcss5" >此DIV盒子左側(cè)為1px實(shí)線藍(lán)邊框</span>adfadf </div>我這里用div紅框模擬一下如下圖：
然后問題就出來了，此時(shí)我們的目的是如果現(xiàn)在光標(biāo)在上圖的紅色方框后面的話按下退格鍵需要?jiǎng)h除整個(gè)div 而現(xiàn)在點(diǎn)擊退格鍵刪除的不是整個(gè)div而是div中的內(nèi)容，這里我們想要的效果是刪除紅色的框子div，但現(xiàn)在如下圖：
現(xiàn)在就比較尷尬了。
解決方法：
其實(shí)也很簡單就是 把?contenteditable="true"屬性從div上拿掉移到body上 ?如果你想刪的div不想像上圖一樣的話就在那個(gè)div上添加?contenteditable="false" 就行了
<!DOCTYPE HTML> <html> <body contenteditable="true"><div> 調(diào)調(diào) <div contenteditable="false"> 呵呵呵 </div> 這是一段可編輯的段落。請(qǐng)?jiān)囍庉嬙撐谋尽?</div></body> </html>?
轉(zhuǎn)載于:https://www.cnblogs.com/woaixingxing/p/6346780.html
總結(jié)
以上是生活随笔為你收集整理的android 用webView作为编辑器 各种问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php 模块的添加
- 下一篇： 运行报错：java.io.IOExcep