Как сохранить двойной интервал, когда пользователи вставляют текст в редактор Quill.js?

У меня есть приложение ASP.NET MVC, которое использует Quill.js. Я хочу, чтобы пользователи могли копировать текст с двойным интервалом, скажем, из MS Word и вставлять его в мой редактор Quill, сохраняя при этом свой двойной интервал.

С учетом:

    <div class="editor">
        @Html.Raw(Model.EvaluationText)
    </div>

js:

    var basicEditor = new Quill('.editor', {
        modules: {
            toolbar: {
                container: '.editor-toolbar'
            }
        },
        theme: 'snow'
    });

Когда я смотрю на devtools, я вижу, что есть div с классом «ql-paste-manager», который, как я думаю, мне нужно переопределить, но я не уверен, как и если это путь.


asp.net-mvc quill
person BryanOfEarth    schedule 20.05.2015    source источник
comment
В чем смысл? В любом случае, двойной интервал будет игнорироваться при отображении его как HTML. Единственный способ сохранить двойной интервал — это обернуть весь шебанг тегами <pre></pre>, но это не очень хорошо работает для длинных текстов в Интернете.   -  person Chris Pratt    schedule 20.05.2015
comment
Смысл в том, чтобы показать текст, скопированный в редактор, с двойным интервалом. Я понимаю, что вы говорите о предварительном элементе... но вы говорите, что попытка вообще невозможна?   -  person BryanOfEarth    schedule 21.05.2015

Ответы (1)


arrow_upward
0
arrow_downward

Если вы знаете, что текст имеет двойной интервал, вы можете управлять этим с помощью CSS. Просто установите высоту строки на 200% (или любое другое значение, которое вы хотите). Бывший.

.ql-editor div, .ql-editor li {
  line-height: 200%;
}

Однако диспетчер вставки Quill в настоящее время не поддерживает определение того, был ли вставленный текст одинарным или двойным интервалом.

person jhchen    schedule 20.05.2015
comment
Я не тестировал его, но думаю, что этот подход самый простой (хотя я не большой поклонник использования css для этого). - person BryanOfEarth; 21.05.2015