ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

replace maxLevels option with levels for heading node

Browse Source
This commit is contained in:
Philipp Kühn
2018-10-24 07:58:08 +02:00
parent 6b03315e59
commit bde1527eff
14 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/Components/Routes/Basic/index.vue
View File

@@ -150,7 +150,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/CodeHighlighting/index.vue
View File

@@ -39,7 +39,7 @@ export default {
},
}),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new Bold(),
new Code(),
new Italic(),

2
examples/Components/Routes/Embeds/index.vue
View File

@@ -24,7 +24,7 @@ export default {
editor: new Editor({
extensions: [
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new Bold(),
new Italic(),
new History(),

2
examples/Components/Routes/Export/index.vue
View File

@@ -144,7 +144,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/FloatingMenu/index.vue
View File

@@ -100,7 +100,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/HidingMenuBar/index.vue
View File

@@ -152,7 +152,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/Images/index.vue
View File

@@ -38,7 +38,7 @@ export default {
editor: new Editor({
extensions: [
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new Image(),
new Bold(),
new Code(),

2
examples/Components/Routes/Links/index.vue
View File

@@ -62,7 +62,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/MarkdownShortcuts/index.vue
View File

@@ -37,7 +37,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/MenuBubble/index.vue
View File

@@ -70,7 +70,7 @@ export default {
new BulletList(),
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new ListItem(),
new OrderedList(),
new TodoItem(),

2
examples/Components/Routes/ReadOnly/index.vue
View File

@@ -25,7 +25,7 @@ export default {
editable: false,
extensions: [
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new Bold(),
new Code(),
new Italic(),

2
examples/Components/Routes/Suggestions/index.vue
View File

@@ -49,7 +49,7 @@ export default {
editor: new Editor({
extensions: [
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new Mention({
// a list of all suggested items
items: [

2
examples/Components/Routes/TodoList/index.vue
View File

@@ -68,7 +68,7 @@ export default {
extensions: [
new CodeBlock(),
new HardBreak(),
new Heading({ maxLevel: 3 }),
new Heading({ levels: [1, 2, 3] }),
new TodoItem(),
new TodoList(),
new Bold(),

21
packages/tiptap-extensions/src/nodes/Heading.js
View File

@@ -9,14 +9,10 @@ export default class Heading extends Node {
get defaultOptions() {
return {
maxLevel: 6,
levels: [1, 2, 3, 4, 5, 6],
}
}
get levels() {
return Array.from(new Array(this.options.maxLevel), (value, index) => index + 1)
}
get schema() {
return {
attrs: {
@@ -28,7 +24,7 @@ export default class Heading extends Node {
group: 'block',
defining: true,
draggable: false,
parseDOM: this.levels.map(level => ({ tag: `h${level}`, attrs: { level } })),
parseDOM: this.options.levels.map(level => ({ tag: `h${level}`, attrs: { level } })),
toDOM: node => [`h${node.attrs.level}`, 0],
}
}
@@ -38,7 +34,7 @@ export default class Heading extends Node {
}
keys({ type }) {
return this.levels.reduce((items, level) => ({
return this.options.levels.reduce((items, level) => ({
...items,
...{
[`Shift-Ctrl-${level}`]: setBlockType(type, { level }),
@@ -47,9 +43,18 @@ export default class Heading extends Node {
}
inputRules({ type }) {
return this.options.levels.map(level => {
return textblockTypeInputRule(
new RegExp(`^(#{1,${level}})\\s$`),
type,
match => ({ level }),
)
})
return [
textblockTypeInputRule(
new RegExp(`^(#{1,${this.options.maxLevel}})\\s$`),
new RegExp(`^(#{1,${this.options.levels}})\\s$`),
type,
match => ({ level: match[1].length }),
),