Форматирование не применяется к тексту в Quill js Editor для сенсорных устройств - PullRequest
0 голосов
/ 11 февраля 2020

Мы пытаемся использовать редактор 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...