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'] { [data-indent='1'] {
padding-left: 24px; padding-left: 20px;
} }
[data-indent='2'] { [data-indent='2'] {
padding-left: 48px; padding-left: 40px;
} }
[data-indent='3'] { [data-indent='3'] {
padding-left: 72px; padding-left: 60px;
} }
[data-indent='4'] { [data-indent='4'] {
padding-left: 96px; padding-left: 80px;
} }
[data-indent='5'] { [data-indent='5'] {
padding-left: 120px; padding-left: 100px;
} }
[data-indent='6'] { [data-indent='6'] {
padding-left: 144px; padding-left: 120px;
} }
[data-indent='7'] { [data-indent='7'] {
padding-left: 168px; padding-left: 140px;
} }
[data-indent='8'] { [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 let textIndentLevel = 0
if (textIndent) { if (textIndent) {
textIndentLevel = Math.floor(parseInt(textIndent) / 24) if (/em/.test(textIndent)) {
if (!textIndentLevel) textIndentLevel = 1 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) const indent = +((dom as HTMLElement).getAttribute('data-indent') || 0)
@ -123,7 +128,7 @@ const paragraph: NodeSpec = {
const { align, indent, textIndent } = node.attrs const { align, indent, textIndent } = node.attrs
let style = '' let style = ''
if (align && align !== 'left') style += `text-align: ${align};` 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 } const attr: Attr = { style }
if (indent) attr['data-indent'] = indent if (indent) attr['data-indent'] = indent

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

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