Мы пытаемся использовать редактор Quill js в нашем приложении Android. Мы используем Android webview для визуализации редактора Quill js в нашем приложении. Выбранное форматирование не применяется к тексту. Эта проблема также возникает в браузере Chrome 79 на устройстве Android (Webview также использует ту же версию). Нет проблем для веб-браузеров.
Шаги для воспроизведения
Посетите этот codepen или Quill Js Веб-сайт . Ниже приведен код Snippet
<link rel="stylesheet" href="https://cdn.quilljs.com/1.3.6/quill.snow.css">
<style>
#editor-container {
height: 375px;
}
</style>
<div id="editor-container"></div>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
window.onload = function () {
var quill = new Quill('#editor-container', {
modules: {
toolbar: [[{ 'size': ['small', false, 'large', 'huge'] }, 'bold', 'italic', 'underline', 'strike', { 'color': [] }, { 'background': [] }, 'blockquote', { 'list': 'ordered' }, { 'list': 'bullet' }, { 'align': null }, { 'align': 'center' }, { 'align': 'right' }, { 'align': 'justify' }, 'link']]
},
placeholder: 'Compose an epic...',
theme: 'snow' // or 'bubble'
});
}
</script>
Введите что-нибудь в редакторе, затем нажмите кнопку, выделенную жирным шрифтом, введите снова, и текст будет выделен жирным шрифтом. Теперь нажмите на кнопку Itali c, значок кнопки Itali c будет выделен, затем введите что-нибудь. Текст не будет отформатирован как Itali c. Это происходит и для других действий, таких как подчеркивание и зачеркивание. Пользователь должен нажать кнопку itali c дважды, чтобы получить отформатированный текст. Это происходит в браузере Chrome на устройстве Android. В веб-браузере работает нормально.
Платформы: Android 7.1.1 (Samsung J5) Браузер: Chrome 79.0.3945.136