一個混合開發項目,需要做一個簡易的富文本編輯框,用的contenteditable來實現,當我在這個可編輯div內插入一個div子元素,那么這個子元素也變成可編輯的了,即使我在子元素上加上屬性contenteditable="false"在安卓的web view下這個子元素仍是可編輯的。而在pc端的chrome瀏覽器下,這個子元素的確是不可編輯了,但連同父元素也變得不可編輯了。。。求解決方案。代碼如下:可編輯div: <div id="editableDiv" tabindex="10" autofocus="true" class="editableDiv needsclick" contenteditable="true"></div>插入不可編輯的子元素: document.execCommand('insertHTML',false,'<div class="chatRecord" contenteditable="false" data-srcId="" data-type="3">' +'<div class="chatPosition">' +'<img src="./img/avtar.png"/>' +'<div class="chatPosition-right chatAudio">' +'<span >聊天記錄</span>' +'</div>' +'</div>' +'</div>');
安卓下webview下contenteditable插入一個div子元素,這個子元素也變成了可編輯?
汪汪一只貓
2018-12-20 18:15:59
