摘要：以上版本的內的清除加粗問題。大多數(shù)命令影響文檔的選擇粗體，斜體等，而其他命令插入新元素添加鏈接或影響整行縮進。具體的命令列表可以參看文檔，一般編輯器內常見的樣式有加粗，斜體，下劃線和刪除線。這個具體表現(xiàn)在，調用第二次取消之后再次輸入仍在內。

本文僅記錄本人工作中遇到的bug和解決方案。

iOS 10.3以上版本的webview內的document.execCommand("bold", false, null)清除加粗問題。
因為app內的富文本編輯器大多用webview的前端頁面與原生調用bridge方式實現(xiàn)，于是在現(xiàn)有的文本編輯器上進行了精簡和根據(jù)要求進行了一定功能的開發(fā)。
首先介紹一下document.execCommand。

當一個HTML文檔切換到設計模式(designMode)時，文檔對象暴露 execCommand方法，該方法允許運行命令來操縱可編輯區(qū)域的內容。大多數(shù)命令影響文檔的選擇（粗體，斜體等），而其他命令插入新元素（添加鏈接）或影響整行（縮進）。當使用 contentEditable時，調用 execCommand() 將影響當前活動的可編輯元素。

詳細請看mdn的文檔：傳送門
這個方法基本上也就只有在文本編輯器中才會使用，其作用是根據(jù)傳入的第一個參數(shù)作為命令，第三個參數(shù)作為額外參數(shù)傳入，默認為null，第二個參數(shù)是默認UI，由于瀏覽器的兼容原因，一般為fasle。
具體的命令列表可以參看文檔，一般編輯器內常見的樣式有加粗(bold)，斜體(italic
)，下劃線(underline)和刪除線(strikeThrough)。
調用兩次之后就為默認取消，例如調用document.execCommand("bold", false, null)一次后，所選文本或是當前光標處被包含，調用第二次則取消。

這個bug具體表現(xiàn)在，調用第二次取消之后再次輸入仍在內。
以下為解決方案的代碼，通過document.queryCommandState判斷當前選區(qū)或光標位置是有bold樣式，如果結果為true，則在調用document.execCommand("bold", false, null)取消之后，利用insertHTML命令在當前位置后插入一個零寬不連字空格‌，阻斷其輸入時默認向前插入的現(xiàn)象，同時這個空格由于零寬也不會影響到視覺效果。

function setBold(){
    if (document.queryCommandState("bold")) {
        document.execCommand("bold", false, null);
        document.execCommand("insertHTML", false, "‌");
    } else {
        document.execCommand("bold", false, null);
    }
}