diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4d2a585..ce91051 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -92,9 +92,9 @@ importers:
       '@tiptap/extension-bullet-list':
         specifier: ^3.0.7
         version: 3.0.7(@tiptap/extension-list@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))(@tiptap/pm@2.26.1))
-      '@tiptap/extension-color':
+      '@tiptap/extension-code':
         specifier: ^3.0.7
-        version: 3.0.7(@tiptap/extension-text-style@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1)))
+        version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))
       '@tiptap/extension-document':
         specifier: ^3.0.7
         version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))
@@ -125,6 +125,15 @@ importers:
       '@tiptap/extension-paragraph':
         specifier: ^3.0.7
         version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))
+      '@tiptap/extension-strike':
+        specifier: ^3.0.7
+        version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))
+      '@tiptap/extension-subscript':
+        specifier: ^3.0.7
+        version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))(@tiptap/pm@2.26.1)
+      '@tiptap/extension-superscript':
+        specifier: ^3.0.7
+        version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))(@tiptap/pm@2.26.1)
       '@tiptap/extension-text':
         specifier: ^3.0.7
         version: 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))
@@ -2018,56 +2027,67 @@ packages:
     resolution: {integrity: sha512-RkdOTu2jK7brlu+ZwjMIZfdV2sSYHK2qR08FUWcIoqJC2eywHbXr0L8T/pONFwkGukQqERDheaGTeedG+rra6Q==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.45.1':
     resolution: {integrity: sha512-3kJ8pgfBt6CIIr1o+HQA7OZ9mp/zDk3ctekGl9qn/pRBgrRgfwiffaUmqioUGN9hv0OHv2gxmvdKOkARCtRb8Q==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.45.1':
     resolution: {integrity: sha512-k3dOKCfIVixWjG7OXTCOmDfJj3vbdhN0QYEqB+OuGArOChek22hn7Uy5A/gTDNAcCy5v2YcXRJ/Qcnm4/ma1xw==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.45.1':
     resolution: {integrity: sha512-PmI1vxQetnM58ZmDFl9/Uk2lpBBby6B6rF4muJc65uZbxCs0EA7hhKCk2PKlmZKuyVSHAyIw3+/SiuMLxKxWog==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loongarch64-gnu@4.45.1':
     resolution: {integrity: sha512-9UmI0VzGmNJ28ibHW2GpE2nF0PBQqsyiS4kcJ5vK+wuwGnV5RlqdczVocDSUfGX/Na7/XINRVoUgJyFIgipoRg==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.45.1':
     resolution: {integrity: sha512-7nR2KY8oEOUTD3pBAxIBBbZr0U7U+R9HDTPNy+5nVVHDXI4ikYniH1oxQz9VoB5PbBU1CZuDGHkLJkd3zLMWsg==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.45.1':
     resolution: {integrity: sha512-nlcl3jgUultKROfZijKjRQLUu9Ma0PeNv/VFHkZiKbXTBQXhpytS8CIj5/NfBeECZtY2FJQubm6ltIxm/ftxpw==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.45.1':
     resolution: {integrity: sha512-HJV65KLS51rW0VY6rvZkiieiBnurSzpzore1bMKAhunQiECPuxsROvyeaot/tcK3A3aGnI+qTHqisrpSgQrpgA==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.45.1':
     resolution: {integrity: sha512-NITBOCv3Qqc6hhwFt7jLV78VEO/il4YcBzoMGGNxznLgRQf43VQDae0aAzKiBeEPIxnDrACiMgbqjuihx08OOw==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.45.1':
     resolution: {integrity: sha512-+E/lYl6qu1zqgPEnTrs4WysQtvc/Sh4fC2nByfFExqgYrqkKWp1tWIbe+ELhixnenSpBbLXNi6vbEEJ8M7fiHw==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.45.1':
     resolution: {integrity: sha512-a6WIAp89p3kpNoYStITT9RbTbTnqarU7D8N8F2CV+4Cl9fwCOZraLVuVFvlpsW0SbIiYtEnhCZBPLoNdRkjQFw==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-win32-arm64-msvc@4.45.1':
     resolution: {integrity: sha512-T5Bi/NS3fQiJeYdGvRpTAP5P02kqSOpqiopwhj0uaXB6nzs5JVi2XMJb18JUSKhCOX8+UE1UKQufyD6Or48dJg==}
@@ -2227,10 +2247,10 @@ packages:
     peerDependencies:
       '@tiptap/extension-list': ^3.0.7
 
-  '@tiptap/extension-color@3.0.7':
-    resolution: {integrity: sha512-75N0g6y4tga3rHNKplwHkF20n9fKhVrp3c7Gtk8nehckUMB2QuMf5Tr3fa3hVdSbgqxcP+dkOIUMoH1zKyjggA==}
+  '@tiptap/extension-code@3.0.7':
+    resolution: {integrity: sha512-6wdUqtXbnIuyKR7xteF2UCnsW2dLNtBKxWvAiOweA7L41HYvburh/tjbkffkNc5KP2XsKzdGbygpunwJMPj6+A==}
     peerDependencies:
-      '@tiptap/extension-text-style': ^3.0.7
+      '@tiptap/core': ^3.0.7
 
   '@tiptap/extension-document@3.0.7':
     resolution: {integrity: sha512-HJg1nPPZ9fv5oEMwpONeIfT0FjTrgNGuGAat/hgcBi/R2GUNir2/PM/3d6y8QtkR/EgkgcFakCc9azySXLmyUQ==}
@@ -2296,6 +2316,23 @@ packages:
     peerDependencies:
       '@tiptap/core': ^3.0.7
 
+  '@tiptap/extension-strike@3.0.7':
+    resolution: {integrity: sha512-WUCd5CMgS6pg0ZGKXsaxVrnEvO/h6XUehebL0yggAsRKSoGERInR2iLfhU4p1f4zk0cD3ydNLJdqZu0H/MIABw==}
+    peerDependencies:
+      '@tiptap/core': ^3.0.7
+
+  '@tiptap/extension-subscript@3.0.7':
+    resolution: {integrity: sha512-u+RGXNGs9H20JWKgduMA9zKUiRCpuuwZrTNY1yi5Xj881zzdVbUmLiAv1Op/3q1x1dWaAKPw65Bhg9590GvkcA==}
+    peerDependencies:
+      '@tiptap/core': ^3.0.7
+      '@tiptap/pm': ^3.0.7
+
+  '@tiptap/extension-superscript@3.0.7':
+    resolution: {integrity: sha512-Ey424AdkKWBITNCxj9gmgaShgjlbdCy9jWTVRKRALLFlYKcXP2iUqN/OjYfIz/e468ZR1hl8XZigMWC5wQCyEQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.0.7
+      '@tiptap/pm': ^3.0.7
+
   '@tiptap/extension-text-align@3.0.7':
     resolution: {integrity: sha512-3XywI2+dvb5IIO5NnZqyoXrRnikGyCIN7wWymTI7eqD213Ovs19/sfbW5kXLPsBYiNBb12nbG6pmPhr21mPvoA==}
     peerDependencies:
@@ -9838,9 +9875,9 @@ snapshots:
     dependencies:
       '@tiptap/extension-list': 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))(@tiptap/pm@2.26.1)
 
-  '@tiptap/extension-color@3.0.7(@tiptap/extension-text-style@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1)))':
+  '@tiptap/extension-code@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))':
     dependencies:
-      '@tiptap/extension-text-style': 3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))
+      '@tiptap/core': 3.0.7(@tiptap/pm@2.26.1)
 
   '@tiptap/extension-document@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))':
     dependencies:
@@ -9896,6 +9933,20 @@ snapshots:
     dependencies:
       '@tiptap/core': 3.0.7(@tiptap/pm@2.26.1)
 
+  '@tiptap/extension-strike@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))':
+    dependencies:
+      '@tiptap/core': 3.0.7(@tiptap/pm@2.26.1)
+
+  '@tiptap/extension-subscript@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))(@tiptap/pm@2.26.1)':
+    dependencies:
+      '@tiptap/core': 3.0.7(@tiptap/pm@2.26.1)
+      '@tiptap/pm': 2.26.1
+
+  '@tiptap/extension-superscript@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))(@tiptap/pm@2.26.1)':
+    dependencies:
+      '@tiptap/core': 3.0.7(@tiptap/pm@2.26.1)
+      '@tiptap/pm': 2.26.1
+
   '@tiptap/extension-text-align@3.0.7(@tiptap/core@3.0.7(@tiptap/pm@2.26.1))':
     dependencies:
       '@tiptap/core': 3.0.7(@tiptap/pm@2.26.1)
diff --git a/visual-editor/package.json b/visual-editor/package.json
index e71592c..8d638a1 100644
--- a/visual-editor/package.json
+++ b/visual-editor/package.json
@@ -42,7 +42,7 @@
     "@tiptap/extension-bold": "^3.0.7",
     "@tiptap/extension-bubble-menu": "^3.0.7",
     "@tiptap/extension-bullet-list": "^3.0.7",
-    "@tiptap/extension-color": "^3.0.7",
+    "@tiptap/extension-code": "^3.0.7",
     "@tiptap/extension-document": "^3.0.7",
     "@tiptap/extension-hard-break": "^3.0.7",
     "@tiptap/extension-heading": "^3.0.7",
@@ -53,6 +53,9 @@
     "@tiptap/extension-list-item": "^3.0.7",
     "@tiptap/extension-ordered-list": "^3.0.7",
     "@tiptap/extension-paragraph": "^3.0.7",
+    "@tiptap/extension-strike": "^3.0.7",
+    "@tiptap/extension-subscript": "^3.0.7",
+    "@tiptap/extension-superscript": "^3.0.7",
     "@tiptap/extension-text": "^3.0.7",
     "@tiptap/extension-text-align": "^3.0.7",
     "@tiptap/extension-text-style": "^3.0.7",
@@ -72,6 +75,7 @@
     "@types/react": "^18.2.25",
     "@types/react-datepicker": "^4.15.1",
     "@types/react-dom": "^18.2.10",
+    "@vitejs/plugin-react": "^4.7.0",
     "concurrently": "^7.6.0",
     "cypress": "^15.6.0",
     "esbuild": "^0.27.3",
@@ -84,8 +88,7 @@
     "tsc-alias": "^1.8.8",
     "typescript": "^4.9.5",
     "vite": "^7.3.1",
-    "vitest": "^3.2.4",
-    "@vitejs/plugin-react": "^4.7.0"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",
diff --git a/visual-editor/src/components/Editor/TiptapEditor/TiptapColorPicker.tsx b/visual-editor/src/components/Editor/TiptapEditor/TiptapColorPicker.tsx
index dfb4073..ff0d3a4 100644
--- a/visual-editor/src/components/Editor/TiptapEditor/TiptapColorPicker.tsx
+++ b/visual-editor/src/components/Editor/TiptapEditor/TiptapColorPicker.tsx
@@ -5,6 +5,7 @@ import { colorToProperty } from 'src/functions/css'
 import styled from '@emotion/styled'
 import { prevent } from 'src/functions/functions'
 import { useToggle } from 'src/hooks/useToggle'
+import { Styles } from 'src/components/ui'
 
 type Props = {
   editor: Editor
@@ -19,9 +20,16 @@ export function TiptapColorPicker({ editor, colors }: Props) {
   ) as string[]
   const [expanded, toggleExpanded, setExpanded] = useToggle()
 
-  const handleChange = (color: string) => {
+  // A null color removes the color from the selection
+  const handleChange = (color: string | null) => {
     toggleExpanded()
-    editor.chain().focus().setColor(color).run()
+    const chain = editor.chain().focus()
+    if (color) {
+      chain.setColor(color)
+    } else {
+      chain.unsetColor()
+    }
+    chain.run()
   }
 
   useEffect(() => {
@@ -36,7 +44,7 @@ export function TiptapColorPicker({ editor, colors }: Props) {
 
   return (
     <div css={{ position: 'relative' }}>
-      <Button onClick={prevent(toggleExpanded)}>
+      <Button onClick={prevent(toggleExpanded)} title="Color">
         <svg
           width={16}
           height={16}
@@ -82,16 +90,37 @@ const PaletteItem = styled.button({
   },
 })
 
+/**
+ * Checkerboard swatch with a red diagonal, same visual as the Color field
+ */
+const PaletteItemReset = styled(PaletteItem)({
+  ...Styles.Mosaic,
+  position: 'relative',
+  overflow: 'hidden',
+  padding: 0,
+  '&::before': {
+    position: 'absolute',
+    top: -6,
+    left: 'calc(50% - 1px)',
+    content: "''",
+    width: 2,
+    height: 28,
+    background: 'red',
+    transform: 'rotate(45deg)',
+  },
+})
+
 export function Palette({
   colors,
   onChange,
 }: {
   colors: string[]
-  onChange: (v: string) => void
+  onChange: (v: string | null) => void
 }) {
-  const changeHandler = (color: string) => prevent(() => onChange(color))
+  const changeHandler = (color: string | null) => prevent(() => onChange(color))
   return (
-    <PaletteWrapper size={colors.length}>
+    <PaletteWrapper size={colors.length + 1}>
+      <PaletteItemReset onClick={changeHandler(null)} title="No color" />
       {colors.map((color) => (
         <PaletteItem
           key={color}
diff --git a/visual-editor/src/components/Editor/TiptapEditor/TiptapEditor.tsx b/visual-editor/src/components/Editor/TiptapEditor/TiptapEditor.tsx
index e10a79c..9c5719c 100644
--- a/visual-editor/src/components/Editor/TiptapEditor/TiptapEditor.tsx
+++ b/visual-editor/src/components/Editor/TiptapEditor/TiptapEditor.tsx
@@ -3,7 +3,7 @@ import { Node } from '@tiptap/core'
 import Blockquote from '@tiptap/extension-blockquote'
 import Bold from '@tiptap/extension-bold'
 import BulletList from '@tiptap/extension-bullet-list'
-import { Color } from '@tiptap/extension-color'
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
 import HardBreak from '@tiptap/extension-hard-break'
 import Heading from '@tiptap/extension-heading'
@@ -14,6 +14,9 @@ import Link from '@tiptap/extension-link'
 import ListItem from '@tiptap/extension-list-item'
 import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import Subscript from '@tiptap/extension-subscript'
+import Superscript from '@tiptap/extension-superscript'
 import Text from '@tiptap/extension-text'
 import TextAlign from '@tiptap/extension-text-align'
 import { TextStyleKit } from '@tiptap/extension-text-style'
@@ -30,6 +33,13 @@ const SingleDocument = Node.create({
   content: 'inline*',
 })
 
+// Superscript and subscript cannot apply to the same text
+const ExclusiveSuperscript = Superscript.extend({ excludes: 'subscript' })
+const ExclusiveSubscript = Subscript.extend({ excludes: 'superscript' })
+// Tiptap's Code excludes every other mark by default, here it combines
+// with bold, links, colors... like any other format
+const InlineCode = Code.extend({ excludes: '' })
+
 type TiptapEditorProps = {
   value: string
   onChange: (v: string) => void
@@ -64,12 +74,20 @@ export function TiptapEditor({
       Italic,
       Highlight,
       Underline,
+      Strike,
+      ExclusiveSuperscript,
+      ExclusiveSubscript,
+      InlineCode,
+      // TextStyleKit already registers the Color extension (setColor / unsetColor)
       TextStyleKit,
-      Color,
       HardBreak,
       History,
       Blockquote,
-      Link.configure({ openOnClick: false }),
+      Link.configure({
+        openOnClick: false,
+        // Links open in the same tab unless the user asks for a new one
+        HTMLAttributes: { target: null, rel: null },
+      }),
       Heading.configure({ levels: [1, 2, 3, 4, 5, 6] }),
       TextAlign.configure({
         types: [
diff --git a/visual-editor/src/components/Editor/TiptapEditor/TiptapIcons.tsx b/visual-editor/src/components/Editor/TiptapEditor/TiptapIcons.tsx
index 4ed388d..ed721af 100644
--- a/visual-editor/src/components/Editor/TiptapEditor/TiptapIcons.tsx
+++ b/visual-editor/src/components/Editor/TiptapEditor/TiptapIcons.tsx
@@ -245,3 +245,67 @@ export function IconAlign({
     </svg>
   )
 }
+
+export function IconStrike({ size = 24 }: IconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={size}
+      height={size}
+    >
+      <path
+        d="M17.1538 14C17.3846 14.5161 17.5 15.0893 17.5 15.7196C17.5 17.0625 16.9762 18.1116 15.9286 18.867C14.8809 19.6223 13.4335 20 11.5862 20C9.94674 20 8.32335 19.6185 6.71592 18.8555V16.6009C8.23538 17.4783 9.7908 17.917 11.3822 17.917C13.9333 17.917 15.2128 17.1846 15.2208 15.7196C15.2208 15.0939 15.0049 14.5598 14.5731 14.1173C14.5339 14.0772 14.4939 14.0381 14.4531 14H3V12H21V14H17.1538ZM13.076 11H7.62908C7.4566 10.8433 7.29616 10.6692 7.14776 10.4778C6.71592 9.92084 6.5 9.24559 6.5 8.45207C6.5 7.21602 6.96583 6.165 7.89749 5.299C8.82916 4.43299 10.2706 4 12.2219 4C13.6934 4 15.1009 4.32808 16.4444 4.98426V7.13591C15.2448 6.44921 13.9293 6.10587 12.4978 6.10587C10.0187 6.10587 8.77917 6.88793 8.77917 8.45207C8.77917 8.87172 8.99709 9.23796 9.43293 9.55079C9.86878 9.86362 10.4066 10.1135 11.0463 10.3004C11.6665 10.4816 12.3431 10.7148 13.076 11H13.076Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}
+
+export function IconSuperscript({ size = 24 }: IconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={size}
+      height={size}
+    >
+      <path
+        d="M5.59567 5L10.5 10.9283L15.4043 5H18L11.7978 12.4971L18 19.9943V20H15.4091L10.5 14.0659L5.59092 20H3V19.9943L9.20216 12.4971L3 5H5.59567ZM21.5507 6.5803C21.7042 6.43453 21.8 6.22845 21.8 6C21.8 5.55817 21.4418 5.2 21 5.2C20.5582 5.2 20.2 5.55817 20.2 6C20.2 6.07624 20.2107 6.14999 20.2306 6.21983L19.0765 6.54958C19.0267 6.37497 19 6.1906 19 6C19 4.89543 19.8954 4 21 4C22.1046 4 23 4.89543 23 6C23 6.57273 22.7593 7.08923 22.3735 7.45384L20.7441 9H23V10H19V9L21.5507 6.5803V6.5803Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}
+
+export function IconSubscript({ size = 24 }: IconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={size}
+      height={size}
+    >
+      <path
+        d="M5.59567 4L10.5 9.92831L15.4043 4H18L11.7978 11.4971L18 18.9943V19H15.4091L10.5 13.0659L5.59092 19H3V18.9943L9.20216 11.4971L3 4H5.59567ZM21.8 16C21.8 15.5582 21.4418 15.2 21 15.2C20.5582 15.2 20.2 15.5582 20.2 16C20.2 16.0762 20.2107 16.15 20.2306 16.2198L19.0765 16.5496C19.0267 16.375 19 16.1906 19 16C19 14.8954 19.8954 14 21 14C22.1046 14 23 14.8954 23 16C23 16.5727 22.7593 17.0892 22.3735 17.4538L20.7441 19H23V20H19V19L21.5507 16.5803C21.7042 16.4345 21.8 16.2284 21.8 16Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}
+
+export function IconCode({ size = 24 }: IconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width={size}
+      height={size}
+    >
+      <path
+        d="M16.95 8.46451L18.3642 7.05029L23.3139 12L18.3642 16.9498L16.95 15.5356L20.4855 12L16.95 8.46451ZM7.05048 8.46451L3.51495 12L7.05048 15.5356L5.63627 16.9498L0.686523 12L5.63627 7.05029L7.05048 8.46451Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}
diff --git a/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbar.tsx b/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbar.tsx
index 4770b28..bcc1a58 100644
--- a/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbar.tsx
+++ b/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbar.tsx
@@ -23,10 +23,12 @@ import {
   IconMark,
   IconOrderedList,
   IconQuote,
+  IconStrike,
   IconUnderline,
 } from './TiptapIcons'
 import { TiptapToolbarButton as Button } from './TiptapToolbarButton'
 import { TiptapColorPicker } from 'src/components/Editor/TiptapEditor/TiptapColorPicker'
+import { TiptapToolbarFormats } from 'src/components/Editor/TiptapEditor/TiptapToolbarFormats'
 import { usePartialStore } from 'src/store'
 
 type TiptapToolbarProps = {
@@ -40,13 +42,26 @@ enum Mode {
 }
 
 const iconSize = 16
+// Minimum gap between the bubble and the edges of the scrolling sidebar
+const toolbarPadding = 8
 
 export function TiptapToolbar({ editor, colors }: TiptapToolbarProps) {
   const [mode, setMode] = useState(Mode.Buttons)
   const setLinkMode = () => setMode(Mode.Link)
   const setButtonsMode = () => setMode(Mode.Buttons)
-  const insertLink = (link: string) => {
-    editor.commands.setLink({ href: link })
+  // Returns false when Tiptap rejects the URL (the form then stays open)
+  const insertLink = (link: string, newTab: boolean): boolean => {
+    const attributes = {
+      href: link,
+      target: newTab ? '_blank' : null,
+      rel: newTab ? 'noopener noreferrer' : null,
+    }
+    if (!editor.can().setLink(attributes)) {
+      return false
+    }
+    // Focusing the editor brings the toolbar back to the buttons mode
+    editor.chain().focus().setLink(attributes).run()
+    return true
   }
   let rootElement: HTMLElement | null = null
   try {
@@ -65,6 +80,9 @@ export function TiptapToolbar({ editor, colors }: TiptapToolbarProps) {
     <Toolbar
       className="WysiwygToolbar"
       editor={editor}
+      // Without a padding the bubble sticks to the sidebar border when the
+      // selection is close to it
+      options={{ shift: { padding: toolbarPadding } }}
       // @ts-expect-error this is incorrectly typed in the libra
       shouldShow={({ from, to }) => from !== to}
     >
@@ -85,7 +103,7 @@ function ToolbarLink({
   onSubmit,
   onCancel,
 }: {
-  onSubmit: (l: string) => void
+  onSubmit: (link: string, newTab: boolean) => boolean
   onCancel: Function
 }) {
   const handleKeyDown: KeyboardEventHandler = (e) => {
@@ -95,18 +113,43 @@ function ToolbarLink({
   }
 
   const handleSubmit: FormEventHandler = (e) => {
-    const data = new FormData(e.target as HTMLFormElement)
-    const link = data.get('link')
-    if (link) {
-      onSubmit(link.toString())
-    } else {
-      onCancel(link)
+    const form = e.target as HTMLFormElement
+    const input = form.elements.namedItem('link') as HTMLInputElement
+    const data = new FormData(form)
+    const link = data.get('link')?.toString().trim()
+    if (!link) {
+      onCancel()
+      return
+    }
+    // "www.example.com/page" would be rejected (or saved as a relative link)
+    const href = /^www\./i.test(link) ? `https://${link}` : link
+    if (!onSubmit(href, data.get('newTab') === 'on')) {
+      input.setCustomValidity('Invalid URL, add "https://"')
+      input.reportValidity()
     }
   }
 
+  const clearValidity: FormEventHandler<HTMLInputElement> = (e) =>
+    (e.target as HTMLInputElement).setCustomValidity('')
+
   return (
-    <Flex as="form" onKeyDown={handleKeyDown} onSubmit={prevent(handleSubmit)}>
-      <LinkInput name="link" type="text" placeholder="https://..." autoFocus />
+    <Flex
+      as="form"
+      gap={0.5}
+      onKeyDown={handleKeyDown}
+      onSubmit={prevent(handleSubmit)}
+    >
+      <LinkInput
+        name="link"
+        type="text"
+        placeholder="https://..."
+        onInput={clearValidity}
+        autoFocus
+      />
+      <LinkOption title="Open the link in a new tab">
+        <input type="checkbox" name="newTab" />
+        New tab
+      </LinkOption>
       <Button>Ok</Button>
     </Flex>
   )
@@ -194,7 +237,15 @@ function ToolbarButtons({
       >
         <IconMark size={iconSize} />
       </Button>
+      <Button
+        onClick={prevent(() => editor.chain().focus().toggleStrike().run())}
+        active={editor.isActive('strike')}
+        title="Strike"
+      >
+        <IconStrike size={iconSize} />
+      </Button>
       <TiptapColorPicker editor={editor} colors={colors} />
+      <TiptapToolbarFormats editor={editor} />
       <Separator />
       <Button
         onClick={prevent(toggleLink)}
@@ -216,7 +267,8 @@ const Toolbar = styled(BubbleMenu)({
   color: '#FFF',
   height: 40,
   display: 'flex',
-  padding: '0 1em',
+  // Keep the 14 buttons within the minimum sidebar width (450px)
+  padding: '0 .5em',
 }) as FunctionComponent<PropsWithChildren<BubbleMenuProps>>
 
 const Separator = styled.div({
@@ -232,3 +284,21 @@ const LinkInput = styled.input({
   background: 'transparent',
   outline: 'none',
 })
+
+const LinkOption = styled.label({
+  display: 'flex',
+  alignItems: 'center',
+  gap: 4,
+  flex: 'none',
+  fontSize: 12,
+  whiteSpace: 'nowrap',
+  color: '#CCC',
+  cursor: 'pointer',
+  '&:hover': {
+    color: '#FFF',
+  },
+  input: {
+    margin: 0,
+    cursor: 'pointer',
+  },
+})
diff --git a/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbarFormats.tsx b/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbarFormats.tsx
new file mode 100644
index 0000000..12af0b8
--- /dev/null
+++ b/visual-editor/src/components/Editor/TiptapEditor/TiptapToolbarFormats.tsx
@@ -0,0 +1,66 @@
+import { Editor } from '@tiptap/core'
+import { FunctionComponent } from 'react'
+import { prevent } from 'src/functions/functions'
+import { TiptapDropdown as Dropdown } from './TiptapDropdown'
+import { IconCode, IconSubscript, IconSuperscript } from './TiptapIcons'
+import { TiptapToolbarButton as Button } from './TiptapToolbarButton'
+
+type FormatDefinition = {
+  name: 'superscript' | 'subscript' | 'code'
+  title: string
+  Icon: FunctionComponent<{ size: number }>
+}
+
+const superscript: FormatDefinition = {
+  name: 'superscript',
+  title: 'Superscript',
+  Icon: IconSuperscript,
+}
+
+const formats: FormatDefinition[] = [
+  superscript,
+  { name: 'subscript', title: 'Subscript', Icon: IconSubscript },
+  { name: 'code', title: 'Code', Icon: IconCode },
+]
+
+/**
+ * Secondary inline formats (superscript, subscript, code) grouped in a
+ * dropdown to keep the toolbar narrow. The main button reflects the first
+ * active format (superscript when none is active), the others show on hover.
+ * Superscript / subscript exclusivity is enforced by the schema (see
+ * TiptapEditor), so a plain toggle is enough here.
+ */
+export const TiptapToolbarFormats: FunctionComponent<{ editor: Editor }> = ({
+  editor,
+}) => {
+  const current =
+    formats.find((format) => editor.isActive(format.name)) ?? superscript
+
+  const toggle = (format: FormatDefinition) =>
+    prevent(() => editor.chain().focus().toggleMark(format.name).run())
+
+  return (
+    <Dropdown size={formats.length}>
+      <Button
+        active={editor.isActive(current.name)}
+        onClick={toggle(current)}
+        title={current.title}
+      >
+        <current.Icon size={16} />
+      </Button>
+      {formats
+        .filter((format) => format.name !== current.name)
+        .map((format) => (
+          <Button
+            key={format.name}
+            active={editor.isActive(format.name)}
+            onClick={toggle(format)}
+            css={{ height: 30 }}
+            title={format.title}
+          >
+            <format.Icon size={16} />
+          </Button>
+        ))}
+    </Dropdown>
+  )
+}