mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-12-25 10:17:49 +08:00
68 lines
1.4 KiB
TypeScript
68 lines
1.4 KiB
TypeScript
import { Command, Extension } from '@tiptap/core'
|
|
import '@tiptap/extension-text-style'
|
|
|
|
type FontFamilyOptions = {
|
|
types: string[],
|
|
}
|
|
|
|
export const FontFamily = Extension.create({
|
|
name: 'fontFamily',
|
|
|
|
defaultOptions: <FontFamilyOptions>{
|
|
types: ['textStyle'],
|
|
},
|
|
|
|
addGlobalAttributes() {
|
|
return [
|
|
{
|
|
types: this.options.types,
|
|
attributes: {
|
|
fontFamily: {
|
|
default: null,
|
|
renderHTML: attributes => {
|
|
if (!attributes.fontFamily) {
|
|
return {}
|
|
}
|
|
|
|
return {
|
|
style: `font-family: ${attributes.fontFamily}`,
|
|
}
|
|
},
|
|
parseHTML: element => ({
|
|
fontFamily: element.style.fontFamily.replace(/['"]+/g, ''),
|
|
}),
|
|
},
|
|
},
|
|
},
|
|
]
|
|
},
|
|
|
|
addCommands() {
|
|
return {
|
|
/**
|
|
* Set the font family
|
|
*/
|
|
setFontFamily: (fontFamily: string): Command => ({ chain }) => {
|
|
return chain()
|
|
.setMark('textStyle', { fontFamily })
|
|
.run()
|
|
},
|
|
/**
|
|
* Unset the font family
|
|
*/
|
|
unsetFontFamily: (): Command => ({ chain }) => {
|
|
return chain()
|
|
.setMark('textStyle', { fontFamily: null })
|
|
.removeEmptyTextStyle()
|
|
.run()
|
|
},
|
|
}
|
|
},
|
|
})
|
|
|
|
declare module '@tiptap/core' {
|
|
interface AllExtensions {
|
|
FontFamily: typeof FontFamily,
|
|
}
|
|
}
|