mirage
/
edu
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
admin/src/components/editor/index.vue
View File

@ -39,7 +39,7 @@ const props = withDefaults(
}>(), }>(),
{ {
modelValue: '', modelValue: '',
mode: 'simple', mode: 'default',
height: '100%', height: '100%',
width: 'auto', width: 'auto',
toolbarConfig: () => ({ toolbarConfig: () => ({
@ -100,3 +100,34 @@ const handleCreated = (editor: any) => {
editorRef.value = editor // 记录 editor 实例，重要！ editorRef.value = editor // 记录 editor 实例，重要！
} }
</script> </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>

8
admin/src/components/material/index.vue
View File

@ -226,14 +226,16 @@
<el-checkbox :modelValue="isSelect(row.id)" @change="selectFile(row)" /> <el-checkbox :modelValue="isSelect(row.id)" @change="selectFile(row)" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="图片" width="60"> <el-table-column label="图片" width="100">
<template #default="{ row }"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column label="名称" min-width="100" show-overflow-tooltip> <el-table-column label="名称" min-width="100" show-overflow-tooltip>
<template #default="{ row }"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="createTime" label="上传时间" min-width="100" /> <el-table-column prop="createTime" label="上传时间" min-width="100" />