动态更改Quill占位符

Question

我知道在实例化Quill编辑器时，有一个占位符选项。有没有办法在实例化编辑器后动态更改此占位符？

Answer 1

占位符使用CSS规则实现：

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

所以你可以做quill.root.dataset.placeholder = 'Your new placeholder';

Answer 2

如果您使用的是反应式笔芯

工具提示中的占位符来自data-link属性的值。因此，当组件安装完成时，您可以用自己的值替换。

代码如下：

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

注意：我正在使用气泡主题