How to use the tiptap-extensions.Heading function in tiptap-extensions

To help you get started, we’ve selected a few tiptap-extensions examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ditojs / dito / packages / admin / src / types / TypeMarkup.vue View on Github external
} = this.schema
      return [
        // schema.marks:
        marks.bold && new Bold(),
        marks.italic && new Italic(),
        marks.underline && new Underline(),
        marks.strike && new Strike(),
        marks.small && new Small(),
        marks.code && new Code(),
        marks.link && new LinkWithTitle(),

        // schema.nodes:
        nodes.blockquote && new Blockquote(),
        nodes.codeBlock && new CodeBlock(),
        new HardBreak(), // TODO: Should this always on?
        nodes.heading && new Heading({ levels: nodes.heading }),
        nodes.horizontalRule && new HorizontalRule(),
        (nodes.orderedList || nodes.bulletList) && new ListItem(),
        nodes.bulletList && new BulletList(),
        nodes.orderedList && new OrderedList(),
        // TODO:
        // nodes.todoList && new TodoItem(),
        // nodes.todoList && new TodoList(),

        // schema.tools:
        tools.history && new History()
      ].filter(extension => !!extension)
    },
github Human-Connection / Human-Connection / webapp / components / Editor / defaultExtensions.js View on Github external
export default function defaultExtensions(component) {
  const { placeholder, $t, $apollo } = component
  return [
    new Heading(),
    new HardBreak(),
    new Blockquote(),
    new BulletList(),
    new OrderedList(),
    new HorizontalRule(),
    new Bold(),
    new Italic(),
    new Strike(),
    new Underline(),
    new Link(),
    new Heading({ levels: [3, 4] }),
    new ListItem(),
    new Placeholder({
      emptyNodeClass: 'is-empty',
      emptyNodeText: placeholder || $t('editor.placeholder'),
    }),
github area17 / twill / frontend / js / components / WysiwygTiptap.vue View on Github external
Object.keys(this.toolbar).forEach(tool => {
        switch (tool) {
          case 'header': {
            const levels = this.toolbar[tool].filter(level => typeof level === 'number')
            levels.forEach(level => {
              this.headingOptions.push(level)
            })
            extensions.push(new Heading({
              levels: levels
            }))
            break
          }
          case 'bold': {
            extensions.push(new Bold())
            break
          }
          case 'italic': {
            extensions.push(new Italic())
            break
          }
          case 'strike': {
            extensions.push(new Strike())
            break
          }