Как отобразить два расположения столбцов в элементе IE contenteditable

Question

Я работаю над контентным элементом, в котором мне нужно показать некоторый контент в двух расположениях столбцов. Пользователь должен иметь возможность размещать курсор в любом месте текста, а также иметь возможность перемещаться из одной позиции в другую с помощью клавиш со стрелками.

Я использую column-count css для отображения содержимого в двух столбцах. Он хорошо работает в других браузерах, но в IE11, всякий раз, когда я нажимаю на столбец, появляется окно. Кроме того, клавиши со стрелками ограничены внутри макета столбца.

Я создал образец примера на https://jsfiddle.net/rex3c3yf/. Любой JS или CSS решение приветствуется

Проблема в IE11

Answer 1

Попробуйте использовать contenteditable = «истина» для каждого р тега внутри вашего дел. Вы можете указать их отдельно для каждого тега или вы можете использовать javascript для добавления contenteditable = true для всех p-тегов внутри вашего div.