snapshot of https://github.com/ueberdosis/tiptap.git (main, 2026-09-15; blobs > 131072B omitted)

packages/extension-italic/README.md

@@ -0,0 +1,18 @@
+# @tiptap/extension-italic
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-italic.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-italic)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-italic.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-italic.svg)](https://www.npmjs.com/package/@tiptap/extension-italic)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).

packages/extension-italic/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-italic",
+  "version": "3.30.3",
+  "description": "italic extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-italic"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}

packages/extension-italic/src/index.ts

@@ -0,0 +1,5 @@
+import { Italic } from './italic.js'
+
+export * from './italic.js'
+
+export default Italic

packages/extension-italic/src/italic.ts

@@ -0,0 +1,160 @@
+import { Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
+
+export interface ItalicOptions {
+  /**
+   * HTML attributes to add to the italic element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    italic: {
+      /**
+       * Set an italic mark
+       * @example editor.commands.setItalic()
+       */
+      setItalic: () => ReturnType
+      /**
+       * Toggle an italic mark
+       * @example editor.commands.toggleItalic()
+       */
+      toggleItalic: () => ReturnType
+      /**
+       * Unset an italic mark
+       * @example editor.commands.unsetItalic()
+       */
+      unsetItalic: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches an italic to a *italic* on input.
+ */
+export const starInputRegex = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/
+
+/**
+ * Matches an italic to a *italic* on paste.
+ */
+export const starPasteRegex = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g
+
+/**
+ * Matches an italic to a _italic_ on input.
+ */
+export const underscoreInputRegex = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/
+
+/**
+ * Matches an italic to a _italic_ on paste.
+ */
+export const underscorePasteRegex = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g
+
+/**
+ * This extension allows you to create italic text.
+ * @see https://www.tiptap.dev/api/marks/italic
+ */
+export const Italic = Mark.create<ItalicOptions>({
+  name: 'italic',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'em',
+      },
+      {
+        tag: 'i',
+        getAttrs: node => (node as HTMLElement).style.fontStyle !== 'normal' && null,
+      },
+      {
+        style: 'font-style=normal',
+        clearMark: mark => mark.type.name === this.name,
+      },
+      {
+        style: 'font-style=italic',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['em', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      setItalic:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleItalic:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetItalic:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  markdownTokenName: 'em',
+
+  parseMarkdown: (token, helpers) => {
+    // Convert 'em' token to italic mark
+    return helpers.applyMark('italic', helpers.parseInline(token.tokens || []))
+  },
+
+  markdownOptions: {
+    htmlReopen: {
+      open: '<em>',
+      close: '</em>',
+    },
+  },
+
+  renderMarkdown: (node, h) => {
+    return `*${h.renderChildren(node)}*`
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-i': () => this.editor.commands.toggleItalic(),
+      'Mod-I': () => this.editor.commands.toggleItalic(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: starInputRegex,
+        type: this.type,
+      }),
+      markInputRule({
+        find: underscoreInputRegex,
+        type: this.type,
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: starPasteRegex,
+        type: this.type,
+      }),
+      markPasteRule({
+        find: underscorePasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})

packages/extension-italic/vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})