Как скрыть текст в редакторе Quill?

Question

В html мы можем использовать display:none, font-size:0, or visibility:hidden, чтобы скрыть текст, есть ли аналогичный способ в редакторе quill?

Например, можно установить op.attributes, затем можно скрыть текст

Answer 1

Спасибо за все ваши ответы. Я нашел решение для этого: 1) Зарегистрировать атрибут: const HideAttribute = new Parchment.Attributor.Attribute ('hidden', 'hidden', config);Quill.register (HideAttribute, true);2) Для текста необходимо скрыть, в delta, op.attributes.hidden = true

Тогда текст для op.insert будет скрыт

Спасибо!

Answer 2

Внутри контейнера de Quill есть тег div с классом "ql-editor". Вы можете настроить CSS на этот класс, чтобы изменить видимость. Тег div является родительским элементом всего содержимого quill. Если вы хотите скрыть часть текста, вы можете настроить таргетинг на дочерние элементы. Вы можете использовать jquery to.

Пример CSS, чтобы скрыть весь текст:

.ql-editor{
    visibility:hidden;
}

Пример CSS, чтобы скрыть указанную строку текста:

.ql-editor p:nth-child(7){
    visibility:hidden;
}

Запомнитьразличия в «видимости: скрыто»;и "дисплей: нет;" В чем разница между видимостью: скрытой и отображаемой: нет?