Динамическое изменение заполнителя Quill

Я знаю, что при создании экземпляра редактора Quill есть опция-заполнитель. Есть ли способ динамически изменить этот заполнитель после создания экземпляра редактора?


quill
person lastmjs    schedule 13.08.2016    source источник

Ответы (2)


arrow_upward
13
arrow_downward

Заполнитель реализован с помощью правила CSS:

.ql-editor::before { 
   content: attr(data-placeholder);
}

Так что вы можете сделать quill.root.dataset.placeholder = 'Your new placeholder';

person jhchen    schedule 13.08.2016
comment
Для других людей, которые видят это, можете ли вы указать, что quill имеет в виду в quill.root.dataset.placeholder? Мне потребовалось некоторое время, чтобы понять, что это мой экземпляр редактора, поскольку я не назвал его quill. - person lastmjs; 14.08.2016
comment
это правильный ответ, огромное спасибо, избавил меня от головной боли - person Josh O'Connor; 09.11.2017
comment
Мне нужно выполнить то же самое требование, используя Angular 8. Может ли кто-нибудь указать мне определенный блог, чтобы понять, как я могу это сделать! Я еще не разобрался с Quill Editor, все еще понимаю. - person Ashok kumar; 11.12.2020

arrow_upward
1
arrow_downward

Если вы используете реактивное перо

Заполнитель во всплывающей подсказке исходит из значения атрибута data-link. Таким образом, вы можете заменить значение на свое собственное, когда компонент завершит монтирование.

Вот код:

componentDidMount() {
    //Replcae link in placeholder to your own text
    document.querySelector('.ql-tooltip-editor input').setAttribute("data-link", "your own placeholder");
}

Примечание. Я использую всплывающую тему

person iShubhamPrakash    schedule 02.11.2019