vue3+ts wangeditor5 如何设置默认自号为21px
时间: 2024-03-08 08:51:36 浏览: 82
您可以在Vue组件中使用wangEditor进行初始化时,设置自定义的样式来设置默认字号为21px。具体来说,您可以使用以下代码:
```typescript
import wangEditor from 'wangeditor';
const editor = new wangEditor('#editor');
editor.config.customStyle = `
.w-e-text p {
font-size: 21px;
}
`;
editor.create();
```
这里通过`config.customStyle`属性设置了自定义样式,将所有段落的字号设置为21px。这样,您在使用wangeditor编辑器时,所有的段落默认字号都会是21px。
相关问题
vue3 wangeditor5 如何设置默认自号为21px
在 Vue3 中使用 WangEditor5,可以通过在组件的 `mounted` 钩子函数中获取到编辑器实例,然后通过调用 `editor.config` 方法来配置编辑器的默认字号。
以下是一个示例代码:
```vue
<template>
<div ref="editorElem"></div>
</template>
<script>
import WangEditor from 'wangeditor'
export default {
mounted() {
const editor = new WangEditor(this.$refs.editorElem)
editor.config.fontSizes = {
// 配置字号列表
'21px': '21px',
// 其他字号...
}
editor.config.fontSize = '21px' // 设置默认字号为 21px
editor.create()
},
}
</script>
```
在上面的代码中,我们通过 `editor.config.fontSizes` 配置了字号列表,然后通过 `editor.config.fontSize` 设置默认字号为 `21px`。如果需要配置其他的字号列表,可以在 `fontSizes` 对象中添加对应的键值对。
阅读全文