如何在IE contenteditable元素中顯示兩列布局

Question

我正在處理一個contenteditable元素，我需要在兩列的佈局中顯示一些內容。用戶應該能夠將光標置於文本的任何位置，並且還應該能夠使用箭頭鍵從一個位置移動到另一個位置。

我正在使用column-count css在兩列中顯示內容。它適用於其他瀏覽器，但在IE11中，無論何時點擊列，都會出現一個框。箭頭鍵在列布局中也受到限制。

我在https://jsfiddle.net/rex3c3yf/上創建了一個示例示例。任何JS或CSS的解決方案是值得歡迎的

問題在IE11

Answer 1

嘗試使用CONTENTEDITABLE = 「真」 爲您的DIV內的每個p標籤。 您可以爲每個標籤單獨指定它們，或者您可以使用javascript爲div內的所有p標籤添加contenteditable = true。