vue-quill-editor自定义按钮
时间: 2023-10-09 21:08:12 浏览: 136
vue-quill-editor可以通过自定义按钮来增加功能。首先,需要在data中定义一个方法来初始化按钮样式。在mounted生命周期钩子中调用这个方法,然后使用querySelector获取要操作的元素,创建i元素并添加对应的class和样式,最后将i元素追加到元素中即可实现自定义按钮的效果。例如,可以通过以下代码来实现undo和redo按钮的自定义:
```javascript
data() {
return {
// ...
}
},
mounted() {
this.initButton();
},
methods: {
initButton() {
let revoke = document.querySelector(".ql-revoke");
let redo = document.querySelector(".ql-redo");
let Front = document.createElement("i");
let after = document.createElement("i");
Front.className = "el-icon-refresh-left";
after.className = "el-icon-refresh-right";
Front.style.cssText = "font-size:18px";
after.style.cssText = "font-size:18px";
revoke.appendChild(Front);
redo.appendChild(after);
},
// ...
}
```
阅读全文