083a46e93b
Some checks failed
Verify / Install node dependencies (push) Failing after 2s
Verify / Build packages (push) Has been skipped
Verify / Check linting & formatting (push) Has been skipped
Verify / Run unit tests (push) Has been skipped
Verify / Run e2e tests (shard 1/4) (push) Has been skipped
Verify / Run e2e tests (shard 2/4) (push) Has been skipped
Verify / Run e2e tests (shard 3/4) (push) Has been skipped
Verify / Run e2e tests (shard 4/4) (push) Has been skipped
Publish / Resolve publish config (push) Failing after 2s
Publish / Send notification to Slack (push) Has been skipped
Publish / Send failure notification to Slack (push) Failing after 8s
Verify / Merge e2e reports (push) Has been skipped
Publish / Build (push) Has been skipped
Publish / Bump Versions OR Release to Registry (push) Has been skipped
87 lines
2.8 KiB
TypeScript
87 lines
2.8 KiB
TypeScript
import { Extension } from '@tiptap/core'
|
||
|
||
import type { BackgroundColorOptions } from '../background-color/index.js'
|
||
import { BackgroundColor } from '../background-color/index.js'
|
||
import type { ColorOptions } from '../color/index.js'
|
||
import { Color } from '../color/index.js'
|
||
import type { FontFamilyOptions } from '../font-family/index.js'
|
||
import { FontFamily } from '../font-family/index.js'
|
||
import type { FontSizeOptions } from '../font-size/index.js'
|
||
import { FontSize } from '../font-size/index.js'
|
||
import type { LineHeightOptions } from '../line-height/index.js'
|
||
import { LineHeight } from '../line-height/index.js'
|
||
import type { TextStyleOptions } from '../text-style/index.js'
|
||
import { TextStyle } from '../text-style/index.js'
|
||
|
||
export interface TextStyleKitOptions {
|
||
/**
|
||
* If set to false, the background color extension will not be registered
|
||
* @example backgroundColor: false
|
||
*/
|
||
backgroundColor: Partial<BackgroundColorOptions> | false
|
||
/**
|
||
* If set to false, the color extension will not be registered
|
||
* @example color: false
|
||
*/
|
||
color: Partial<ColorOptions> | false
|
||
/**
|
||
* If set to false, the font family extension will not be registered
|
||
* @example fontFamily: false
|
||
*/
|
||
fontFamily: Partial<FontFamilyOptions> | false
|
||
/**
|
||
* If set to false, the font size extension will not be registered
|
||
* @example fontSize: false
|
||
*/
|
||
fontSize: Partial<FontSizeOptions> | false
|
||
/**
|
||
* If set to false, the line height extension will not be registered
|
||
* @example lineHeight: false
|
||
*/
|
||
lineHeight: Partial<LineHeightOptions> | false
|
||
/**
|
||
* If set to false, the text style extension will not be registered (required for other text style extensions)
|
||
* @example textStyle: false
|
||
*/
|
||
textStyle: Partial<TextStyleOptions> | false
|
||
}
|
||
|
||
/**
|
||
* The table kit is a collection of table editor extensions.
|
||
*
|
||
* It’s a good starting point for building your own table in Tiptap.
|
||
*/
|
||
export const TextStyleKit = Extension.create<TextStyleKitOptions>({
|
||
name: 'textStyleKit',
|
||
|
||
addExtensions() {
|
||
const extensions = []
|
||
|
||
if (this.options.backgroundColor !== false) {
|
||
extensions.push(BackgroundColor.configure(this.options.backgroundColor))
|
||
}
|
||
|
||
if (this.options.color !== false) {
|
||
extensions.push(Color.configure(this.options.color))
|
||
}
|
||
|
||
if (this.options.fontFamily !== false) {
|
||
extensions.push(FontFamily.configure(this.options.fontFamily))
|
||
}
|
||
|
||
if (this.options.fontSize !== false) {
|
||
extensions.push(FontSize.configure(this.options.fontSize))
|
||
}
|
||
|
||
if (this.options.lineHeight !== false) {
|
||
extensions.push(LineHeight.configure(this.options.lineHeight))
|
||
}
|
||
|
||
if (this.options.textStyle !== false) {
|
||
extensions.push(TextStyle.configure(this.options.textStyle))
|
||
}
|
||
|
||
return extensions
|
||
},
|
||
})
|