修复富文本编辑器样式问题

This commit is contained in:
Jason 2022-09-19 14:52:45 +08:00
parent 5240b89b35
commit ccd4747203
2 changed files with 37 additions and 4 deletions

View File

@ -39,7 +39,7 @@ const props = withDefaults(
}>(),
{
modelValue: '',
mode: 'simple',
mode: 'default',
height: '100%',
width: 'auto',
toolbarConfig: () => ({
@ -100,3 +100,34 @@ const handleCreated = (editor: any) => {
editorRef.value = editor // editor
}
</script>
<style lang="scss">
.w-e-text-container [data-slate-editor] ul {
list-style: disc;
}
.w-e-text-container [data-slate-editor] ol {
list-style: decimal;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.83em;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: bold;
}
</style>

View File

@ -226,14 +226,16 @@
<el-checkbox :modelValue="isSelect(row.id)" @change="selectFile(row)" />
</template>
</el-table-column>
<el-table-column label="图片" width="60">
<el-table-column label="图片" width="100">
<template #default="{ row }">
<file-item :uri="row.uri" file-size="40px" :type="type"></file-item>
<file-item :uri="row.uri" file-size="50px" :type="type"></file-item>
</template>
</el-table-column>
<el-table-column label="名称" min-width="100" show-overflow-tooltip>
<template #default="{ row }">
<el-link @click.stop="handlePreview(row.uri)">{{ row.name }}</el-link>
<el-link @click.stop="handlePreview(row.uri)" :underline="false">
{{ row.name }}
</el-link>
</template>
</el-table-column>
<el-table-column prop="createTime" label="上传时间" min-width="100" />