Quill 富文本组件怎么去掉头部工具栏
时间: 2023-05-24 21:02:41 浏览: 2745
Vue 实现对quill-editor组件中的工具栏添加title
A:
可以使用Quill的`toolbar`选项来控制工具栏的显示。只需将其设置为`false`即可不显示工具栏。例如:
```javascript
var quill = new Quill('#editor', {
modules: {
toolbar: false // 不显示工具栏
},
theme: 'snow'
});
```
如果需要在特定条件下隐藏工具栏,可以使用以下代码:
```javascript
var quill = new Quill('#editor', {
modules: {
toolbar: '#toolbar'
},
theme: 'snow'
});
function hideToolbar() {
var toolbar = document.querySelector('.ql-toolbar');
toolbar.style.display = 'none';
}
function showToolbar() {
var toolbar = document.querySelector('.ql-toolbar');
toolbar.style.display = 'block';
}
// 在需要隐藏工具栏的时候调用
hideToolbar();
// 在需要显示工具栏的时候调用
showToolbar();
```
以上代码中,通过使用`querySelector`方法获取到了工具栏的DOM元素,然后通过设置`style.display`属性来控制其显示或隐藏。
阅读全文