quill - 动态更改 Quill 占位符

Question

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

Answer 1

占位符使用 CSS 规则实现：

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

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

Answer 2

如果您使用的是 react-quill

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

这是代码：

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

注意：我使用的是气泡主题