github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 文本编辑配置调整

Browse Source
This commit is contained in:
pipipi-pikachu 2023-07-30 16:48:25 +08:00
parent 05a79e7f47
commit 35ef7976c5
3 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/styles/prosemirror.scss
View File

@ -60,28 +60,28 @@
}
[data-indent='1'] {
padding-left: 24px;
padding-left: 20px;
}
[data-indent='2'] {
padding-left: 48px;
padding-left: 40px;
}
[data-indent='3'] {
padding-left: 72px;
padding-left: 60px;
}
[data-indent='4'] {
padding-left: 96px;
padding-left: 80px;
}
[data-indent='5'] {
padding-left: 120px;
padding-left: 100px;
}
[data-indent='6'] {
padding-left: 144px;
padding-left: 120px;
}
[data-indent='7'] {
padding-left: 168px;
padding-left: 140px;
}
[data-indent='8'] {
padding-left: 192px;
padding-left: 160px;
}
}

11
src/utils/prosemirror/schema/nodes.ts
View File

@ -101,8 +101,13 @@ const paragraph: NodeSpec = {
let textIndentLevel = 0
if (textIndent) {
textIndentLevel = Math.floor(parseInt(textIndent) / 24)
if (!textIndentLevel) textIndentLevel = 1
if (/em/.test(textIndent)) {
textIndentLevel = parseInt(textIndent)
}
else if (/px/.test(textIndent)) {
textIndentLevel = Math.floor(parseInt(textIndent) / 20)
if (!textIndentLevel) textIndentLevel = 1
}
}
const indent = +((dom as HTMLElement).getAttribute('data-indent') || 0)
@ -123,7 +128,7 @@ const paragraph: NodeSpec = {
const { align, indent, textIndent } = node.attrs
let style = ''
if (align && align !== 'left') style += `text-align: ${align};`
if (textIndent) style += `text-indent: ${textIndent * 24}px;`
if (textIndent) style += `text-indent: ${textIndent * 20}px;`
const attr: Attr = { style }
if (indent) attr['data-indent'] = indent

4
src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
View File

@ -376,7 +376,7 @@ const presetStyles = [
cmd: [
{ command: 'clear' },
{ command: 'bold' },
{ command: 'fontsize', value: '48px' },
{ command: 'fontsize', value: '66px' },
{ command: 'align', value: 'center' },
],
},
@ -389,7 +389,7 @@ const presetStyles = [
cmd: [
{ command: 'clear' },
{ command: 'bold' },
{ command: 'fontsize', value: '36px' },
{ command: 'fontsize', value: '40px' },
{ command: 'align', value: 'center' },
],
},