diff --git a/frontend/bun.lockb b/frontend/bun.lockb
index c4d29610b..a1ca63c27 100755
Binary files a/frontend/bun.lockb and b/frontend/bun.lockb differ
diff --git a/frontend/package.json b/frontend/package.json
index 472f76af9..3ab8b8075 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -13,60 +13,53 @@
   "license": "MIT",
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@happy-dom/global-registrator": "16.5.2",
+    "@happy-dom/global-registrator": "16.7.3",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.1.0",
-    "@types/bun": "1.1.15",
-    "@types/react": "19.0.3",
-    "@types/react-dom": "19.0.2",
+    "@testing-library/react": "16.2.0",
+    "@types/bun": "1.2.1",
+    "@types/qs": "6.9.18",
+    "@types/react": "19.0.8",
+    "@types/react-dom": "19.0.3",
     "@types/react-redux": "7.1.34",
     "@vitejs/plugin-react": "4.3.4",
-    "typescript": "5.7.2",
-    "vite": "6.0.7",
+    "typescript": "5.7.3",
+    "vite": "6.0.11",
     "vite-tsconfig-paths": "5.1.4"
   },
   "dependencies": {
-    "@grafana/faro-react": "1.12.2",
-    "@grafana/faro-web-sdk": "1.12.2",
-    "@grafana/faro-web-tracing": "1.12.2",
-    "@hocuspocus/provider": "2.15.0",
-    "@navikt/aksel-icons": "7.9.1",
-    "@navikt/ds-css": "7.9.1",
-    "@navikt/ds-react": "7.9.1",
+    "@grafana/faro-react": "1.12.3",
+    "@grafana/faro-web-sdk": "1.12.3",
+    "@grafana/faro-web-tracing": "1.12.3",
+    "@navikt/aksel-icons": "7.10.0",
+    "@navikt/ds-css": "7.10.0",
+    "@navikt/ds-react": "7.10.0",
     "@navikt/fnrvalidator": "2.1.5",
-    "@reduxjs/toolkit": "2.5.0",
+    "@reduxjs/toolkit": "2.5.1",
     "@slate-yjs/core": "1.0.2",
-    "@slate-yjs/react": "1.1.0",
     "@styled-icons/fluentui-system-regular": "10.47.0",
-    "@types/qs": "6.9.17",
-    "@udecode/plate": "41.0.14",
-    "@udecode/plate-alignment": "41.0.0",
-    "@udecode/plate-autoformat": "41.0.0",
-    "@udecode/plate-basic-marks": "41.0.0",
-    "@udecode/plate-break": "41.0.0",
-    "@udecode/plate-common": "41.0.13",
-    "@udecode/plate-core": "41.0.13",
-    "@udecode/plate-cursor": "41.0.0",
-    "@udecode/plate-docx": "41.0.10",
-    "@udecode/plate-font": "41.0.12",
-    "@udecode/plate-heading": "41.0.0",
-    "@udecode/plate-indent": "41.0.0",
-    "@udecode/plate-list": "41.0.0",
-    "@udecode/plate-resizable": "41.0.0",
-    "@udecode/plate-table": "41.0.9",
-    "@udecode/plate-yjs": "41.0.0",
-    "@udecode/slate-react": "41.0.5",
-    "qs": "6.13.1",
+    "@udecode/plate": "43.0.5",
+    "@udecode/plate-alignment": "43.0.0",
+    "@udecode/plate-autoformat": "43.0.0",
+    "@udecode/plate-basic-marks": "43.0.1",
+    "@udecode/plate-break": "43.0.0",
+    "@udecode/plate-core": "43.0.5",
+    "@udecode/plate-cursor": "43.0.0",
+    "@udecode/plate-docx": "43.0.5",
+    "@udecode/plate-heading": "43.0.0",
+    "@udecode/plate-indent": "43.0.0",
+    "@udecode/plate-list": "43.0.0",
+    "@udecode/plate-node-id": "43.0.3",
+    "@udecode/plate-resizable": "43.0.0",
+    "@udecode/plate-table": "43.0.3",
+    "@udecode/plate-yjs": "43.0.0",
+    "qs": "6.14.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-redux": "9.2.0",
-    "react-router": "7.1.1",
-    "react-router-dom": "7.1.1",
-    "slate": "0.112.0",
-    "slate-history": "0.110.3",
-    "slate-react": "0.112.0",
+    "react-router": "7.1.3",
+    "react-router-dom": "7.1.3",
     "styled-components": "6.1.14",
-    "yjs": "13.6.21"
+    "yjs": "13.6.23"
   }
 }
diff --git a/frontend/src/components/malteksteksjon-references/preview.tsx b/frontend/src/components/malteksteksjon-references/preview.tsx
index bbc439c4e..6fbe93a01 100644
--- a/frontend/src/components/malteksteksjon-references/preview.tsx
+++ b/frontend/src/components/malteksteksjon-references/preview.tsx
@@ -12,7 +12,7 @@ import type { IMaltekstseksjon } from '@app/types/maltekstseksjoner/responses';
 import type { IRichText, IText } from '@app/types/texts/responses';
 import { Heading, Loader } from '@navikt/ds-react';
 import { skipToken } from '@reduxjs/toolkit/query';
-import { Plate, usePlateEditor } from '@udecode/plate-common/react';
+import { Plate, usePlateEditor } from '@udecode/plate/react';
 import { useCallback, useEffect, useState } from 'react';
 import { styled } from 'styled-components';
 
diff --git a/frontend/src/components/maltekstseksjoner/texts/text-draft/text-draft.tsx b/frontend/src/components/maltekstseksjoner/texts/text-draft/text-draft.tsx
index 7bdc88d1a..655dfa67d 100644
--- a/frontend/src/components/maltekstseksjoner/texts/text-draft/text-draft.tsx
+++ b/frontend/src/components/maltekstseksjoner/texts/text-draft/text-draft.tsx
@@ -16,8 +16,6 @@ import { RichTextTypes } from '@app/types/common-text-types';
 import { LANGUAGES, type Language, isLanguage } from '@app/types/texts/language';
 import type { IDraftRichText } from '@app/types/texts/responses';
 import { BodyShort, HStack, HelpText, Label, Loader, Switch, Tooltip, VStack } from '@navikt/ds-react';
-import { getEndPoint } from '@udecode/plate-common';
-import { focusEditor, isEditorFocused } from '@udecode/plate-common/react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { areDescendantsEqual } from '../../../../functions/are-descendants-equal';
 
@@ -50,10 +48,10 @@ export const DraftText = ({ text, isActive, setActive, ...rest }: Props) => {
   }, [text.richText]);
 
   useEffect(() => {
-    if (isActive && editorRef.current !== null && !isEditorFocused(editorRef.current)) {
+    if (isActive && editorRef.current !== null && !editorRef.current.api.isFocused()) {
       setTimeout(() => {
         if (editorRef.current !== null) {
-          focusEditor(editorRef.current, getEndPoint(editorRef.current, []));
+          editorRef.current.tf.focus({ at: editorRef.current.api.end([]) });
         }
       }, 0);
     }
diff --git a/frontend/src/components/smart-editor/bookmarks/bookmarks.tsx b/frontend/src/components/smart-editor/bookmarks/bookmarks.tsx
index de74a2205..6b146abec 100644
--- a/frontend/src/components/smart-editor/bookmarks/bookmarks.tsx
+++ b/frontend/src/components/smart-editor/bookmarks/bookmarks.tsx
@@ -5,8 +5,7 @@ import { BookmarkPlugin } from '@app/plate/plugins/bookmark';
 import { type FormattedText, useMyPlateEditorState } from '@app/plate/types';
 import { BookmarkFillIcon, TrashIcon } from '@navikt/aksel-icons';
 import { Button } from '@navikt/ds-react';
-import { type TNode, getNodeString, unsetNodes } from '@udecode/plate-common';
-import { toDOMNode } from '@udecode/plate-common/react';
+import { NodeApi, type TNode } from '@udecode/plate';
 import { styled } from 'styled-components';
 
 interface Props {
@@ -21,7 +20,7 @@ export const Bookmarks = ({ editorId }: Props) => {
     return null;
   }
 
-  const onClick = (node: TNode) => toDOMNode(editor, node)?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+  const onClick = (node: TNode) => editor.api.toDOMNode(node)?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
 
   return (
     <BookmarkList>
@@ -38,7 +37,7 @@ export const Bookmarks = ({ editorId }: Props) => {
           return null;
         }
 
-        const content = nodes.map((n) => getNodeString(n)).join('');
+        const content = nodes.map((n) => NodeApi.string(n)).join('');
 
         return (
           <BookmarkListItem key={key}>
@@ -56,7 +55,7 @@ export const Bookmarks = ({ editorId }: Props) => {
               variant="tertiary-neutral"
               onClick={() => {
                 pushEvent('remove-bookmark', 'smart-editor');
-                unsetNodes<FormattedText>(editor, [BookmarkPlugin.key, key], {
+                editor.tf.unsetNodes<FormattedText>([BookmarkPlugin.key, key], {
                   match: (n) => hasOwn(n, key),
                   mode: 'lowest',
                   at: [],
diff --git a/frontend/src/components/smart-editor/bookmarks/positioned.tsx b/frontend/src/components/smart-editor/bookmarks/positioned.tsx
index fe052d3b3..0c5aa8c22 100644
--- a/frontend/src/components/smart-editor/bookmarks/positioned.tsx
+++ b/frontend/src/components/smart-editor/bookmarks/positioned.tsx
@@ -12,7 +12,6 @@ import { BASE_FONT_SIZE } from '@app/plate/components/get-scaled-em';
 import { useMyPlateEditorRef } from '@app/plate/types';
 import { BookmarkFillIcon, TrashFillIcon } from '@navikt/aksel-icons';
 import { Tooltip } from '@navikt/ds-react';
-import { setNodes } from '@udecode/plate-common';
 import { useCallback, useContext, useMemo, useState } from 'react';
 import { styled } from 'styled-components';
 
@@ -43,7 +42,7 @@ export const PositionedBookmarks = () => {
   const onDelete = useCallback(
     (id: string) => {
       pushEvent('remove-bookmark', 'smart-editor');
-      setNodes(editorRef, { [id]: undefined }, { match: (n) => id in n, mode: 'lowest', at: [] });
+      editorRef.tf.setNodes({ [id]: undefined }, { match: (n) => id in n, mode: 'lowest', at: [] });
     },
     [editorRef],
   );
diff --git a/frontend/src/components/smart-editor/bookmarks/use-bookmarks.ts b/frontend/src/components/smart-editor/bookmarks/use-bookmarks.ts
index ce8f2b5cb..c10bead20 100644
--- a/frontend/src/components/smart-editor/bookmarks/use-bookmarks.ts
+++ b/frontend/src/components/smart-editor/bookmarks/use-bookmarks.ts
@@ -1,12 +1,12 @@
 import { BOOKMARK_PREFIX } from '@app/components/smart-editor/constants';
 import { type FormattedText, useMyPlateEditorState } from '@app/plate/types';
-import { isText } from '@udecode/plate-common';
+import { TextApi } from '@udecode/plate';
 
 export const useBookmarks = (): [string, FormattedText[]][] => {
   const editor = useMyPlateEditorState();
 
   const bookmarkEntries = editor.nodes<FormattedText>({
-    match: (n) => isText(n) && Object.keys(n).some((k) => k.startsWith(BOOKMARK_PREFIX)),
+    match: (n) => TextApi.isText(n) && Object.keys(n).some((k) => k.startsWith(BOOKMARK_PREFIX)),
     at: [],
   });
 
diff --git a/frontend/src/components/smart-editor/comments/connect-thread.ts b/frontend/src/components/smart-editor/comments/connect-thread.ts
index 7590f8477..3017a2cb7 100644
--- a/frontend/src/components/smart-editor/comments/connect-thread.ts
+++ b/frontend/src/components/smart-editor/comments/connect-thread.ts
@@ -1,15 +1,14 @@
 import { COMMENT_PREFIX } from '@app/components/smart-editor/constants';
 import { CommentsPlugin } from '@app/plate/plugins/comments';
 import type { RichTextEditor, RootElement } from '@app/plate/types';
-import { isText, setNodes, unsetNodes } from '@udecode/plate-common';
+import { TextApi } from '@udecode/plate';
 import type { Selection } from 'slate';
 
 export const connectCommentThread = (editor: RichTextEditor, selection: Selection, threadId: string) => {
-  setNodes(
-    editor,
+  editor.tf.setNodes(
     { [CommentsPlugin.key]: true, [COMMENT_PREFIX + threadId]: true },
     {
-      match: isText,
+      match: TextApi.isText,
       mode: 'lowest',
       split: true,
       hanging: true,
@@ -21,7 +20,7 @@ export const connectCommentThread = (editor: RichTextEditor, selection: Selectio
 export const disconnectCommentThread = (editor: RichTextEditor, threadId: string) => {
   const key = COMMENT_PREFIX + threadId;
 
-  unsetNodes<RootElement>(editor, key, {
+  editor.tf.unsetNodes<RootElement>(key, {
     match: (node) => Object.hasOwn(node, key),
     split: true,
     at: [],
diff --git a/frontend/src/components/smart-editor/comments/expandable-thread.tsx b/frontend/src/components/smart-editor/comments/expandable-thread.tsx
index 4a4e7da74..bfc5abf3c 100644
--- a/frontend/src/components/smart-editor/comments/expandable-thread.tsx
+++ b/frontend/src/components/smart-editor/comments/expandable-thread.tsx
@@ -3,8 +3,6 @@ import { SmartEditorContext } from '@app/components/smart-editor/context';
 import { useOnClickOutside } from '@app/hooks/use-on-click-outside';
 import { useMyPlateEditorRef } from '@app/plate/types';
 import type { ISmartEditorComment } from '@app/types/smart-editor/comments';
-import { findNode } from '@udecode/plate-common';
-import { toDOMNode } from '@udecode/plate-common/react';
 import { useCallback, useContext, useEffect, useRef } from 'react';
 import { COMMENT_PREFIX } from '../constants';
 
@@ -44,14 +42,14 @@ export const ExpandableThread = ({ thread, isFocused, style, isOrphan = false, i
         return;
       }
 
-      const leafEntry = findNode(editor, { at: [], match: { [`${COMMENT_PREFIX}${thread.id}`]: true } });
+      const leafEntry = editor.api.node({ at: [], match: { [`${COMMENT_PREFIX}${thread.id}`]: true } });
 
       if (leafEntry === undefined) {
         return;
       }
 
       const [leafNode] = leafEntry;
-      const domNode = toDOMNode(editor, leafNode);
+      const domNode = editor.api.toDOMNode(leafNode);
 
       if (domNode === undefined) {
         return;
diff --git a/frontend/src/components/smart-editor/comments/new-comment.tsx b/frontend/src/components/smart-editor/comments/new-comment.tsx
index 5822656e3..abe0d16b0 100644
--- a/frontend/src/components/smart-editor/comments/new-comment.tsx
+++ b/frontend/src/components/smart-editor/comments/new-comment.tsx
@@ -8,8 +8,7 @@ import { useGetMySignatureQuery } from '@app/redux-api/bruker';
 import { usePostCommentMutation } from '@app/redux-api/smart-editor-comments';
 import { Loader } from '@navikt/ds-react';
 import { skipToken } from '@reduxjs/toolkit/query';
-import { isCollapsed } from '@udecode/plate-common';
-import { focusEditor } from '@udecode/plate-common/react';
+import { RangeApi } from '@udecode/plate';
 import { useCallback, useContext, useEffect, useRef } from 'react';
 import { StyledNewThread } from './styled-components';
 import { WriteComment } from './write-comment/write-comment';
@@ -31,7 +30,7 @@ export const NewComment = ({ container }: Props) => {
 
   const onNewThread = useCallback(
     (threadId: string) => {
-      if (editor === null || newCommentSelection === null || isCollapsed(newCommentSelection)) {
+      if (editor === null || newCommentSelection === null || RangeApi.isCollapsed(newCommentSelection)) {
         return;
       }
 
@@ -72,14 +71,14 @@ export const NewComment = ({ container }: Props) => {
         setNewCommentSelection(null);
         setTimeout(() => {
           setFocusedThreadId(id);
-          focusEditor(editor);
+          editor.tf.focus();
         }, 0);
       });
   };
 
   const close = () => {
     setNewCommentSelection(null);
-    focusEditor(editor);
+    editor.tf.focus();
   };
 
   return (
diff --git a/frontend/src/components/smart-editor/comments/use-threads.ts b/frontend/src/components/smart-editor/comments/use-threads.ts
index 23d020ae2..d4b4ce278 100644
--- a/frontend/src/components/smart-editor/comments/use-threads.ts
+++ b/frontend/src/components/smart-editor/comments/use-threads.ts
@@ -5,8 +5,9 @@ import { useMyPlateEditorState } from '@app/plate/types';
 import { useGetCommentsQuery } from '@app/redux-api/smart-editor-comments';
 import type { ISmartEditorComment } from '@app/types/smart-editor/comments';
 import { skipToken } from '@reduxjs/toolkit/query';
+import { ElementApi } from '@udecode/plate';
 import { useContext, useMemo } from 'react';
-import { type Descendant, Text } from 'slate';
+import type { Descendant } from 'slate';
 import { COMMENT_PREFIX } from '../constants';
 
 export interface FocusedComment extends ISmartEditorComment {
@@ -73,7 +74,7 @@ export const useThreads = (): Threads => {
 
 const getRichTextThreadIds = (richText: Descendant[]): string[] =>
   richText.flatMap<string>((child) => {
-    if (Text.isText(child)) {
+    if (!ElementApi.isElement(child)) {
       return Object.keys(child)
         .filter((key) => key.startsWith(COMMENT_PREFIX))
         .map((key) => key.replace(COMMENT_PREFIX, ''));
diff --git a/frontend/src/components/smart-editor/context.tsx b/frontend/src/components/smart-editor/context.tsx
index 089b969c6..3c58326b7 100644
--- a/frontend/src/components/smart-editor/context.tsx
+++ b/frontend/src/components/smart-editor/context.tsx
@@ -6,7 +6,7 @@ import {
 } from '@app/hooks/settings/use-setting';
 import { DistribusjonsType, type ISmartDocument } from '@app/types/documents/documents';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { TRange } from '@udecode/plate-common';
+import type { TRange } from '@udecode/plate';
 import { type MutableRefObject, createContext, useRef, useState } from 'react';
 
 const noop = () => {};
diff --git a/frontend/src/components/smart-editor/functions/get-positioned-items.ts b/frontend/src/components/smart-editor/functions/get-positioned-items.ts
index 4d88ed9fe..814ad4440 100644
--- a/frontend/src/components/smart-editor/functions/get-positioned-items.ts
+++ b/frontend/src/components/smart-editor/functions/get-positioned-items.ts
@@ -2,7 +2,7 @@ import type { FocusedComment } from '@app/components/smart-editor/comments/use-t
 import { COMMENT_PREFIX } from '@app/components/smart-editor/constants';
 import { calculateRangePosition } from '@app/plate/functions/range-position';
 import type { FormattedText, RichTextEditor } from '@app/plate/types';
-import { findNode, isText } from '@udecode/plate-common';
+import { TextApi } from '@udecode/plate';
 
 export enum ItemType {
   THREAD = 'thread',
@@ -49,7 +49,7 @@ export const getPositionedItems = <T extends ThreadData | BookmarkData>(
 
     const mark = item.type === ItemType.THREAD ? `${COMMENT_PREFIX}${item.id}` : item.id;
 
-    const leafEntry = findNode(editor, { at: [], match: (n) => isText(n) && Object.hasOwn(n, mark) });
+    const leafEntry = editor.api.node({ at: [], match: (n) => TextApi.isText(n) && Object.hasOwn(n, mark) });
 
     if (leafEntry === undefined) {
       continue;
diff --git a/frontend/src/components/smart-editor/gode-formuleringer/add-button.tsx b/frontend/src/components/smart-editor/gode-formuleringer/add-button.tsx
index e6322b6b9..870c90357 100644
--- a/frontend/src/components/smart-editor/gode-formuleringer/add-button.tsx
+++ b/frontend/src/components/smart-editor/gode-formuleringer/add-button.tsx
@@ -1,8 +1,9 @@
+import { useSelection } from '@app/plate/hooks/use-selection';
 import type { RichTextEditor } from '@app/plate/types';
 import { Button } from '@navikt/ds-react';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { styled } from 'styled-components';
-import { insertGodFormulering, isAvailable } from './insert';
+import { insertGodFormulering } from './insert';
 
 interface AddButtonProps {
   editor: RichTextEditor;
@@ -13,7 +14,8 @@ interface AddButtonProps {
 }
 
 export const AddButton = ({ editor, content, children, title = children, disabledTitle }: AddButtonProps) => {
-  const disabled = !isAvailable(editor);
+  const selection = useSelection();
+  const disabled = selection === null;
 
   return (
     <StyledButton
diff --git a/frontend/src/components/smart-editor/gode-formuleringer/god-formulering.tsx b/frontend/src/components/smart-editor/gode-formuleringer/god-formulering.tsx
index dce150989..99fe3427d 100644
--- a/frontend/src/components/smart-editor/gode-formuleringer/god-formulering.tsx
+++ b/frontend/src/components/smart-editor/gode-formuleringer/god-formulering.tsx
@@ -4,7 +4,7 @@ import { OUTLINE_WIDTH, godFormuleringBaseStyle } from '@app/components/smart-ed
 import { SPELL_CHECK_LANGUAGES, useSmartEditorLanguage } from '@app/hooks/use-smart-editor-language';
 import { KabalPlateEditor } from '@app/plate/plate-editor';
 import { previewComponents, previewPlugins } from '@app/plate/plugins/plugin-sets/preview';
-import { type KabalValue, type RichTextEditor, useMyPlateEditorState } from '@app/plate/types';
+import { type KabalValue, type RichTextEditor, useMyPlateEditorRef } from '@app/plate/types';
 import type { NonNullableGodFormulering } from '@app/types/texts/consumer';
 import { LANGUAGE_NAMES } from '@app/types/texts/language';
 import { CalendarIcon, ChevronDownIcon, ChevronUpIcon } from '@navikt/aksel-icons';
@@ -21,7 +21,7 @@ type Props = NonNullableGodFormulering & {
 export const GodFormulering = ({ title, richText, publishedDateTime, isFocused, onClick, id, language }: Props) => {
   const ref = useRef<HTMLDivElement>(null);
   const [isExpanded, setIsExpanded] = useState(false);
-  const mainEditor = useMyPlateEditorState();
+  const mainEditor = useMyPlateEditorRef();
   const primaryLanguage = useSmartEditorLanguage();
 
   const editor = usePlateEditor<KabalValue, (typeof previewPlugins)[0]>({
diff --git a/frontend/src/components/smart-editor/gode-formuleringer/gode-formuleringer.tsx b/frontend/src/components/smart-editor/gode-formuleringer/gode-formuleringer.tsx
index 9001e3123..491d23f56 100644
--- a/frontend/src/components/smart-editor/gode-formuleringer/gode-formuleringer.tsx
+++ b/frontend/src/components/smart-editor/gode-formuleringer/gode-formuleringer.tsx
@@ -20,7 +20,6 @@ import type { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
 import type { IConsumerText, NonNullableGodFormulering } from '@app/types/texts/consumer';
 import { LightBulbIcon, XMarkIcon } from '@navikt/aksel-icons';
 import { Button } from '@navikt/ds-react';
-import { focusEditor } from '@udecode/plate-common/react';
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Filter } from './filter';
 import { insertGodFormulering } from './insert';
@@ -136,7 +135,7 @@ export const GodeFormuleringer = ({ templateId }: Props) => {
         }
 
         if (editor !== null) {
-          focusEditor(editor);
+          editor.tf.focus();
         }
 
         return setShowGodeFormuleringer(false);
diff --git a/frontend/src/components/smart-editor/gode-formuleringer/insert.ts b/frontend/src/components/smart-editor/gode-formuleringer/insert.ts
index 2e8c18071..27c3b3552 100644
--- a/frontend/src/components/smart-editor/gode-formuleringer/insert.ts
+++ b/frontend/src/components/smart-editor/gode-formuleringer/insert.ts
@@ -1,17 +1,14 @@
 import type { RichTextEditor } from '@app/plate/types';
-import { type Value, insertFragment } from '@udecode/plate-common';
-import { focusEditor } from '@udecode/plate-common/react';
+import type { Value } from '@udecode/plate';
 
 export const insertGodFormulering = (editor: RichTextEditor, content: Value) => {
-  if (!isAvailable(editor)) {
+  if (editor.selection === null) {
     return;
   }
 
-  insertFragment(editor, structuredClone(content), { voids: false });
+  editor.tf.insertFragment(structuredClone(content), { voids: false });
 
   setTimeout(() => {
-    focusEditor(editor);
+    editor.tf.focus();
   });
 };
-
-export const isAvailable = (editor: RichTextEditor): boolean => editor.selection !== null;
diff --git a/frontend/src/components/smart-editor/gode-formuleringer/section-select.tsx b/frontend/src/components/smart-editor/gode-formuleringer/section-select.tsx
index af83bd945..a7b5fbf10 100644
--- a/frontend/src/components/smart-editor/gode-formuleringer/section-select.tsx
+++ b/frontend/src/components/smart-editor/gode-formuleringer/section-select.tsx
@@ -20,7 +20,6 @@ import {
 } from '@app/plate/types';
 import { isOfElementTypeFn, isOfElementTypesFn } from '@app/plate/utils/queries';
 import { Select } from '@navikt/ds-react';
-import { findNode } from '@udecode/plate-common';
 import { useContext, useEffect, useMemo } from 'react';
 import type { BasePoint, Range } from 'slate';
 
@@ -39,11 +38,11 @@ const ANCHOR: BasePoint = { path: [0], offset: 0 };
 
 const getActiveSection = (editor: RichTextEditor, selection: Range): TemplateSections | null => {
   const entry =
-    findNode<MaltekstElement | RedigerbarMaltekstElement | RegelverkElement>(editor, {
+    editor.api.node<MaltekstElement | RedigerbarMaltekstElement | RegelverkElement>({
       at: selection.focus,
       match: MATCH,
     }) ??
-    findNode<MaltekstseksjonElement>(editor, {
+    editor.api.node<MaltekstseksjonElement>({
       at: { anchor: ANCHOR, focus: selection.focus },
       match: MATCH_SECTION,
       reverse: true,
diff --git a/frontend/src/components/smart-editor/history/history-editor.tsx b/frontend/src/components/smart-editor/history/history-editor.tsx
index fea9b339c..07255a181 100644
--- a/frontend/src/components/smart-editor/history/history-editor.tsx
+++ b/frontend/src/components/smart-editor/history/history-editor.tsx
@@ -12,14 +12,7 @@ import { Sheet } from '@app/plate/sheet';
 import { type KabalValue, type RichTextEditor, useMyPlateEditorRef } from '@app/plate/types';
 import type { ISmartDocument } from '@app/types/documents/documents';
 import { Button } from '@navikt/ds-react';
-import {
-  type Value,
-  insertNodes,
-  removeNodes,
-  resetEditorChildren,
-  withoutNormalizing,
-  withoutSavingHistory,
-} from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { Plate, usePlateEditor } from '@udecode/plate-core/react';
 import { memo, useContext, useEffect } from 'react';
 import { styled } from 'styled-components';
@@ -97,13 +90,13 @@ const HistoryContent = ({ id, version }: HistoryContentProps) => {
 };
 
 const restore = (editor: RichTextEditor, content: Value) => {
-  withoutNormalizing(editor, () => {
-    withoutSavingHistory(editor, () => {
-      resetEditorChildren(editor);
-      insertNodes(editor, content, { at: [0] });
+  editor.tf.withoutNormalizing(() => {
+    editor.tf.withoutSaving(() => {
+      editor.tf.reset({ children: true });
+      editor.tf.insertNodes(content, { at: [0] });
 
       // Remove empty paragraph that is added automatically
-      removeNodes(editor, { at: [content.length] });
+      editor.tf.removeNodes({ at: [content.length] });
     });
   });
 };
diff --git a/frontend/src/components/smart-editor/new-document/generated-icon.tsx b/frontend/src/components/smart-editor/new-document/generated-icon.tsx
index 5df5faf95..7d848103b 100644
--- a/frontend/src/components/smart-editor/new-document/generated-icon.tsx
+++ b/frontend/src/components/smart-editor/new-document/generated-icon.tsx
@@ -12,7 +12,7 @@ import {
 } from '@app/plate/plugins/element-types';
 import { LabelContentPlugin } from '@app/plate/plugins/label-content';
 import type { ISmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
-import { BaseParagraphPlugin } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseBulletedListPlugin, BaseNumberedListPlugin } from '@udecode/plate-list';
 import { BaseTablePlugin } from '@udecode/plate-table';
diff --git a/frontend/src/components/smart-editor/tabbed-editors/cursors/cursors.tsx b/frontend/src/components/smart-editor/tabbed-editors/cursors/cursors.tsx
index 4b5ce540d..bd570dc7a 100644
--- a/frontend/src/components/smart-editor/tabbed-editors/cursors/cursors.tsx
+++ b/frontend/src/components/smart-editor/tabbed-editors/cursors/cursors.tsx
@@ -1,6 +1,6 @@
 import { getColors } from '@app/components/smart-editor/tabbed-editors/cursors/cursor-colors';
 import type { RelativeRange } from '@slate-yjs/core';
-import { type UnknownObject, createZustandStore } from '@udecode/plate-common';
+import { type UnknownObject, createZustandStore } from '@udecode/plate';
 import { type CursorData, type CursorProps, type CursorState, useCursorOverlayPositions } from '@udecode/plate-cursor';
 import { useEffect, useMemo, useRef } from 'react';
 import { styled } from 'styled-components';
@@ -83,7 +83,10 @@ const CaretLabel = styled.div`
   white-space: nowrap;
 `;
 
-export const cursorStore = createZustandStore('cursors')<Record<string, CursorState<UserCursor>>>({});
+export const cursorStore = createZustandStore<Record<string, CursorState<UserCursor>>>(
+  {},
+  { mutative: true, name: 'cursors' },
+);
 
 interface CursorOverlayProps {
   containerElement: HTMLElement;
diff --git a/frontend/src/components/smart-editor/tabbed-editors/editor.tsx b/frontend/src/components/smart-editor/tabbed-editors/editor.tsx
index 55c63b6a0..396ffa509 100644
--- a/frontend/src/components/smart-editor/tabbed-editors/editor.tsx
+++ b/frontend/src/components/smart-editor/tabbed-editors/editor.tsx
@@ -30,7 +30,7 @@ import type { IOppgavebehandling } from '@app/types/oppgavebehandling/oppgavebeh
 import { isObject } from '@grafana/faro-web-sdk';
 import { ClockDashedIcon, CloudFillIcon, CloudSlashFillIcon } from '@navikt/aksel-icons';
 import { Tooltip } from '@navikt/ds-react';
-import { isCollapsed, isText } from '@udecode/plate-common';
+import { RangeApi, TextApi } from '@udecode/plate';
 import { Plate, useEditorRef, usePlateEditor } from '@udecode/plate-core/react';
 import { YjsPlugin } from '@udecode/plate-yjs/react';
 import { useContext, useEffect, useState } from 'react';
@@ -80,7 +80,7 @@ const LoadedEditor = ({ oppgave, smartDocument, scalingGroup }: LoadedEditorProp
     override: {
       components,
     },
-    value: smartDocument.content,
+    value: structuredClone(smartDocument.content),
   });
 
   return (
@@ -90,7 +90,7 @@ const LoadedEditor = ({ oppgave, smartDocument, scalingGroup }: LoadedEditorProp
         readOnly={!canEdit}
         decorate={({ entry }) => {
           const [node, path] = entry;
-          if (newCommentSelection === null || isCollapsed(newCommentSelection) || !isText(node)) {
+          if (newCommentSelection === null || RangeApi.isCollapsed(newCommentSelection) || !TextApi.isText(node)) {
             return [];
           }
 
diff --git a/frontend/src/functions/are-descendants-equal.test.ts b/frontend/src/functions/are-descendants-equal.test.ts
index 6dd476809..25cc86168 100644
--- a/frontend/src/functions/are-descendants-equal.test.ts
+++ b/frontend/src/functions/are-descendants-equal.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 import { areDescendantsEqual, areKeysEqual } from '@app/functions/are-descendants-equal';
-import type { TElement, TText } from '@udecode/plate-common';
+import type { TElement, TText } from '@udecode/plate';
 
 describe('are-descendants-equal', () => {
   it('should return false if the two lists are of different lengths', () => {
diff --git a/frontend/src/functions/are-descendants-equal.ts b/frontend/src/functions/are-descendants-equal.ts
index 2420ef41c..58c6cfe5c 100644
--- a/frontend/src/functions/are-descendants-equal.ts
+++ b/frontend/src/functions/are-descendants-equal.ts
@@ -1,8 +1,8 @@
 import { removeEmptyCharInText } from '@app/functions/remove-empty-char-in-text';
-import { type TDescendant, isElement } from '@udecode/plate-common';
+import { type Descendant, ElementApi } from '@udecode/plate';
 
 // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: ¯\_(ツ)_/¯
-export const areDescendantsEqual = (listA: TDescendant[], listB: TDescendant[]): boolean => {
+export const areDescendantsEqual = (listA: Descendant[], listB: Descendant[]): boolean => {
   if (listA.length !== listB.length) {
     return false;
   }
@@ -15,8 +15,8 @@ export const areDescendantsEqual = (listA: TDescendant[], listB: TDescendant[]):
       return false;
     }
 
-    if (isElement(nodeA)) {
-      if (!isElement(nodeB)) {
+    if (ElementApi.isElement(nodeA)) {
+      if (!ElementApi.isElement(nodeB)) {
         return false;
       }
 
@@ -38,7 +38,7 @@ export const areDescendantsEqual = (listA: TDescendant[], listB: TDescendant[]):
       continue;
     }
 
-    if (isElement(nodeB)) {
+    if (ElementApi.isElement(nodeB)) {
       return false;
     }
 
diff --git a/frontend/src/hooks/use-template-sections.ts b/frontend/src/hooks/use-template-sections.ts
index fba7f3e2c..ca29a234a 100644
--- a/frontend/src/hooks/use-template-sections.ts
+++ b/frontend/src/hooks/use-template-sections.ts
@@ -4,7 +4,7 @@ import { TEMPLATE_MAP } from '@app/plate/templates/templates';
 import type { MaltekstseksjonElement } from '@app/plate/types';
 import { isOfElementType } from '@app/plate/utils/queries';
 import type { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { TDescendant, Value } from '@udecode/plate-common';
+import type { Descendant, Value } from '@udecode/plate';
 import { useMemo } from 'react';
 
 const EMPTY_LIST: TemplateSections[] = [];
@@ -27,7 +27,7 @@ export const getTemplateSections = (templateId: TemplateIdEnum): GroupedTemplate
   return getSections(template.richText as Value);
 };
 
-const getSections = (children: TDescendant[]): GroupedTemplateSections => {
+const getSections = (children: Descendant[]): GroupedTemplateSections => {
   const used: TemplateSections[] = [];
   const unused: TemplateSections[] = [];
 
diff --git a/frontend/src/plate/components/common/add-new-paragraph-buttons.tsx b/frontend/src/plate/components/common/add-new-paragraph-buttons.tsx
index a9a5f9fc7..0b59aa851 100644
--- a/frontend/src/plate/components/common/add-new-paragraph-buttons.tsx
+++ b/frontend/src/plate/components/common/add-new-paragraph-buttons.tsx
@@ -3,8 +3,7 @@ import type { RootElement } from '@app/plate/types';
 import { nextPath } from '@app/plate/utils/queries';
 import { Button, Tooltip } from '@navikt/ds-react';
 import { TextAddSpaceAfter, TextAddSpaceBefore } from '@styled-icons/fluentui-system-regular';
-import { findDescendant, insertElements } from '@udecode/plate-common';
-import { type PlateEditor, useEditorReadOnly } from '@udecode/plate-common/react';
+import { type PlateEditor, useEditorReadOnly } from '@udecode/plate/react';
 
 interface Props {
   element: RootElement;
@@ -29,13 +28,13 @@ export const AddNewParagraphBelow = ({ editor, element }: Props) => (
     <Button
       icon={<TextAddSpaceAfter size={20} aria-hidden />}
       onClick={() => {
-        const entry = findDescendant(editor, { at: [], match: (n) => n === element });
+        const entry = editor.api.descendant({ at: [], match: (n) => n === element });
 
         if (entry === undefined) {
           return;
         }
 
-        insertElements(editor, createSimpleParagraph(), { at: nextPath(entry[1]) });
+        editor.tf.insertNodes(createSimpleParagraph(), { at: nextPath(entry[1]) });
       }}
       variant="tertiary"
       size="xsmall"
@@ -49,13 +48,13 @@ export const AddNewParagraphAbove = ({ editor, element }: Props) => (
     <Button
       icon={<TextAddSpaceBefore size={20} aria-hidden />}
       onClick={() => {
-        const entry = findDescendant<RootElement>(editor, { at: [], match: (n) => n === element });
+        const entry = editor.api.descendant<RootElement>({ at: [], match: (n) => n === element });
 
         if (entry === undefined) {
           return;
         }
 
-        insertElements(editor, createSimpleParagraph(), { at: entry[1] });
+        editor.tf.insertNodes(createSimpleParagraph(), { at: entry[1] });
       }}
       variant="tertiary"
       size="xsmall"
diff --git a/frontend/src/plate/components/common/delete-section.tsx b/frontend/src/plate/components/common/delete-section.tsx
index 9b774292e..75c997de5 100644
--- a/frontend/src/plate/components/common/delete-section.tsx
+++ b/frontend/src/plate/components/common/delete-section.tsx
@@ -4,7 +4,6 @@ import { MaltekstseksjonToolbarStyle } from '@app/plate/components/styled-compon
 import { useMyPlateEditorRef } from '@app/plate/types';
 import { CheckmarkIcon, TrashIcon, XMarkIcon } from '@navikt/aksel-icons';
 import { Alert, Button, Tooltip } from '@navikt/ds-react';
-import { removeNodes } from '@udecode/plate-common';
 import { useRef, useState } from 'react';
 import type { Path } from 'slate';
 import { styled } from 'styled-components';
@@ -53,7 +52,7 @@ export const DeleteSection = ({
     return <DummyButton loading />;
   }
 
-  const onDelete = () => removeNodes(editor, { at: path });
+  const onDelete = () => editor.tf.removeNodes({ at: path });
 
   if (isChanged) {
     return <IsChanged onConfirm={onDelete} isChangedWarning={isChangedWarning} side={side} />;
diff --git a/frontend/src/plate/components/current-date.tsx b/frontend/src/plate/components/current-date.tsx
index a6abb2ffd..5bc6e9385 100644
--- a/frontend/src/plate/components/current-date.tsx
+++ b/frontend/src/plate/components/current-date.tsx
@@ -1,7 +1,7 @@
 import { formatLongDate, zeroPad } from '@app/domain/date';
 import { ptToEm } from '@app/plate/components/get-scaled-em';
 import type { CurrentDateElement } from '@app/plate/types';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { memo, useEffect, useMemo, useState } from 'react';
 import { useSelected } from 'slate-react';
 import { styled } from 'styled-components';
diff --git a/frontend/src/plate/components/empty-void.tsx b/frontend/src/plate/components/empty-void.tsx
index 1a6af28c4..a9e3e9acd 100644
--- a/frontend/src/plate/components/empty-void.tsx
+++ b/frontend/src/plate/components/empty-void.tsx
@@ -1,5 +1,5 @@
 import type { EmptyVoidElement } from '@app/plate/types';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 
 type RenderProps = PlateElementProps<EmptyVoidElement>;
 
diff --git a/frontend/src/plate/components/fullmektig.tsx b/frontend/src/plate/components/fullmektig.tsx
index a2b8bbe07..c9a1d4eb3 100644
--- a/frontend/src/plate/components/fullmektig.tsx
+++ b/frontend/src/plate/components/fullmektig.tsx
@@ -5,10 +5,8 @@ import { type FullmektigElement, type PlaceholderElement, useMyPlateEditorRef }
 import { isOfElementType } from '@app/plate/utils/queries';
 import { ArrowUndoIcon } from '@navikt/aksel-icons';
 import { Button, Loader } from '@navikt/ds-react';
-import { findDescendant, replaceNodeChildren, withoutSavingHistory } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps, findPath } from '@udecode/plate-common/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useEffect } from 'react';
-import { setNodes, withoutNormalizing } from 'slate';
 import { styled } from 'styled-components';
 
 export const Fullmektig = (props: PlateElementProps<FullmektigElement>) => {
@@ -17,9 +15,9 @@ export const Fullmektig = (props: PlateElementProps<FullmektigElement>) => {
   const { id, show } = element;
   const editor = useMyPlateEditorRef();
 
-  const at = findPath(editor, element);
+  const at = editor.api.findPath(element);
 
-  const valueEntry = findDescendant<PlaceholderElement>(editor, {
+  const valueEntry = editor.api.descendant<PlaceholderElement>({
     at,
     match: (n) =>
       isOfElementType<PlaceholderElement>(n, ELEMENT_PLACEHOLDER) && n.placeholder === FULLMEKTIG_VALUE_PLACEHOLDER,
@@ -46,18 +44,18 @@ export const Fullmektig = (props: PlateElementProps<FullmektigElement>) => {
     const [, valueAt] = valueEntry;
 
     if (prosessfullmektig === null) {
-      return withoutSavingHistory(editor, () => {
-        withoutNormalizing(editor, () => {
-          setNodes<FullmektigElement>(editor, { id: undefined, show: false }, { at });
-          replaceNodeChildren(editor, { at: valueAt, nodes: [{ text: '' }] });
+      return editor.tf.withoutSaving(() => {
+        editor.tf.withoutNormalizing(() => {
+          editor.tf.setNodes<FullmektigElement>({ id: undefined, show: false }, { at });
+          editor.tf.replaceNodes([{ text: '' }], { at: valueAt, children: true });
         });
       });
     }
 
-    withoutSavingHistory(editor, () => {
-      withoutNormalizing(editor, () => {
-        setNodes<FullmektigElement>(editor, { id: prosessfullmektig.id, show: true }, { at });
-        replaceNodeChildren(editor, { at: valueAt, nodes: [{ text: prosessfullmektig.name ?? '' }] });
+    editor.tf.withoutSaving(() => {
+      editor.tf.withoutNormalizing(() => {
+        editor.tf.setNodes<FullmektigElement>({ id: prosessfullmektig.id, show: true }, { at });
+        editor.tf.replaceNodes([{ text: prosessfullmektig.name ?? '' }], { at: valueAt, children: true });
       });
     });
   }, [editor, isSuccess, oppgave, id, valueEntry, at, show]);
@@ -89,7 +87,7 @@ export const Fullmektig = (props: PlateElementProps<FullmektigElement>) => {
             size="small"
             title='Tilbakestill til navn "Fullmektig"'
             onClick={() => {
-              const labelEntry = findDescendant<PlaceholderElement>(editor, {
+              const labelEntry = editor.api.descendant<PlaceholderElement>({
                 at,
                 match: (n) =>
                   isOfElementType<PlaceholderElement>(n, ELEMENT_PLACEHOLDER) &&
@@ -100,7 +98,7 @@ export const Fullmektig = (props: PlateElementProps<FullmektigElement>) => {
                 return;
               }
 
-              replaceNodeChildren(editor, { at: labelEntry[1], nodes: [{ text: 'Fullmektig', bold: true }] });
+              editor.tf.replaceNodes([{ text: 'Fullmektig', bold: true }], { at: labelEntry[1], children: true });
             }}
             icon={<ArrowUndoIcon aria-hidden />}
           />
@@ -119,7 +117,7 @@ export const Fullmektig = (props: PlateElementProps<FullmektigElement>) => {
                 return;
               }
 
-              replaceNodeChildren(editor, { at: valueEntry[1], nodes: [{ text: prosessfullmektig.name ?? '' }] });
+              editor.tf.replaceNodes([{ text: prosessfullmektig.name ?? '' }], { at: valueEntry[1], children: true });
             }}
             icon={<ArrowUndoIcon aria-hidden />}
           />
diff --git a/frontend/src/plate/components/header-footer.tsx b/frontend/src/plate/components/header-footer.tsx
index c871bbf99..aefd9b512 100644
--- a/frontend/src/plate/components/header-footer.tsx
+++ b/frontend/src/plate/components/header-footer.tsx
@@ -11,8 +11,7 @@ import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IConsumerPlainText, IConsumerText } from '@app/types/texts/consumer';
 import { Loader } from '@navikt/ds-react';
 import { skipToken } from '@reduxjs/toolkit/query';
-import { setNodes } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { styled } from 'styled-components';
 
@@ -72,8 +71,7 @@ const RenderHeaderFooter = (props: PlateElementProps<ElementTypes>) => {
 
         setText(mostSpecificText);
 
-        setNodes<ElementTypes>(
-          editor,
+        editor.tf.setNodes<ElementTypes>(
           { content: mostSpecificText.plainText },
           { match: (n) => n === e, voids: true, at: [] },
         );
@@ -81,7 +79,7 @@ const RenderHeaderFooter = (props: PlateElementProps<ElementTypes>) => {
         setInitialized(true);
       } catch {
         if (e.content === null) {
-          setNodes<ElementTypes>(editor, { content: '' }, { match: (n) => n === e, voids: true, at: [] });
+          editor.tf.setNodes<ElementTypes>({ content: '' }, { match: (n) => n === e, voids: true, at: [] });
         }
       }
     },
diff --git a/frontend/src/plate/components/headings.tsx b/frontend/src/plate/components/headings.tsx
index 0d334645f..41dd6b82e 100644
--- a/frontend/src/plate/components/headings.tsx
+++ b/frontend/src/plate/components/headings.tsx
@@ -1,6 +1,6 @@
 import { ptToEm } from '@app/plate/components/get-scaled-em';
-import { isElement } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { ElementApi } from '@udecode/plate';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { styled } from 'styled-components';
 import type { H1Element, H2Element, H3Element, PlaceholderElement } from '../types';
 
@@ -76,7 +76,7 @@ export const HeadingThree = ({ children, element, ...props }: PlateElementProps<
 
 const isEmpty = (element: H1Element | H2Element | H3Element | PlaceholderElement): boolean => {
   for (const child of element.children) {
-    if (isElement(child)) {
+    if (ElementApi.isElement(child)) {
       return false;
     }
 
diff --git a/frontend/src/plate/components/label-content.tsx b/frontend/src/plate/components/label-content.tsx
index 8e833b550..0a07ef030 100644
--- a/frontend/src/plate/components/label-content.tsx
+++ b/frontend/src/plate/components/label-content.tsx
@@ -3,8 +3,7 @@ import { useOppgave } from '@app/hooks/oppgavebehandling/use-oppgave';
 import { type LabelContentElement, LabelContentSource } from '@app/plate/types';
 import { useYtelserAll } from '@app/simple-api-state/use-kodeverk';
 import { SaksTypeEnum } from '@app/types/kodeverk';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { setNodes } from '@udecode/slate';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useEffect, useMemo } from 'react';
 import { styled } from 'styled-components';
 
@@ -14,11 +13,11 @@ export const LabelContent = (props: PlateElementProps<LabelContentElement>) => {
   const label = useLabel(element.source);
 
   useEffect(() => {
-    setNodes(editor, { result: content }, { at: [], match: (n) => n === element });
+    editor.tf.setNodes({ result: content }, { at: [], match: (n) => n === element });
   }, [content, editor, element]);
 
   useEffect(() => {
-    setNodes(editor, { label }, { at: [], match: (n) => n === element });
+    editor.tf.setNodes({ label }, { at: [], match: (n) => n === element });
   }, [label, editor, element]);
 
   return (
diff --git a/frontend/src/plate/components/legacy-redigerbar-maltekst.tsx b/frontend/src/plate/components/legacy-redigerbar-maltekst.tsx
index 3ded24c38..d500d785a 100644
--- a/frontend/src/plate/components/legacy-redigerbar-maltekst.tsx
+++ b/frontend/src/plate/components/legacy-redigerbar-maltekst.tsx
@@ -14,9 +14,7 @@ import type { IConsumerRichText, IConsumerText } from '@app/types/texts/consumer
 import { ArrowCirclepathIcon } from '@navikt/aksel-icons';
 import { Button, Loader, Tooltip } from '@navikt/ds-react';
 import { skipToken } from '@reduxjs/toolkit/query';
-import { replaceNodeChildren } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { findPath } from '@udecode/slate-react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useCallback, useContext, useEffect, useRef } from 'react';
 
 const consistsOfOnlyEmptyVoid = (element: RedigerbarMaltekstElement) => {
@@ -42,7 +40,7 @@ export const LegacyRedigerbarMaltekst = (props: PlateElementProps<RedigerbarMalt
 
   const [getTexts, { isLoading }] = useLazyGetConsumerTextsQuery();
 
-  const path = findPath(editor, element);
+  const path = editor.api.findPath(element);
 
   const isInitialized = useRef(!isNodeEmpty(element));
 
@@ -70,7 +68,7 @@ export const LegacyRedigerbarMaltekst = (props: PlateElementProps<RedigerbarMalt
 
       const nodes = lexSpecialisStatus === LexSpecialisStatus.FOUND ? richText.richText : [createSimpleParagraph()];
 
-      replaceNodeChildren(editor, { at: path, nodes });
+      editor.tf.replaceNodes(nodes, { at: path, children: true });
     } catch (e) {
       console.error('RedigerbarMaltekst: Failed to get texts', e, query);
       insertRedigerbarMaltekst();
diff --git a/frontend/src/plate/components/lists.tsx b/frontend/src/plate/components/lists.tsx
index c5deaa5d2..99641a450 100644
--- a/frontend/src/plate/components/lists.tsx
+++ b/frontend/src/plate/components/lists.tsx
@@ -1,5 +1,5 @@
 import { ptToEm } from '@app/plate/components/get-scaled-em';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { styled } from 'styled-components';
 import type { BulletListElement, ListItemElement, NumberedListElement } from '../types';
 
diff --git a/frontend/src/plate/components/maltekst/legacy-maltekst.tsx b/frontend/src/plate/components/maltekst/legacy-maltekst.tsx
index ddbbc47f4..a035c8471 100644
--- a/frontend/src/plate/components/maltekst/legacy-maltekst.tsx
+++ b/frontend/src/plate/components/maltekst/legacy-maltekst.tsx
@@ -13,9 +13,8 @@ import { RichTextTypes } from '@app/types/common-text-types';
 import type { IConsumerRichText, IConsumerText } from '@app/types/texts/consumer';
 import { ArrowCirclepathIcon } from '@navikt/aksel-icons';
 import { Button, Loader, Tooltip } from '@navikt/ds-react';
-import { isElement, replaceNodeChildren, withoutNormalizing, withoutSavingHistory } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { findPath, isEditorReadOnly } from '@udecode/slate-react';
+import { ElementApi } from '@udecode/plate';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useContext, useEffect } from 'react';
 
 /**
@@ -33,7 +32,7 @@ export const LegacyMaltekst = (props: PlateElementProps<MaltekstElement>) => {
       return;
     }
 
-    const path = findPath(editor, element);
+    const path = editor.api.findPath(element);
 
     if (path === undefined) {
       return;
@@ -57,8 +56,8 @@ export const LegacyMaltekst = (props: PlateElementProps<MaltekstElement>) => {
       return;
     }
 
-    withoutSavingHistory(editor, () => {
-      withoutNormalizing(editor, () => replaceNodeChildren(editor, { at: path, nodes: maltekster }));
+    editor.tf.withoutSaving(() => {
+      editor.tf.withoutNormalizing(() => editor.tf.replaceNodes(maltekster, { at: path, children: true }));
     });
   }, [data, editor, element, isFetching, isLoading, oppgave, oppgaveIsLoading, templateId]);
 
@@ -78,7 +77,7 @@ export const LegacyMaltekst = (props: PlateElementProps<MaltekstElement>) => {
 
   const [first] = element.children;
 
-  if (isElement(first) && first.type === ELEMENT_EMPTY_VOID) {
+  if (ElementApi.isElement(first) && first.type === ELEMENT_EMPTY_VOID) {
     return (
       <PlateElement<MaltekstElement> {...props} as="div">
         {null}
@@ -90,7 +89,7 @@ export const LegacyMaltekst = (props: PlateElementProps<MaltekstElement>) => {
     <PlateElement<MaltekstElement>
       {...props}
       asChild
-      contentEditable={!isEditorReadOnly(editor)}
+      contentEditable={!editor.api.isReadOnly()}
       suppressContentEditableWarning
     >
       <SectionContainer
diff --git a/frontend/src/plate/components/maltekst/maltekst.tsx b/frontend/src/plate/components/maltekst/maltekst.tsx
index ef96b3a28..5db790aa4 100644
--- a/frontend/src/plate/components/maltekst/maltekst.tsx
+++ b/frontend/src/plate/components/maltekst/maltekst.tsx
@@ -11,9 +11,8 @@ import { RichTextTypes } from '@app/types/common-text-types';
 import type { IConsumerRichText, IConsumerText } from '@app/types/texts/consumer';
 import { ArrowCirclepathIcon, PadlockUnlockedIcon } from '@navikt/aksel-icons';
 import { Button, Tooltip } from '@navikt/ds-react';
-import { isElement, replaceNodeChildren, unwrapNodes } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { findPath, isEditorReadOnly } from '@udecode/slate-react';
+import { ElementApi } from '@udecode/plate';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useContext, useMemo } from 'react';
 
 export const Maltekst = (props: PlateElementProps<MaltekstElement>) => {
@@ -33,7 +32,7 @@ export const Maltekst = (props: PlateElementProps<MaltekstElement>) => {
       return;
     }
 
-    const path = findPath(editor, element);
+    const path = editor.api.findPath(element);
 
     if (path === undefined) {
       return;
@@ -45,12 +44,12 @@ export const Maltekst = (props: PlateElementProps<MaltekstElement>) => {
       return;
     }
 
-    replaceNodeChildren(editor, { at: path, nodes: text.richText });
+    editor.tf.replaceNodes(text.richText, { at: path, children: true });
   };
 
   const [first] = element.children;
 
-  if (isElement(first) && first.type === ELEMENT_EMPTY_VOID) {
+  if (ElementApi.isElement(first) && first.type === ELEMENT_EMPTY_VOID) {
     return (
       <PlateElement<MaltekstElement> {...props} as="div">
         {null}
@@ -58,9 +57,9 @@ export const Maltekst = (props: PlateElementProps<MaltekstElement>) => {
     );
   }
 
-  const unlock = () => unwrapNodes(editor, { match: (n) => n === element, at: [] });
+  const unlock = () => editor.tf.unwrapNodes({ match: (n) => n === element, at: [] });
 
-  const readOnly = isEditorReadOnly(editor);
+  const readOnly = editor.api.isReadOnly();
 
   return (
     <PlateElement<MaltekstElement>
diff --git a/frontend/src/plate/components/maltekst/nodes-equals.ts b/frontend/src/plate/components/maltekst/nodes-equals.ts
index 102f2380f..dde1d5ea7 100644
--- a/frontend/src/plate/components/maltekst/nodes-equals.ts
+++ b/frontend/src/plate/components/maltekst/nodes-equals.ts
@@ -1,5 +1,5 @@
 import { ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
-import { type TNode, isNodeList, isText } from '@udecode/plate-common';
+import { NodeApi, type TNode, TextApi } from '@udecode/plate';
 
 export const nodesEquals = (a: TNode[], b: TNode[]): boolean => {
   if (a.length !== b.length) {
@@ -13,8 +13,8 @@ export const nodesEquals = (a: TNode[], b: TNode[]): boolean => {
       return false;
     }
 
-    if (isText(n)) {
-      if (!isText(n2)) {
+    if (TextApi.isText(n)) {
+      if (!TextApi.isText(n2)) {
         return false;
       }
 
@@ -29,7 +29,7 @@ export const nodesEquals = (a: TNode[], b: TNode[]): boolean => {
       return true;
     }
 
-    if (isNodeList(n2.children) && isNodeList(n.children)) {
+    if (NodeApi.isNodeList(n2.children) && NodeApi.isNodeList(n.children)) {
       return nodesEquals(n.children, n2.children);
     }
 
diff --git a/frontend/src/plate/components/maltekstseksjon/get-children.ts b/frontend/src/plate/components/maltekstseksjon/get-children.ts
index 1994b218a..feb8bfd72 100644
--- a/frontend/src/plate/components/maltekstseksjon/get-children.ts
+++ b/frontend/src/plate/components/maltekstseksjon/get-children.ts
@@ -20,7 +20,7 @@ import { isOfElementType, isOfElementTypesFn } from '@app/plate/utils/queries';
 import { RichTextTypes } from '@app/types/common-text-types';
 import type { IConsumerRichText } from '@app/types/texts/consumer';
 import type { Language } from '@app/types/texts/language';
-import { BaseParagraphPlugin, type TElement, getNodeElements, getNodeString, isElement } from '@udecode/plate-common';
+import { BaseParagraphPlugin, ElementApi, NodeApi, type TElement } from '@udecode/plate';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseBulletedListPlugin, BaseNumberedListPlugin } from '@udecode/plate-list';
 import { BaseTablePlugin } from '@udecode/plate-table';
@@ -63,10 +63,10 @@ export const getNewChildren = (
 const containsEditedPlaceholder = (node: TElement): boolean => {
   for (const child of node.children) {
     if (isOfElementType<PlaceholderElement>(child, ELEMENT_PLACEHOLDER)) {
-      return getNodeString(child).length > 0;
+      return NodeApi.string(child).length > 0;
     }
 
-    if (isElement(child)) {
+    if (ElementApi.isElement(child)) {
       return containsEditedPlaceholder(child);
     }
   }
@@ -109,7 +109,7 @@ export const areFromPlaceholdersSafeToReplaceWithToPlaceholders = (
 const getPlaceholders = (element: TElement): PlaceholderElement[] => {
   const list: PlaceholderElement[] = [];
 
-  const generator = getNodeElements(element);
+  const generator = NodeApi.elements(element);
 
   for (const [n] of generator) {
     if (isOfElementType<PlaceholderElement>(n, ELEMENT_PLACEHOLDER)) {
diff --git a/frontend/src/plate/components/maltekstseksjon/maltekstseksjon.tsx b/frontend/src/plate/components/maltekstseksjon/maltekstseksjon.tsx
index c83ce9bb4..bccdb99f3 100644
--- a/frontend/src/plate/components/maltekstseksjon/maltekstseksjon.tsx
+++ b/frontend/src/plate/components/maltekstseksjon/maltekstseksjon.tsx
@@ -20,8 +20,7 @@ import type { IGetConsumerMaltekstseksjonerParams } from '@app/types/common-text
 import type { IMaltekstseksjon } from '@app/types/maltekstseksjoner/responses';
 import type { IOppgavebehandling } from '@app/types/oppgavebehandling/oppgavebehandling';
 import { type SkipToken, skipToken } from '@reduxjs/toolkit/query';
-import { setNodes } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps, isEditorReadOnly } from '@udecode/plate-common/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useCallback, useContext, useMemo } from 'react';
 
 export const Maltekstseksjon = (props: PlateElementProps<MaltekstseksjonElement>) => {
@@ -41,11 +40,11 @@ export const Maltekstseksjon = (props: PlateElementProps<MaltekstseksjonElement>
       return;
     }
 
-    if (path === undefined || !editor.hasPath(path)) {
+    if (path === undefined || !editor.api.hasPath(path)) {
       return;
     }
 
-    setNodes<MaltekstseksjonElement>(editor, { query, language }, { match: (n) => n === element, at: path });
+    editor.tf.setNodes<MaltekstseksjonElement>({ query, language }, { match: (n) => n === element, at: path });
   }, [editor, element, queryChanged, language, path, query]);
 
   const { isFetching, maltekstseksjon, manualUpdate, tiedList, update } = useUpdateMaltekstseksjon(
@@ -76,7 +75,7 @@ export const Maltekstseksjon = (props: PlateElementProps<MaltekstseksjonElement>
     <PlateElement<MaltekstseksjonElement>
       {...props}
       asChild
-      contentEditable={!isEditorReadOnly(editor)}
+      contentEditable={!editor.api.isReadOnly()}
       suppressContentEditableWarning
       onDragStart={onPlateContainerDragStart}
     >
diff --git a/frontend/src/plate/components/maltekstseksjon/replace-nodes.ts b/frontend/src/plate/components/maltekstseksjon/replace-nodes.ts
index 88b4cac6e..9091b124e 100644
--- a/frontend/src/plate/components/maltekstseksjon/replace-nodes.ts
+++ b/frontend/src/plate/components/maltekstseksjon/replace-nodes.ts
@@ -1,12 +1,5 @@
 import { createEmptyVoid } from '@app/plate/templates/helpers';
 import type { MaltekstElement, MaltekstseksjonElement, RedigerbarMaltekstElement } from '@app/plate/types';
-import {
-  replaceNodeChildren,
-  setNodes,
-  unsetNodes,
-  withoutNormalizing,
-  withoutSavingHistory,
-} from '@udecode/plate-common';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import type { Path } from 'slate';
 
@@ -17,28 +10,28 @@ export const replaceNodes = (
   textIdList: string[] | null,
   nodes: (MaltekstElement | RedigerbarMaltekstElement)[] | null,
 ) => {
-  if (path === undefined || !editor.hasPath(path)) {
+  if (path === undefined || !editor.api.hasPath(path)) {
     return;
   }
 
-  withoutSavingHistory(editor, () => {
-    withoutNormalizing(editor, () => {
+  editor.tf.withoutSaving(() => {
+    editor.tf.withoutNormalizing(() => {
       if (id === null) {
-        unsetNodes<MaltekstseksjonElement>(editor, 'id', { at: path });
+        editor.tf.unsetNodes<MaltekstseksjonElement>('id', { at: path });
       } else {
-        setNodes<MaltekstseksjonElement>(editor, { id }, { at: path });
+        editor.tf.setNodes<MaltekstseksjonElement>({ id }, { at: path });
       }
 
       if (textIdList === null) {
-        unsetNodes<MaltekstseksjonElement>(editor, 'textIdList', { at: path });
+        editor.tf.unsetNodes<MaltekstseksjonElement>('textIdList', { at: path });
       } else {
-        setNodes<MaltekstseksjonElement>(editor, { textIdList }, { at: path });
+        editor.tf.setNodes<MaltekstseksjonElement>({ textIdList }, { at: path });
       }
 
       if (nodes === null) {
-        replaceNodeChildren(editor, { at: path, nodes: [createEmptyVoid()] });
+        editor.tf.replaceNodes([createEmptyVoid()], { at: path, children: true });
       } else {
-        replaceNodeChildren(editor, { at: path, nodes });
+        editor.tf.replaceNodes(nodes, { at: path, children: true });
       }
     });
   });
diff --git a/frontend/src/plate/components/maltekstseksjon/toolbar.tsx b/frontend/src/plate/components/maltekstseksjon/toolbar.tsx
index cef20aaf5..8f50d0988 100644
--- a/frontend/src/plate/components/maltekstseksjon/toolbar.tsx
+++ b/frontend/src/plate/components/maltekstseksjon/toolbar.tsx
@@ -4,7 +4,7 @@ import { MaltekstseksjonToolbar } from '@app/plate/components/styled-components'
 import type { MaltekstseksjonElement } from '@app/plate/types';
 import { ArrowCirclepathIcon } from '@navikt/aksel-icons';
 import { Button, Tooltip } from '@navikt/ds-react';
-import type { PlateEditor } from '@udecode/plate-common/react';
+import type { PlateEditor } from '@udecode/plate/react';
 import type { Path } from 'slate';
 
 interface Props {
diff --git a/frontend/src/plate/components/maltekstseksjon/use-path.ts b/frontend/src/plate/components/maltekstseksjon/use-path.ts
index d2f9c7237..221020808 100644
--- a/frontend/src/plate/components/maltekstseksjon/use-path.ts
+++ b/frontend/src/plate/components/maltekstseksjon/use-path.ts
@@ -1,10 +1,10 @@
 import type { MaltekstseksjonElement } from '@app/plate/types';
-import { type PlateEditor, findPath } from '@udecode/plate-common/react';
+import type { PlateEditor } from '@udecode/plate/react';
 import { useEffect, useRef } from 'react';
 import { Path } from 'slate';
 
 export const usePath = (editor: PlateEditor, element: MaltekstseksjonElement) => {
-  const path = findPath(editor, element);
+  const path = editor.api.findPath(element);
   const previous = useRef<Path | undefined>(path);
 
   useEffect(() => {
diff --git a/frontend/src/plate/components/page-break.tsx b/frontend/src/plate/components/page-break.tsx
index bd9cc3831..206edc4fa 100644
--- a/frontend/src/plate/components/page-break.tsx
+++ b/frontend/src/plate/components/page-break.tsx
@@ -3,30 +3,32 @@ import { UNCHANGEABLE } from '@app/plate/plugins/element-types';
 import type { PageBreakElement } from '@app/plate/types';
 import { TrashIcon } from '@navikt/aksel-icons';
 import { Button } from '@navikt/ds-react';
-import { type TNodeEntry, findNode, getParentNode, isEditor, isElement, removeNodes } from '@udecode/plate-common';
-import { type PlateEditor, PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { ElementApi, type NodeEntry } from '@udecode/plate';
+import type { PlateEditor } from '@udecode/plate-core/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { styled } from 'styled-components';
 
-const parentIsUnchangeable = (editor: PlateEditor, entry: TNodeEntry<PageBreakElement> | undefined): boolean => {
+const parentIsUnchangeable = (editor: PlateEditor, entry: NodeEntry<PageBreakElement> | undefined): boolean => {
   if (entry === undefined) {
     return true;
   }
 
   const [, path] = entry;
 
-  const parentEntry = getParentNode(editor, path);
+  const parentEntry = editor.api.parent(path);
 
   if (parentEntry === undefined) {
     return true;
   }
 
-  const [parentNode] = parentEntry;
+  const [parentNode, parentNodePath] = parentEntry;
 
-  if (isEditor(parentNode)) {
+  // Used to be isEditor(parentNode), but isEditor is unavailable for parentNode
+  if (parentNodePath.length === 0) {
     return false;
   }
 
-  if (!isElement(parentNode)) {
+  if (!ElementApi.isElement(parentNode)) {
     return true;
   }
 
@@ -35,7 +37,7 @@ const parentIsUnchangeable = (editor: PlateEditor, entry: TNodeEntry<PageBreakEl
 
 export const PageBreak = (props: PlateElementProps<PageBreakElement>) => {
   const { children, element, editor } = props;
-  const entry = findNode<PageBreakElement>(editor, { at: [], match: (n) => n === element });
+  const entry = editor.api.node<PageBreakElement>({ at: [], match: (n) => n === element });
 
   const disableDelete = parentIsUnchangeable(editor, entry);
 
@@ -46,7 +48,7 @@ export const PageBreak = (props: PlateElementProps<PageBreakElement>) => {
 
     const [, path] = entry;
 
-    removeNodes(editor, { at: path });
+    editor.tf.removeNodes({ at: path });
   };
 
   return (
diff --git a/frontend/src/plate/components/paragraph.tsx b/frontend/src/plate/components/paragraph.tsx
index 53772b06d..afc7518e1 100644
--- a/frontend/src/plate/components/paragraph.tsx
+++ b/frontend/src/plate/components/paragraph.tsx
@@ -1,7 +1,7 @@
 import { ptToEm } from '@app/plate/components/get-scaled-em';
 import type { ParagraphElement, PlaceholderElement } from '@app/plate/types';
-import { isText } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
+import { TextApi } from '@udecode/plate';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { type ElementRef, forwardRef } from 'react';
 import { styled } from 'styled-components';
 
@@ -45,7 +45,7 @@ export const StyledParagraph = styled.p<{ $isEmpty: boolean }>`
 
 const isEmpty = (element: ParagraphElement | PlaceholderElement) => {
   for (const child of element.children) {
-    if (isText(child)) {
+    if (TextApi.isText(child)) {
       if (child.text.length > 0) {
         return false;
       }
diff --git a/frontend/src/plate/components/placeholder/helpers.ts b/frontend/src/plate/components/placeholder/helpers.ts
index 3ec039ee0..d7e259ce4 100644
--- a/frontend/src/plate/components/placeholder/helpers.ts
+++ b/frontend/src/plate/components/placeholder/helpers.ts
@@ -2,49 +2,39 @@ import { EMPTY_CHAR_CODE, removeEmptyCharInText } from '@app/functions/remove-em
 import { ELEMENT_MALTEKST } from '@app/plate/plugins/element-types';
 import type { EditorDescendant, FormattedText, MaltekstElement, PlaceholderElement } from '@app/plate/types';
 import { isNodeEmpty, isOfElementType } from '@app/plate/utils/queries';
-import {
-  type TElement,
-  type TPath,
-  getNodeAncestors,
-  insertNodes,
-  insertText,
-  isElement,
-  removeNodes,
-  withoutNormalizing,
-  withoutSavingHistory,
-} from '@udecode/plate-common';
+import { ElementApi, NodeApi, type TElement } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import { Path } from 'slate';
 
 const EMPTY_CHAR = String.fromCharCode(EMPTY_CHAR_CODE); // \u200b
 
-export const cleanText = (editor: PlateEditor, element: PlaceholderElement, path: TPath, at: TPath) => {
+export const cleanText = (editor: PlateEditor, element: PlaceholderElement, path: Path, at: Path) => {
   const cleanedText: FormattedText[] = element.children.map((c) => ({ ...c, text: removeEmptyCharInText(c.text) }));
 
-  withoutSavingHistory(editor, () => {
-    withoutNormalizing(editor, () => {
-      removeNodes(editor, {
+  editor.tf.withoutSaving(() => {
+    editor.tf.withoutNormalizing(() => {
+      editor.tf.removeNodes({
         at: path,
         match: (n) => n !== element,
       });
-      insertNodes<FormattedText>(editor, cleanedText, { at, select: true });
+      editor.tf.insertNodes<FormattedText>(cleanedText, { at, select: true });
     });
   });
 };
 
-export const ensureOnlyOneEmptyChar = (editor: PlateEditor, element: PlaceholderElement, path: TPath, at: TPath) => {
-  withoutSavingHistory(editor, () => {
-    withoutNormalizing(editor, () => {
-      removeNodes(editor, { at: path, match: (n) => n !== element });
-      insertNodes<FormattedText>(editor, { text: EMPTY_CHAR }, { at });
+export const ensureOnlyOneEmptyChar = (editor: PlateEditor, element: PlaceholderElement, path: Path, at: Path) => {
+  editor.tf.withoutSaving(() => {
+    editor.tf.withoutNormalizing(() => {
+      editor.tf.removeNodes({ at: path, match: (n) => n !== element });
+      editor.tf.insertNodes<FormattedText>({ text: EMPTY_CHAR }, { at });
     });
   });
 };
 
-export const insertEmptyChar = (editor: PlateEditor, at: TPath) => {
-  withoutSavingHistory(editor, () => {
-    withoutNormalizing(editor, () => {
-      insertText(editor, EMPTY_CHAR, { at });
+export const insertEmptyChar = (editor: PlateEditor, at: Path) => {
+  editor.tf.withoutSaving(() => {
+    editor.tf.withoutNormalizing(() => {
+      editor.tf.insertText(EMPTY_CHAR, { at });
     });
   });
 };
@@ -93,7 +83,7 @@ export const containsMultipleEmptyCharAndNoText = (text: string): boolean => {
   return emptyCharCount > 1;
 };
 
-export const getIsFocused = (editor: PlateEditor, path: TPath | undefined): boolean => {
+export const getIsFocused = (editor: PlateEditor, path: Path | undefined): boolean => {
   if (editor.selection === null || path === undefined) {
     return false;
   }
@@ -106,7 +96,7 @@ const getMaltekstElement = (editor: PlateEditor, path: Path | undefined): Maltek
     return undefined;
   }
 
-  const ancestors = getNodeAncestors(editor, path);
+  const ancestors = NodeApi.ancestors(editor, path);
 
   for (const [node] of ancestors) {
     if (isOfElementType<MaltekstElement>(node, ELEMENT_MALTEKST)) {
@@ -126,7 +116,7 @@ const containsLonePlaceholder = (
     return true;
   }
 
-  if (!isElement(child)) {
+  if (!ElementApi.isElement(child)) {
     return false;
   }
 
diff --git a/frontend/src/plate/components/placeholder/placeholder.tsx b/frontend/src/plate/components/placeholder/placeholder.tsx
index 94c156f14..b05af4af6 100644
--- a/frontend/src/plate/components/placeholder/placeholder.tsx
+++ b/frontend/src/plate/components/placeholder/placeholder.tsx
@@ -16,15 +16,9 @@ import { ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
 import type { PlaceholderElement } from '@app/plate/types';
 import { TrashIcon } from '@navikt/aksel-icons';
 import { Tooltip } from '@navikt/ds-react';
-import { getEndPoint, getPreviousPath, setSelection } from '@udecode/plate-common';
-import {
-  PlateElement,
-  type PlateElementProps,
-  findPath,
-  focusEditor,
-  isEditorFocused,
-  useEditorReadOnly,
-} from '@udecode/plate-common/react';
+import { PathApi } from '@udecode/plate';
+import { useEditorReadOnly } from '@udecode/plate-core/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { type MouseEvent, useCallback, useContext, useEffect, useMemo } from 'react';
 
 export const RedaktørPlaceholder = (props: PlateElementProps<PlaceholderElement>) => (
@@ -51,7 +45,7 @@ const Placeholder = ({ canManage, ...props }: PlaceholderProps) => {
 
   const onClick = useCallback(
     (e: React.MouseEvent) => {
-      const path = findPath(editor, element);
+      const path = editor.api.findPath(element);
 
       if (!hasNoVisibleText) {
         return;
@@ -63,16 +57,16 @@ const Placeholder = ({ canManage, ...props }: PlaceholderProps) => {
 
       e.preventDefault();
 
-      editor.select({ path: [...path, 0], offset: containsEmptyChar ? 1 : 0 });
+      editor.tf.select({ path: [...path, 0], offset: containsEmptyChar ? 1 : 0 });
     },
     [containsEmptyChar, editor, element, hasNoVisibleText],
   );
 
-  const isFocused = getIsFocused(editor, findPath(editor, element));
+  const isFocused = getIsFocused(editor, editor.api.findPath(element));
 
   // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: ¯\_(ツ)_/¯
   useEffect(() => {
-    const path = findPath(editor, element);
+    const path = editor.api.findPath(element);
 
     if (isDragging || path === undefined) {
       return;
@@ -80,7 +74,7 @@ const Placeholder = ({ canManage, ...props }: PlaceholderProps) => {
 
     const at = [...path, 0];
 
-    if (!editor.hasPath(at)) {
+    if (!editor.api.hasPath(at)) {
       return;
     }
 
@@ -115,7 +109,7 @@ const Placeholder = ({ canManage, ...props }: PlaceholderProps) => {
 
   const deletePlaceholder = useCallback(
     (event: MouseEvent) => {
-      const path = findPath(editor, element);
+      const path = editor.api.findPath(element);
 
       if (path === undefined) {
         return;
@@ -123,29 +117,29 @@ const Placeholder = ({ canManage, ...props }: PlaceholderProps) => {
 
       event.stopPropagation();
 
-      const previousPath = getPreviousPath(path);
+      const previousPath = PathApi.previous(path);
 
       if (editor.selection === null && previousPath !== undefined) {
-        if (!isEditorFocused(editor)) {
-          focusEditor(editor);
+        if (!editor.api.isFocused()) {
+          editor.tf.focus();
         }
 
-        const previousPoint = getEndPoint(editor, previousPath);
+        const previousPoint = editor.api.end(previousPath);
 
-        setSelection(editor, { focus: previousPoint, anchor: previousPoint });
+        editor.tf.setSelection({ focus: previousPoint, anchor: previousPoint });
       }
 
-      editor.delete({ at: path });
+      editor.tf.delete({ at: path });
 
-      if (!isEditorFocused(editor)) {
-        focusEditor(editor);
+      if (!editor.api.isFocused()) {
+        editor.tf.focus();
       }
     },
     [editor, element],
   );
 
   const hideDeleteButton = useMemo(() => {
-    const path = findPath(editor, element);
+    const path = editor.api.findPath(element);
 
     return (
       !(canManage && hasNoVisibleText) ||
diff --git a/frontend/src/plate/components/plate-ui/table-cell-element.tsx b/frontend/src/plate/components/plate-ui/table-cell-element.tsx
index 76d91ccb4..1092579ec 100644
--- a/frontend/src/plate/components/plate-ui/table-cell-element.tsx
+++ b/frontend/src/plate/components/plate-ui/table-cell-element.tsx
@@ -1,45 +1,39 @@
 import { ptToEm } from '@app/plate/components/get-scaled-em';
 import { ScaleContext } from '@app/plate/status-bar/scale-context';
 import { useMyPlateEditorRef } from '@app/plate/types';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
 import { type ResizeEvent, ResizeHandle } from '@udecode/plate-resizable';
-import { type TTableCellElement, setTableColSize } from '@udecode/plate-table';
-import {
-  useTableCellElement,
-  useTableCellElementResizable,
-  useTableCellElementResizableState,
-  useTableCellElementState,
-} from '@udecode/plate-table/react';
-import { forwardRef, useCallback, useContext } from 'react';
+import { setTableColSize } from '@udecode/plate-table';
+import { TablePlugin, useTableCellElement, useTableCellElementResizable } from '@udecode/plate-table/react';
+import { PlateElement, useEditorPlugin, useReadOnly, withRef } from '@udecode/plate/react';
+import { useCallback, useContext } from 'react';
 import type { MouseEvent } from 'react';
 import { styled } from 'styled-components';
 import { StyledParagraph } from '../paragraph';
 
-type TableCellElementProps = PlateElementProps<TTableCellElement>;
+export const TableCellElement = withRef<typeof PlateElement>(({ style, children, ...props }, ref) => {
+  const { api } = useEditorPlugin(TablePlugin);
+  const { selected, minHeight, width } = useTableCellElement();
 
-export const TableCellElement = forwardRef<React.ElementRef<typeof PlateElement>, TableCellElementProps>(
-  ({ className, children, ...props }, ref) => {
-    const { selected } = useTableCellElementState();
-    const { props: cellProps } = useTableCellElement({ element: props.element });
-
-    return (
-      <PlateElement asChild ref={ref} className={className} {...cellProps} {...props}>
-        <StyledCell $selected={selected}>
-          <Content>{children}</Content>
-          <Resize />
-        </StyledCell>
-      </PlateElement>
-    );
-  },
-);
+  const spans = {
+    colSpan: api.table.getColSpan(props.element),
+    rowSpan: api.table.getRowSpan(props.element),
+  };
 
-TableCellElement.displayName = 'TableCellElement';
+  return (
+    <PlateElement asChild ref={ref} {...props}>
+      <StyledCell $selected={selected} style={{ ...style, width, minWidth: 50 }} {...spans}>
+        <Content style={{ minHeight }}>{children}</Content>
+        <Resize />
+      </StyledCell>
+    </PlateElement>
+  );
+});
 
 const Resize = () => {
   const { scale } = useContext(ScaleContext);
-  const { colIndex, readOnly, isSelectingCell, hovered, ...state } = useTableCellElementState();
-  const resizableState = useTableCellElementResizableState({ colIndex, ...state });
-  const { rightProps } = useTableCellElementResizable(resizableState);
+  const readOnly = useReadOnly();
+  const { colIndex, isSelectingCell, ...state } = useTableCellElement();
+  const { rightProps } = useTableCellElementResizable({ colIndex, ...state });
   const editor = useMyPlateEditorRef();
 
   const onDblClick = useCallback(
@@ -77,12 +71,11 @@ const Resize = () => {
       onDoubleClick={onDblClick}
       {...rest}
       options={scaledOptions}
-      style={{ backgroundColor: hovered ? 'color-mix(in srgb, var(--a-blue-200), transparent)' : 'transparent' }}
     />
   );
 };
 
-const PADDING = ptToEm(3);
+const PADDING = ptToEm(6);
 
 const StyledRightHandle = styled(ResizeHandle)`
   position: absolute;
diff --git a/frontend/src/plate/components/plate-ui/table-element.tsx b/frontend/src/plate/components/plate-ui/table-element.tsx
index 22326e2a0..dbc98851c 100644
--- a/frontend/src/plate/components/plate-ui/table-element.tsx
+++ b/frontend/src/plate/components/plate-ui/table-element.tsx
@@ -1,51 +1,27 @@
-import { ptToEm, pxToEm } from '@app/plate/components/get-scaled-em';
+import { ptToEm } from '@app/plate/components/get-scaled-em';
 import type { TableElement as ITableElement } from '@app/plate/types';
-import { PlateElement, type PlateElementProps, withHOC, withRef } from '@udecode/plate-common/react';
-import { TableProvider, useTableElement, useTableElementState } from '@udecode/plate-table/react';
+import { TableProvider, useTableElement } from '@udecode/plate-table/react';
+import { withHOC } from '@udecode/plate/react';
+import { PlateElement, type PlateElementProps, withRef } from '@udecode/plate/react';
 import { styled } from 'styled-components';
 
 export const TableElement = withHOC(
   TableProvider,
-  withRef<typeof PlateElement, PlateElementProps<ITableElement>>(({ className, children, element, ...props }, ref) => {
-    const { colSizes, minColumnWidth: minWidth } = useTableElementState();
-    const { props: tableProps, colGroupProps } = useTableElement();
+  withRef<typeof PlateElement, PlateElementProps<ITableElement>>(({ children, ...props }, ref) => {
+    const { props: tableProps } = useTableElement();
 
     return (
-      <PlateElement
-        as={TableStyled}
-        ref={ref}
-        className={className}
-        {...tableProps}
-        {...props}
-        style={{ marginLeft: ptToEm(24 * (element.indent ?? 0)) }}
-        element={element}
-      >
-        <colgroup {...colGroupProps}>
-          {colSizes.map((width, i) =>
-            typeof width !== 'number' ? null : (
-              <col
-                // biome-ignore lint/suspicious/noArrayIndexKey: No other way to uniquely identify the columns.
-                key={i}
-                style={{
-                  width: width === 0 ? 'auto' : pxToEm(width),
-                  minWidth: typeof minWidth === 'number' ? pxToEm(minWidth) : minWidth,
-                }}
-              />
-            ),
-          )}
-        </colgroup>
-
-        <tbody style={{ minWidth: '100%' }}>{children}</tbody>
+      <PlateElement style={{ marginLeft: ptToEm(24 * (props.element.indent ?? 0)) }} {...props}>
+        <TableStyled ref={ref} {...tableProps}>
+          <tbody>{children}</tbody>
+        </TableStyled>
       </PlateElement>
     );
   }),
 );
 
-TableElement.displayName = 'TableElement';
-
 const TableStyled = styled.table`
   border-collapse: collapse;
-  border-spacing: 0;
   margin-top: 1em;
   max-width: 100%;
 `;
diff --git a/frontend/src/plate/components/plate-ui/table-row-element.tsx b/frontend/src/plate/components/plate-ui/table-row-element.tsx
index b881c3c23..466c2a0c5 100644
--- a/frontend/src/plate/components/plate-ui/table-row-element.tsx
+++ b/frontend/src/plate/components/plate-ui/table-row-element.tsx
@@ -1,18 +1,11 @@
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { type ElementRef, forwardRef } from 'react';
+import { PlateElement, withRef } from '@udecode/plate/react';
 import { styled } from 'styled-components';
 
-type PlateTableRowElementProps = PlateElementProps;
-
-const TableRowElement = forwardRef<ElementRef<typeof PlateElement>, PlateTableRowElementProps>(
-  ({ children, ...props }, ref) => (
-    <PlateElement as={StyledTableRowElement} ref={ref} {...props}>
-      {children}
-    </PlateElement>
-  ),
-);
-
-TableRowElement.displayName = 'TableRowElement';
+const TableRowElement = withRef<typeof PlateElement>(({ children, ...props }, ref) => (
+  <PlateElement as={StyledTableRowElement} ref={ref} {...props} style={{ position: 'static' }}>
+    {children}
+  </PlateElement>
+));
 
 export { TableRowElement };
 
diff --git a/frontend/src/plate/components/redigerbar-maltekst.tsx b/frontend/src/plate/components/redigerbar-maltekst.tsx
index f9aed446f..945b89315 100644
--- a/frontend/src/plate/components/redigerbar-maltekst.tsx
+++ b/frontend/src/plate/components/redigerbar-maltekst.tsx
@@ -8,9 +8,7 @@ import { RichTextTypes } from '@app/types/common-text-types';
 import type { IConsumerRichText, IConsumerText } from '@app/types/texts/consumer';
 import { ArrowCirclepathIcon } from '@navikt/aksel-icons';
 import { Button, Tooltip } from '@navikt/ds-react';
-import { replaceNodeChildren } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { findPath, isEditorReadOnly } from '@udecode/slate-react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useContext } from 'react';
 
 export const RedigerbarMaltekst = (props: PlateElementProps<RedigerbarMaltekstElement>) => {
@@ -25,7 +23,7 @@ export const RedigerbarMaltekst = (props: PlateElementProps<RedigerbarMaltekstEl
       return;
     }
 
-    const path = findPath(editor, element);
+    const path = editor.api.findPath(element);
 
     if (path === undefined) {
       return;
@@ -37,7 +35,7 @@ export const RedigerbarMaltekst = (props: PlateElementProps<RedigerbarMaltekstEl
       return;
     }
 
-    replaceNodeChildren(editor, { at: path, nodes: text.richText });
+    editor.tf.replaceNodes(text.richText, { at: path, children: true });
   };
 
   // TODO: Remove when all smart documents in prod use maltekstseksjon
@@ -45,7 +43,7 @@ export const RedigerbarMaltekst = (props: PlateElementProps<RedigerbarMaltekstEl
     return <LegacyRedigerbarMaltekst {...props}>{children}</LegacyRedigerbarMaltekst>;
   }
 
-  const readOnly = isEditorReadOnly(editor);
+  const readOnly = editor.api.isReadOnly();
 
   return (
     <PlateElement<RedigerbarMaltekstElement> {...props} asChild>
diff --git a/frontend/src/plate/components/regelverk.tsx b/frontend/src/plate/components/regelverk.tsx
index def3d67a5..2ccfab60c 100644
--- a/frontend/src/plate/components/regelverk.tsx
+++ b/frontend/src/plate/components/regelverk.tsx
@@ -15,9 +15,7 @@ import type { IConsumerRegelverkText, IConsumerText } from '@app/types/texts/con
 import { GavelSoundBlockIcon } from '@navikt/aksel-icons';
 import { Button, Loader, Tooltip } from '@navikt/ds-react';
 import { skipToken } from '@reduxjs/toolkit/query';
-import { replaceNodeChildren, setNodes } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps } from '@udecode/plate-common/react';
-import { findPath } from '@udecode/slate-react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { styled } from 'styled-components';
 
@@ -76,7 +74,7 @@ export const RegelverkContainer = (props: PlateElementProps<RegelverkContainerEl
 
     setLoading(true);
 
-    const at = findPath(editor, element);
+    const at = editor.api.findPath(element);
 
     if (at === undefined) {
       return;
@@ -87,13 +85,12 @@ export const RegelverkContainer = (props: PlateElementProps<RegelverkContainerEl
 
     const { ytelseHjemmelIdList, utfallIdList } = query;
 
-    setNodes<RegelverkElement>(
-      editor,
+    editor.tf.setNodes<RegelverkElement>(
       { query: { ytelseHjemmelIdList, utfallIdList } },
       { match: (n) => n === element, at },
     );
 
-    replaceNodeChildren(editor, { at, nodes });
+    editor.tf.replaceNodes(nodes, { at, children: true });
 
     setLoading(false);
   }, [editor, element, getTexts, oppgave, query]);
@@ -154,7 +151,7 @@ const DeleteRegelverk = ({ element }: DeleteRegelverkProps) => {
     return () => clearTimeout(timeout);
   }, [regelverkContainerElement]);
 
-  const path = findPath(editor, element);
+  const path = editor.api.findPath(element);
 
   return (
     <DeleteSection
diff --git a/frontend/src/plate/components/signature/individual-signature.tsx b/frontend/src/plate/components/signature/individual-signature.tsx
index 3c9757eac..f7868a204 100644
--- a/frontend/src/plate/components/signature/individual-signature.tsx
+++ b/frontend/src/plate/components/signature/individual-signature.tsx
@@ -3,7 +3,6 @@ import { getName } from '@app/plate/components/signature/functions';
 import { useMainSignature, useMedunderskriverSignature } from '@app/plate/components/signature/hooks';
 import { type SignatureElement, useMyPlateEditorRef } from '@app/plate/types';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import { setNodes } from '@udecode/plate-common';
 import { useContext, useEffect, useMemo } from 'react';
 import { styled } from 'styled-components';
 import { MISSING_TITLE, Title } from './title';
@@ -24,7 +23,7 @@ export const SaksbehandlerSignature = ({ element }: Props) => {
       return;
     }
 
-    setNodes(editor, { saksbehandler: signature }, { at: [], match: (n) => n === element });
+    editor.tf.setNodes({ saksbehandler: signature }, { at: [], match: (n) => n === element });
   }, [editor, element, signature]);
 
   if (signature === undefined) {
@@ -81,7 +80,7 @@ export const MedunderskriverSignature = ({ element }: MedunderskriverSignaturePr
         medunderskriver: undefined,
       };
 
-      return setNodes(editor, data, { match: (n) => n === element, at: [] });
+      return editor.tf.setNodes(data, { match: (n) => n === element, at: [] });
     }
 
     if (element.medunderskriver?.name === signature?.name && element.medunderskriver?.title === signature?.title) {
@@ -94,7 +93,7 @@ export const MedunderskriverSignature = ({ element }: MedunderskriverSignaturePr
       medunderskriver: signature,
     };
 
-    setNodes(editor, data, { match: (n) => n === element, at: [] });
+    editor.tf.setNodes(data, { match: (n) => n === element, at: [] });
   }, [editor, element, noMedunderskriver, signature]);
 
   if (noMedunderskriver || signature === undefined) {
diff --git a/frontend/src/plate/components/signature/signature.tsx b/frontend/src/plate/components/signature/signature.tsx
index c6a3caf1c..6bd25468e 100644
--- a/frontend/src/plate/components/signature/signature.tsx
+++ b/frontend/src/plate/components/signature/signature.tsx
@@ -7,8 +7,9 @@ import { MedunderskriverSignature, SaksbehandlerSignature } from '@app/plate/com
 import type { SignatureElement } from '@app/plate/types';
 import { useGetMySignatureQuery } from '@app/redux-api/bruker';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import { type SetNodesOptions, setNodes } from '@udecode/plate-common';
-import { PlateElement, type PlateElementProps, useEditorReadOnly } from '@udecode/plate-common/react';
+import type { SetNodesOptions } from '@udecode/plate';
+import { useEditorReadOnly } from '@udecode/plate-core/react';
+import { PlateElement, type PlateElementProps } from '@udecode/plate/react';
 import { type InputHTMLAttributes, useContext } from 'react';
 import { styled } from 'styled-components';
 import { SectionContainer, SectionToolbar, SectionTypeEnum } from '../styled-components';
@@ -41,14 +42,13 @@ export const Signature = (props: PlateElementProps<SignatureElement>) => {
   const options: SetNodesOptions = { at: [], voids: true, mode: 'lowest', match: (n) => n === element };
 
   const setSignatureProp = (prop: Partial<SignatureElement>) =>
-    setNodes(
-      editor,
+    editor.tf.setNodes(
       { ...prop, overriddenSaksbehandler: overriddenWithSelf ? element.overriddenSaksbehandler : undefined },
       options,
     );
 
   const setOverriddenSaksbehandler = (overriddenSaksbehandler: string | undefined) =>
-    setNodes(editor, { overriddenSaksbehandler }, options);
+    editor.tf.setNodes({ overriddenSaksbehandler }, options);
 
   return (
     <PlateElement<SignatureElement> {...props} asChild contentEditable={false}>
diff --git a/frontend/src/plate/components/styled-components.tsx b/frontend/src/plate/components/styled-components.tsx
index 5964ea114..3ca8bb084 100644
--- a/frontend/src/plate/components/styled-components.tsx
+++ b/frontend/src/plate/components/styled-components.tsx
@@ -1,5 +1,5 @@
 import { StyledParagraph } from '@app/plate/components/paragraph';
-import { useEditorReadOnly } from '@udecode/plate-common/react';
+import { useEditorReadOnly } from '@udecode/plate-core/react';
 import type { HtmlHTMLAttributes } from 'react';
 import { css, styled } from 'styled-components';
 
diff --git a/frontend/src/plate/drag-start-handler/helpers.test.ts b/frontend/src/plate/drag-start-handler/helpers.test.ts
index 6f7dd9297..51b7f5625 100644
--- a/frontend/src/plate/drag-start-handler/helpers.test.ts
+++ b/frontend/src/plate/drag-start-handler/helpers.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'bun:test';
-import { BaseParagraphPlugin } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 import { ELEMENT_MALTEKST, ELEMENT_REDIGERBAR_MALTEKST } from '../plugins/element-types';
 import { cleanHtml, containsNoopElements, htmlToString, scrubText } from './helpers';
 
diff --git a/frontend/src/plate/functions/get-range-position.ts b/frontend/src/plate/functions/get-range-position.ts
index f99d78bd7..1ae50b46c 100644
--- a/frontend/src/plate/functions/get-range-position.ts
+++ b/frontend/src/plate/functions/get-range-position.ts
@@ -1,4 +1,4 @@
-import type { TRange } from '@udecode/plate-common';
+import type { TRange } from '@udecode/plate';
 import type { RichTextEditor } from '../types';
 import { type IRangePosition, calculateRangePosition } from './range-position';
 import { getSelectionStart } from './selection-start';
diff --git a/frontend/src/plate/functions/get-text-string.tsx b/frontend/src/plate/functions/get-text-string.tsx
index 8ebd968eb..1e0964fe9 100644
--- a/frontend/src/plate/functions/get-text-string.tsx
+++ b/frontend/src/plate/functions/get-text-string.tsx
@@ -2,31 +2,31 @@ import { removeEmptyCharInText } from '@app/functions/remove-empty-char-in-text'
 import { ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
 import type { PlaceholderElement } from '@app/plate/types';
 import { isOfElementType } from '@app/plate/utils/queries';
-import { type TDescendant, type Value, getNodeString, isElement } from '@udecode/plate-common';
+import { type Descendant, ElementApi, NodeApi, type Value } from '@udecode/plate';
 
 const SPACE_REGEX = /\s+/g;
 
 export const getTextAsString = (richText: Value): string =>
   richText.map(getElementString).join(' ').replaceAll(SPACE_REGEX, ' ');
 
-const getElementString = (element: TDescendant): string => {
-  if (!isElement(element)) {
-    return getNodeString(element);
+const getElementString = (element: Descendant): string => {
+  if (!ElementApi.isElement(element)) {
+    return NodeApi.string(element);
   }
 
   return element.children
     .map<string>((c) => {
       if (isOfElementType<PlaceholderElement>(c, ELEMENT_PLACEHOLDER)) {
-        const childrenTexts = removeEmptyCharInText(c.children.map(getNodeString).join('').trim());
+        const childrenTexts = removeEmptyCharInText(c.children.map(NodeApi.string).join('').trim());
 
         return childrenTexts.length === 0 ? c.placeholder : childrenTexts;
       }
 
-      if (isElement(c)) {
+      if (ElementApi.isElement(c)) {
         return c.children.map(getElementString).join(' ');
       }
 
-      return removeEmptyCharInText(getNodeString(c));
+      return removeEmptyCharInText(NodeApi.string(c));
     })
     .join('');
 };
diff --git a/frontend/src/plate/functions/range-position.ts b/frontend/src/plate/functions/range-position.ts
index 88f484eb6..39c87f23e 100644
--- a/frontend/src/plate/functions/range-position.ts
+++ b/frontend/src/plate/functions/range-position.ts
@@ -1,7 +1,6 @@
 import { CURRENT_SCALE } from '@app/components/smart-editor/hooks/use-scale';
 import { BASE_FONT_SIZE_PX } from '@app/plate/components/get-scaled-em';
 import type { RichTextEditor } from '@app/plate/types';
-import { toDOMRange } from '@udecode/slate-react';
 import type { BasePoint } from 'slate';
 
 export interface IRangePosition {
@@ -16,7 +15,7 @@ export const calculateRangePosition = (
   containerRef: HTMLElement,
   selectionStart: BasePoint,
 ): IRangePosition | null => {
-  const range = toDOMRange(editor, {
+  const range = editor.api.toDOMRange({
     anchor: selectionStart,
     focus: {
       path: selectionStart.path,
diff --git a/frontend/src/plate/functions/selection-start.ts b/frontend/src/plate/functions/selection-start.ts
index 7e51ab6f6..4f5c347a3 100644
--- a/frontend/src/plate/functions/selection-start.ts
+++ b/frontend/src/plate/functions/selection-start.ts
@@ -1,14 +1,14 @@
 import type { RichTextEditor, TableElement } from '@app/plate/types';
-import { type TRange, findNode, isCollapsed } from '@udecode/plate-common';
+import { RangeApi, type TRange } from '@udecode/plate';
 import { BaseTablePlugin } from '@udecode/plate-table';
 import { type BasePoint, Range } from 'slate';
 
 export const getSelectionStart = (editor: RichTextEditor, selection: TRange): BasePoint | null => {
-  const table = findNode<TableElement>(editor, { match: { type: BaseTablePlugin.node.type } });
+  const table = editor.api.node<TableElement>({ match: { type: BaseTablePlugin.node.type } });
 
   if (table !== undefined) {
     return { path: table[1], offset: 0 };
   }
 
-  return isCollapsed(selection) ? null : Range.start(selection);
+  return RangeApi.isCollapsed(selection) ? null : Range.start(selection);
 };
diff --git a/frontend/src/plate/hooks/use-is-element-active.ts b/frontend/src/plate/hooks/use-is-element-active.ts
index d279cec00..233d70148 100644
--- a/frontend/src/plate/hooks/use-is-element-active.ts
+++ b/frontend/src/plate/hooks/use-is-element-active.ts
@@ -1,15 +1,15 @@
-import { type TElement, isBlock, isExpanded, someNode } from '@udecode/plate-common';
+import { RangeApi } from '@udecode/plate';
 import { useMyPlateEditorState } from '../types';
 
 export const useIsElementActive = (element: string) => {
   const editor = useMyPlateEditorState();
 
-  if (editor.selection === null || isExpanded(editor.selection)) {
+  if (editor.selection === null || RangeApi.isExpanded(editor.selection)) {
     return false;
   }
 
-  return someNode<TElement>(editor, {
-    match: (n) => isBlock(editor, n) && n.type === element,
+  return editor.api.some({
+    match: (n) => editor.api.isBlock(n) && n.type === element,
     mode: 'lowest',
   });
 };
diff --git a/frontend/src/plate/leaf/bookmark.tsx b/frontend/src/plate/leaf/bookmark.tsx
index 918f2b27f..3c480d903 100644
--- a/frontend/src/plate/leaf/bookmark.tsx
+++ b/frontend/src/plate/leaf/bookmark.tsx
@@ -1,6 +1,6 @@
 import { BOOKMARK_PREFIX } from '@app/components/smart-editor/constants';
 import type { FormattedText } from '@app/plate/types';
-import { PlateLeaf, type PlateLeafProps } from '@udecode/plate-common/react';
+import { PlateLeaf, type PlateLeafProps } from '@udecode/plate/react';
 import { useMemo } from 'react';
 
 export const BookmarkLeaf = (props: PlateLeafProps<FormattedText>) => {
diff --git a/frontend/src/plate/leaf/comment.tsx b/frontend/src/plate/leaf/comment.tsx
index dd117b5df..d4d57fae0 100644
--- a/frontend/src/plate/leaf/comment.tsx
+++ b/frontend/src/plate/leaf/comment.tsx
@@ -1,7 +1,7 @@
 import { COMMENT_PREFIX } from '@app/components/smart-editor/constants';
 import { SmartEditorContext } from '@app/components/smart-editor/context';
 import type { FormattedText } from '@app/plate/types';
-import { PlateLeaf, type PlateLeafProps } from '@udecode/plate-common/react';
+import { PlateLeaf, type PlateLeafProps } from '@udecode/plate/react';
 import { useContext, useMemo } from 'react';
 
 export const CommentLeaf = (props: PlateLeafProps<FormattedText>) => {
diff --git a/frontend/src/plate/leaf/marks.tsx b/frontend/src/plate/leaf/marks.tsx
index d0c87075e..315014081 100644
--- a/frontend/src/plate/leaf/marks.tsx
+++ b/frontend/src/plate/leaf/marks.tsx
@@ -1,5 +1,5 @@
 import type { FormattedText } from '@app/plate/types';
-import { PlateLeaf, type PlateLeafProps } from '@udecode/plate-common/react';
+import { PlateLeaf, type PlateLeafProps } from '@udecode/plate/react';
 
 export const BoldLeaf = (props: PlateLeafProps<FormattedText>) => (
   <PlateLeaf {...props} style={{ fontWeight: 'bold' }} />
diff --git a/frontend/src/plate/plate-editor.tsx b/frontend/src/plate/plate-editor.tsx
index ad9908d55..96c5cbc83 100644
--- a/frontend/src/plate/plate-editor.tsx
+++ b/frontend/src/plate/plate-editor.tsx
@@ -1,9 +1,8 @@
 import type { SpellCheckLanguage } from '@app/hooks/use-smart-editor-language';
 import { ELEMENT_MALTEKST, ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
 import type { FormattedText } from '@app/plate/types';
-import { getNodeAncestors } from '@udecode/plate-common';
+import { NodeApi } from '@udecode/plate';
 import { PlateContent, type PlateContentProps, type PlateEditor, useEditorRef } from '@udecode/plate-core/react';
-import { findPath } from '@udecode/slate-react';
 
 interface Props extends PlateContentProps {
   lang: SpellCheckLanguage;
@@ -32,13 +31,13 @@ const contentEditable = (editor: PlateEditor, isReadOnly: boolean, text: Formatt
     return false;
   }
 
-  const path = findPath(editor, text);
+  const path = editor.api.findPath(text);
 
   if (path === undefined) {
     return false;
   }
 
-  const ancestorEntries = getNodeAncestors(editor, path, { reverse: true });
+  const ancestorEntries = NodeApi.ancestors(editor, path, { reverse: true });
 
   if (ancestorEntries === undefined) {
     return false;
diff --git a/frontend/src/plate/plugins/autoformat/utils.ts b/frontend/src/plate/plugins/autoformat/utils.ts
index f2f575582..c4b3bae4f 100644
--- a/frontend/src/plate/plugins/autoformat/utils.ts
+++ b/frontend/src/plate/plugins/autoformat/utils.ts
@@ -1,19 +1,19 @@
+import { ElementApi, type SlateEditor } from '@udecode/plate';
 import type { AutoformatBlockRule } from '@udecode/plate-autoformat';
-import { type SlateEditor, getParentNode, isElement } from '@udecode/plate-common';
 import { toggleList, unwrapList } from '@udecode/plate-list';
 
 export const preFormat: AutoformatBlockRule['preFormat'] = (editor) => unwrapList(editor);
 
 const format = (editor: SlateEditor, customFormatting: () => void) => {
   if (editor.selection) {
-    const parentEntry = getParentNode(editor, editor.selection);
+    const parentEntry = editor.api.parent(editor.selection);
 
     if (!parentEntry) {
       return;
     }
     const [node] = parentEntry;
 
-    if (isElement(node)) {
+    if (ElementApi.isElement(node)) {
       customFormatting();
     }
   }
diff --git a/frontend/src/plate/plugins/bookmark.ts b/frontend/src/plate/plugins/bookmark.ts
index 890fbffe5..fcb2ed567 100644
--- a/frontend/src/plate/plugins/bookmark.ts
+++ b/frontend/src/plate/plugins/bookmark.ts
@@ -2,45 +2,15 @@ import { BOOKMARK_PREFIX } from '@app/components/smart-editor/constants';
 import { hasOwn } from '@app/functions/object';
 import { BookmarkLeaf } from '@app/plate/leaf/bookmark';
 import type { FormattedText } from '@app/plate/types';
-import { findNode, isCollapsed, isText, setNodes, unsetNodes, withoutNormalizing } from '@udecode/plate-common';
+import { RangeApi, TextApi } from '@udecode/plate';
 import { type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
 
 export const BookmarkPlugin = createPlatePlugin({
   key: 'bookmark',
   node: { isLeaf: true },
-  extendEditor: ({ editor }) => {
-    const { insertBreak } = editor;
-
-    editor.insertBreak = () => {
-      removeBookmarkMarks(editor);
-
-      insertBreak();
-    };
-
-    const { normalizeNode } = editor;
-
-    editor.normalizeNode = (entry) => {
-      const [node, path] = entry;
-
-      if (isText(node)) {
-        const hasBookmarkMark = hasOwn(node, BookmarkPlugin.key) && node[BookmarkPlugin.key] === true;
-        const shouldHaveBookmarkMark = Object.keys(node).some((key) => key.startsWith(BOOKMARK_PREFIX));
-
-        if (hasBookmarkMark && !shouldHaveBookmarkMark) {
-          unsetNodes(editor, BookmarkPlugin.key, { at: path, match: (n) => n === node, split: true });
-        } else if (!hasBookmarkMark && shouldHaveBookmarkMark) {
-          setNodes(editor, { [BookmarkPlugin.key]: true }, { at: path, match: (n) => n === node, split: true });
-        }
-      }
-
-      normalizeNode(entry);
-    };
-
-    return editor;
-  },
   handlers: {
     onKeyDown: ({ editor, event }) => {
-      if (event.key === 'Escape' && isCollapsed(editor.selection)) {
+      if (event.key === 'Escape' && RangeApi.isCollapsed(editor.selection)) {
         removeBookmarkMarks(editor);
       }
     },
@@ -48,10 +18,37 @@ export const BookmarkPlugin = createPlatePlugin({
   render: {
     node: BookmarkLeaf,
   },
+}).overrideEditor(({ editor }) => {
+  const { insertBreak, normalizeNode } = editor.tf;
+
+  editor.insertBreak = () => {
+    removeBookmarkMarks(editor);
+
+    insertBreak();
+  };
+
+  editor.tf.normalizeNode = (entry) => {
+    const [node, path] = entry;
+
+    if (TextApi.isText(node)) {
+      const hasBookmarkMark = hasOwn(node, BookmarkPlugin.key) && node[BookmarkPlugin.key] === true;
+      const shouldHaveBookmarkMark = Object.keys(node).some((key) => key.startsWith(BOOKMARK_PREFIX));
+
+      if (hasBookmarkMark && !shouldHaveBookmarkMark) {
+        editor.tf.unsetNodes(BookmarkPlugin.key, { at: path, match: (n) => n === node, split: true });
+      } else if (!hasBookmarkMark && shouldHaveBookmarkMark) {
+        editor.tf.setNodes({ [BookmarkPlugin.key]: true }, { at: path, match: (n) => n === node, split: true });
+      }
+    }
+
+    normalizeNode(entry);
+  };
+
+  return editor;
 });
 
 const removeBookmarkMarks = (editor: PlateEditor) => {
-  const entry = findNode<FormattedText>(editor, { match: isText });
+  const entry = editor.api.node<FormattedText>({ match: TextApi.isText });
 
   if (entry === undefined) {
     return;
@@ -59,10 +56,10 @@ const removeBookmarkMarks = (editor: PlateEditor) => {
 
   const [node] = entry;
 
-  withoutNormalizing(editor, () => {
+  editor.tf.withoutNormalizing(() => {
     for (const key of Object.keys(node)) {
       if (key.startsWith(BOOKMARK_PREFIX)) {
-        editor.removeMark(key);
+        editor.tf.removeMark(key);
       }
     }
   });
diff --git a/frontend/src/plate/plugins/comments.ts b/frontend/src/plate/plugins/comments.ts
index edd3ea744..aa7011d6d 100644
--- a/frontend/src/plate/plugins/comments.ts
+++ b/frontend/src/plate/plugins/comments.ts
@@ -2,42 +2,12 @@ import { COMMENT_PREFIX } from '@app/components/smart-editor/constants';
 import { hasOwn } from '@app/functions/object';
 import { CommentLeaf } from '@app/plate/leaf/comment';
 import type { FormattedText } from '@app/plate/types';
-import { findNode, isText, setNodes, unsetNodes, withoutNormalizing } from '@udecode/plate-common';
+import { TextApi } from '@udecode/plate';
 import { type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
 
 export const CommentsPlugin = createPlatePlugin({
   key: 'comments',
   node: { isLeaf: true },
-  extendEditor: ({ editor }) => {
-    const { insertBreak } = editor;
-
-    editor.insertBreak = () => {
-      removeCommentMarks(editor);
-
-      insertBreak();
-    };
-
-    const { normalizeNode } = editor;
-
-    editor.normalizeNode = (entry) => {
-      const [node, path] = entry;
-
-      if (isText(node)) {
-        const hasCommentMark = hasOwn(node, CommentsPlugin.key) && node[CommentsPlugin.key] === true;
-        const shouldHaveCommentMark = Object.keys(node).some((key) => key.startsWith(COMMENT_PREFIX));
-
-        if (hasCommentMark && !shouldHaveCommentMark) {
-          unsetNodes(editor, CommentsPlugin.key, { at: path, match: (n) => n === node, split: true });
-        } else if (!hasCommentMark && shouldHaveCommentMark) {
-          setNodes(editor, { [CommentsPlugin.key]: true }, { at: path, match: (n) => n === node, split: true });
-        }
-      }
-
-      normalizeNode(entry);
-    };
-
-    return editor;
-  },
   handlers: {
     onKeyDown: ({ editor, event }) => {
       if (event.key === 'Escape') {
@@ -48,10 +18,37 @@ export const CommentsPlugin = createPlatePlugin({
   render: {
     node: CommentLeaf,
   },
+}).overrideEditor(({ editor }) => {
+  const { insertBreak, normalizeNode } = editor.tf;
+
+  editor.tf.insertBreak = () => {
+    removeCommentMarks(editor);
+
+    insertBreak();
+  };
+
+  editor.tf.normalizeNode = (entry) => {
+    const [node, path] = entry;
+
+    if (TextApi.isText(node)) {
+      const hasCommentMark = hasOwn(node, CommentsPlugin.key) && node[CommentsPlugin.key] === true;
+      const shouldHaveCommentMark = Object.keys(node).some((key) => key.startsWith(COMMENT_PREFIX));
+
+      if (hasCommentMark && !shouldHaveCommentMark) {
+        editor.tf.unsetNodes(CommentsPlugin.key, { at: path, match: (n) => n === node, split: true });
+      } else if (!hasCommentMark && shouldHaveCommentMark) {
+        editor.tf.setNodes({ [CommentsPlugin.key]: true }, { at: path, match: (n) => n === node, split: true });
+      }
+    }
+
+    normalizeNode(entry);
+  };
+
+  return editor;
 });
 
 const removeCommentMarks = (editor: PlateEditor) => {
-  const entry = findNode<FormattedText>(editor, { match: isText });
+  const entry = editor.api.node<FormattedText>({ match: TextApi.isText });
 
   if (entry === undefined) {
     return;
@@ -59,10 +56,10 @@ const removeCommentMarks = (editor: PlateEditor) => {
 
   const [node] = entry;
 
-  withoutNormalizing(editor, () => {
+  editor.tf.withoutNormalizing(() => {
     for (const key of Object.keys(node)) {
       if (key.startsWith(COMMENT_PREFIX)) {
-        editor.removeMark(key);
+        editor.tf.removeMark(key);
       }
     }
   });
diff --git a/frontend/src/plate/plugins/copy/copy.ts b/frontend/src/plate/plugins/copy/copy.ts
index c94d580b9..d7a4791d5 100644
--- a/frontend/src/plate/plugins/copy/copy.ts
+++ b/frontend/src/plate/plugins/copy/copy.ts
@@ -26,28 +26,24 @@ import type {
   SignatureElement,
 } from '@app/plate/types';
 import { isOfElementType } from '@app/plate/utils/queries';
-import {
-  type TDescendant,
-  type TNodeEntry,
-  type TText,
-  getNodeFragment,
-  getNodeTexts,
-  isCollapsed,
-  isElement,
-} from '@udecode/plate-common';
-import { type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
-import { Range } from 'slate';
+import { ElementApi, NodeApi, RangeApi, type TText, TextApi } from '@udecode/plate';
+import { type OverrideEditor, type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
+import { type Descendant, type NodeEntry, Range } from 'slate';
 
 // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: ¯\_(ツ)_/¯
-const cleanNodes = (editor: PlateEditor, node: TDescendant | TDescendant[]): TDescendant | TDescendant[] => {
+const cleanNodes = (editor: PlateEditor, node: Descendant | Descendant[]): Descendant | Descendant[] => {
   if (Array.isArray(node)) {
     return node.flatMap((child) => cleanNodes(editor, child));
   }
 
-  if (!isElement(node)) {
+  if (TextApi.isText(node)) {
     return removeCommentAndBookmarkMarks(node);
   }
 
+  if (!ElementApi.isElement(node)) {
+    return node;
+  }
+
   if (node.type === ELEMENT_EMPTY_VOID) {
     return [];
   }
@@ -99,10 +95,10 @@ const cleanNodes = (editor: PlateEditor, node: TDescendant | TDescendant[]): TDe
   };
 };
 
-const withOverrides = (editor: PlateEditor) => {
-  const { setFragmentData, insertFragment, insertData } = editor;
+const withOverrides: OverrideEditor = ({ editor }) => {
+  const { setFragmentData, insertFragment, insertData } = editor.tf;
 
-  editor.insertData = (data: DataTransfer) => {
+  editor.tf.insertData = (data: DataTransfer) => {
     const plainText = data.getData('text/plain');
     const html = data.getData('text/html');
 
@@ -123,16 +119,20 @@ const withOverrides = (editor: PlateEditor) => {
     return insertData(data);
   };
 
-  editor.insertFragment = (descendants: TDescendant[]) => {
+  editor.tf.insertFragment = (descendants: Descendant[]) => {
     const nodes = cleanNodes(editor, descendants);
 
-    return insertFragment(Array.isArray(nodes) ? nodes : [nodes]);
+    const fragment = (Array.isArray(nodes) ? nodes : [nodes]).filter(
+      (node) => ElementApi.isElement(node) || TextApi.isText(node),
+    );
+
+    return insertFragment(fragment);
   };
 
-  editor.setFragmentData = (data, originEvent) => {
+  editor.tf.setFragmentData = (data, originEvent) => {
     const { selection } = editor;
 
-    if (selection === null || isCollapsed(selection)) {
+    if (selection === null || RangeApi.isCollapsed(selection)) {
       setFragmentData(data, originEvent);
 
       return;
@@ -141,11 +141,11 @@ const withOverrides = (editor: PlateEditor) => {
     const start = Range.start(selection);
     const end = Range.end(selection);
 
-    const slateFragments = cleanNodes(editor, getNodeFragment(editor, selection));
+    const slateFragments = cleanNodes(editor, NodeApi.fragment(editor, selection));
 
     data.setData('application/x-slate-fragment', window.btoa(encodeURIComponent(JSON.stringify(slateFragments))));
 
-    const textsGenerator = getNodeTexts(editor, { from: start.path, to: end.path });
+    const textsGenerator = NodeApi.texts(editor, { from: start.path, to: end.path });
     const textEntries = [...textsGenerator];
 
     if (textEntries.length === 0) {
@@ -166,7 +166,7 @@ const withOverrides = (editor: PlateEditor) => {
     const [firstNode, firstPath] = firstEntry;
     const [lastNode, lastPath] = lastEntry;
 
-    const selectedTextEntries: TNodeEntry<FormattedText | TText | { text: '' }>[] =
+    const selectedTextEntries: NodeEntry<FormattedText | TText | { text: '' }>[] =
       firstEntry === lastEntry
         ? [[{ ...firstNode, text: firstNode.text.slice(start.offset, end.offset) }, firstPath]]
         : [
@@ -196,7 +196,4 @@ const removeCommentAndBookmarkMarks = (textNode: TText) => {
   return cleanTextNode;
 };
 
-export const CopyPlugin = createPlatePlugin({
-  key: 'copy',
-  extendEditor: ({ editor }) => withOverrides(editor),
-});
+export const CopyPlugin = createPlatePlugin({ key: 'copy' }).overrideEditor(withOverrides);
diff --git a/frontend/src/plate/plugins/custom-abbreviations/get-short-and-long.ts b/frontend/src/plate/plugins/custom-abbreviations/get-short-and-long.ts
index 591531c56..33d2cb8fa 100644
--- a/frontend/src/plate/plugins/custom-abbreviations/get-short-and-long.ts
+++ b/frontend/src/plate/plugins/custom-abbreviations/get-short-and-long.ts
@@ -1,8 +1,8 @@
 import { getLong } from '@app/plate/plugins/custom-abbreviations/get-long';
 import type { FormattedText } from '@app/plate/types';
-import { getEditorString, getLeafNode, getPointBefore } from '@udecode/plate-common';
+import { RangeApi } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
-import { Range } from 'slate';
+import type { Range } from 'slate';
 
 type Marks = Omit<FormattedText, 'text'>;
 
@@ -16,11 +16,11 @@ interface PreviousWord {
 export const getShortAndLong = (editor: PlateEditor): PreviousWord | null => {
   const { selection } = editor;
 
-  if (selection === null || Range.isExpanded(selection)) {
+  if (selection === null || RangeApi.isExpanded(selection)) {
     return null;
   }
 
-  const lineStart = getPointBefore(editor, selection, { unit: 'line', distance: 1 });
+  const lineStart = editor.api.before(selection, { unit: 'line', distance: 1 });
 
   if (lineStart === undefined) {
     return null;
@@ -28,11 +28,11 @@ export const getShortAndLong = (editor: PlateEditor): PreviousWord | null => {
 
   const lineToCaretRange: Range = { anchor: lineStart, focus: selection.focus };
 
-  if (Range.isCollapsed(lineToCaretRange)) {
+  if (RangeApi.isCollapsed(lineToCaretRange)) {
     return null;
   }
 
-  const lineToCaretText = getEditorString(editor, lineToCaretRange);
+  const lineToCaretText = editor.api.string(lineToCaretRange);
 
   if (lineToCaretText.length === 0) {
     return null;
@@ -52,7 +52,7 @@ export const getShortAndLong = (editor: PlateEditor): PreviousWord | null => {
     return null;
   }
 
-  const anchor = getPointBefore(editor, selection, { unit: 'character', distance: short.length });
+  const anchor = editor.api.before(selection, { unit: 'character', distance: short.length });
 
   if (anchor === undefined) {
     return null;
@@ -60,7 +60,13 @@ export const getShortAndLong = (editor: PlateEditor): PreviousWord | null => {
 
   const range: Range = { anchor, focus: selection.focus };
 
-  const [shortNode] = getLeafNode(editor, range);
+  const entry = editor.api.leaf(range);
+
+  if (entry === undefined) {
+    return null;
+  }
+
+  const [shortNode] = entry;
 
   return { short, long, marks: getMarks(shortNode), range };
 };
diff --git a/frontend/src/plate/plugins/custom-abbreviations/on-key-down.ts b/frontend/src/plate/plugins/custom-abbreviations/on-key-down.ts
index e34b14524..6b05e8bfe 100644
--- a/frontend/src/plate/plugins/custom-abbreviations/on-key-down.ts
+++ b/frontend/src/plate/plugins/custom-abbreviations/on-key-down.ts
@@ -1,6 +1,5 @@
 import { pushEvent } from '@app/observability';
 import { getShortAndLong } from '@app/plate/plugins/custom-abbreviations/get-short-and-long';
-import { deleteBackward, deleteText, insertNodes, insertText, withoutMergingHistory } from '@udecode/plate-common';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
 const SPACE = ' ';
@@ -58,13 +57,13 @@ export const onKeyDown = (editor: PlateEditor, e: React.KeyboardEvent) => {
 
   e.preventDefault();
 
-  withoutMergingHistory(editor, () => {
-    insertText(editor, key);
-    deleteBackward(editor, { unit: 'character' });
+  editor.tf.withoutMerging(() => {
+    editor.tf.insertText(key);
+    editor.tf.deleteBackward('character');
   });
 
-  deleteText(editor, { at: range });
-  insertNodes(editor, { ...marks, text: `${long}${key}` });
+  editor.tf.delete({ at: range });
+  editor.tf.insertNodes({ ...marks, text: `${long}${key}` });
 
   const numberOfMarks = Object.values(marks).filter((m) => m).length;
 
diff --git a/frontend/src/plate/plugins/normalize-node.test.ts b/frontend/src/plate/plugins/normalize-node.test.ts
index 16b18f501..76110dd24 100644
--- a/frontend/src/plate/plugins/normalize-node.test.ts
+++ b/frontend/src/plate/plugins/normalize-node.test.ts
@@ -14,7 +14,7 @@ import {
   type RedigerbarMaltekstElement,
   TextAlign,
 } from '@app/plate/types';
-import { BaseParagraphPlugin, replaceNode } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 import { createPlateEditor } from '@udecode/plate-core/react';
 import { BaseBulletedListPlugin, BaseListItemContentPlugin, BaseListItemPlugin } from '@udecode/plate-list';
 
@@ -28,7 +28,7 @@ describe('normalize node with missing type prop', () => {
     const invalidLi: ListItemElement = { type: BaseListItemPlugin.key, children: [invalidLic] };
     const invalidList: BulletListElement = { type: BaseBulletedListPlugin.key, children: [invalidLi] };
 
-    replaceNode(editor, { at: [0], nodes: invalidList });
+    editor.tf.replaceNodes(invalidList, { at: [0] });
 
     const validLic: ListItemContainerElement = { type: BaseListItemContentPlugin.key, children: [{ text: 'lic' }] };
     const validLi: ListItemElement = { type: BaseListItemPlugin.key, children: [validLic] };
@@ -42,7 +42,7 @@ describe('normalize node with missing type prop', () => {
 
     const invalidNode = { children: [{ text: 'some text' }] } as H1Element;
 
-    replaceNode(editor, { at: [0], nodes: invalidNode });
+    editor.tf.replaceNodes(invalidNode, { at: [0] });
 
     const defaultedNode: ParagraphElement = {
       type: BaseParagraphPlugin.key,
@@ -59,7 +59,7 @@ describe('normalize node with missing type prop', () => {
     const invalidChild = { text: 'some text' };
     const invalidParent = { children: [invalidChild] } as H1Element;
 
-    replaceNode(editor, { at: [0], nodes: invalidParent });
+    editor.tf.replaceNodes(invalidParent, { at: [0] });
 
     const defaultedNode: ParagraphElement = {
       type: BaseParagraphPlugin.key,
@@ -86,7 +86,7 @@ describe('normalize node with missing type prop', () => {
 
     const editor = createEditor([createSimpleParagraph()]);
 
-    replaceNode(editor, { at: [0], nodes: invalidMaltekstseksjon });
+    editor.tf.replaceNodes(invalidMaltekstseksjon, { at: [0] });
 
     const validParagraph: ParagraphElement = { children: [{ text: 'some text' }] } as ParagraphElement;
     const validRedigerbarMaltekst: RedigerbarMaltekstElement = {
diff --git a/frontend/src/plate/plugins/normalize-node.ts b/frontend/src/plate/plugins/normalize-node.ts
index 766a6786b..f536370e1 100644
--- a/frontend/src/plate/plugins/normalize-node.ts
+++ b/frontend/src/plate/plugins/normalize-node.ts
@@ -35,18 +35,9 @@ import {
 } from '@app/plate/types';
 import { isOfElementTypesFn } from '@app/plate/utils/queries';
 import { LogLevel } from '@grafana/faro-web-sdk';
-import {
-  BaseParagraphPlugin,
-  type TNode,
-  type TPath,
-  getNode,
-  getParentNode,
-  insertNodes,
-  isEditor,
-  isElement,
-  setNodes,
-} from '@udecode/plate-common';
-import { type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
+import { ElementApi, NodeApi, type Path, type TNode } from '@udecode/plate';
+import { BaseParagraphPlugin } from '@udecode/plate-core';
+import { type OverrideEditor, type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import {
   BaseBulletedListPlugin,
@@ -56,7 +47,7 @@ import {
 } from '@udecode/plate-list';
 import { BaseTableCellPlugin, BaseTablePlugin, BaseTableRowPlugin } from '@udecode/plate-table';
 import { TableCellPlugin } from '@udecode/plate-table/react';
-import { Scrubber } from 'slate';
+import { Scrubber, isEditor } from 'slate';
 
 const module = 'normalize';
 
@@ -69,158 +60,152 @@ const isTopLevelElement = isOfElementTypesFn<TopLevelElement>([
   TableCellPlugin.node.type,
 ]);
 
-export const normalizeNodePlugin = createPlatePlugin({
-  key: 'normalize',
-  extendEditor: ({ editor }) => {
-    const { normalizeNode } = editor;
+const withNormalizeNode: OverrideEditor = ({ editor }) => {
+  const { normalizeNode } = editor.tf;
+
+  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: ¯\_(ツ)_/¯
+  editor.tf.normalizeNode = ([node, path], opts) => {
+    if (!ElementApi.isElement(node)) {
+      return normalizeNode([node, path], opts);
+    }
+
+    if (node.type === undefined) {
+      pushNodeEvent(editor, node, path, 'normalized-undefined-type');
+
+      pushLog(`Looking for parent node at: ${JSON.stringify(path)}`, { context: { module } });
+
+      const parentEntry = editor.api.parent(path);
+
+      pushLog(`Found parent entry: ${Scrubber.stringify(parentEntry)})`, { context: { module } });
+
+      const options = { context: { node: Scrubber.stringify(node), path: JSON.stringify(path) } };
+
+      if (parentEntry === undefined) {
+        pushLog('Missing node type, but no parent. Setting type to paragraph.', options, LogLevel.WARN);
 
-    // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: ¯\_(ツ)_/¯
-    editor.normalizeNode = ([node, path], opts) => {
-      if (!isElement(node)) {
-        return normalizeNode([node, path], opts);
+        return editor.tf.setNodes(
+          { type: BaseParagraphPlugin.node.type, align: TextAlign.LEFT },
+          { at: path, match: (n) => n === node },
+        );
       }
 
-      if (node.type === undefined) {
-        pushNodeEvent(editor, node, path, 'normalized-undefined-type');
-
-        pushLog(`Looking for parent node at: ${JSON.stringify(path)}`, { context: { module } });
-
-        const parentEntry = getParentNode(editor, path);
-
-        pushLog(`Found parent entry: ${Scrubber.stringify(parentEntry)})`, { context: { module } });
-
-        const options = { context: { node: Scrubber.stringify(node), path: JSON.stringify(path) } };
-
-        if (parentEntry === undefined) {
-          pushLog('Missing node type, but no parent. Setting type to paragraph.', options, LogLevel.WARN);
-
-          return setNodes(
-            editor,
-            { type: BaseParagraphPlugin.node.type, align: TextAlign.LEFT },
-            { at: path, match: (n) => n === node },
-          );
-        }
-
-        const [parentNode] = parentEntry;
-
-        if (isEditor(parentNode)) {
-          pushLog(
-            'Missing node type, element at top level in editor. Setting type to paragraph.',
-            options,
-            LogLevel.WARN,
-          );
-
-          return setNodes(
-            editor,
-            { type: BaseParagraphPlugin.node.type, align: TextAlign.LEFT },
-            { at: [], match: (n) => n === node },
-          );
-        }
-
-        const isParentTopLevelElement = isTopLevelElement(parentNode);
-
-        if (isParentTopLevelElement) {
-          pushLog(
-            `Missing node type, element at top level in "${parentNode.type}". Setting type to paragraph.`,
-            options,
-            LogLevel.WARN,
-          );
-
-          return setNodes(
-            editor,
-            { type: BaseParagraphPlugin.node.type, align: TextAlign.LEFT },
-            { match: (n) => n === node },
-          );
-        }
-
-        if (!isElement(parentNode)) {
-          pushLog(
-            'Missing node type, but parent node is not element. Setting parent type to paragraph.',
-            options,
-            LogLevel.WARN,
-          );
-
-          return setNodes(
-            editor,
-            { type: BaseParagraphPlugin.node.type },
-            { at: path, match: (n) => n === parentNode },
-          );
-        }
-
-        if (parentNode.type === BaseListItemPlugin.node.type) {
-          pushLog('Normalized missing LIC', options);
-
-          return setNodes(
-            editor,
-            { type: BaseListItemContentPlugin.node.type },
-            { at: path, match: (n) => n === node },
-          );
-        }
+      const [parentNode] = parentEntry;
 
+      if (isEditor(parentNode)) {
         pushLog(
-          `Missing node type, but normalization is not implemented for parent with type "${parentNode.type}".`,
-          { ...options, context: { ...options.context, parent: Scrubber.stringify(parentNode) } },
-          LogLevel.ERROR,
+          'Missing node type, element at top level in editor. Setting type to paragraph.',
+          options,
+          LogLevel.WARN,
         );
 
-        return normalizeNode([node, path], opts);
+        return editor.tf.setNodes(
+          { type: BaseParagraphPlugin.node.type, align: TextAlign.LEFT },
+          { at: [], match: (n) => n === node },
+        );
       }
 
-      if (node.children.length === 0) {
-        pushNodeEvent(editor, node, path, 'normalized-empty-children');
-
-        const options = { at: [...path, 0] };
-
-        switch (node.type) {
-          case BaseBulletedListPlugin.node.type:
-          case BaseNumberedListPlugin.node.type:
-            return insertNodes(editor, createSimpleListItem(), options);
-          case BaseListItemPlugin.node.type:
-            return insertNodes(editor, createSimpleListItemContainer(), options);
-          case BaseTablePlugin.node.type:
-            return insertNodes(editor, createTableRow(), options);
-          case BaseTableRowPlugin.node.type:
-            return insertNodes(editor, createTableCell(), options);
-          case BaseTableCellPlugin.node.type:
-            return insertNodes(editor, createSimpleParagraph(), options);
-          case ELEMENT_REDIGERBAR_MALTEKST:
-            return insertNodes(editor, createSimpleParagraph(), options);
-          case ELEMENT_MALTEKST:
-          case ELEMENT_MALTEKSTSEKSJON:
-            return insertNodes(editor, createEmptyVoid(), options);
-          case ELEMENT_REGELVERK_CONTAINER:
-            return insertNodes(editor, createSimpleParagraph(), options);
-          case ELEMENT_REGELVERK:
-            return insertNodes(editor, createRegelverkContainer(), options);
-          // Use extensive case instead of default in order to avoid inserting wrong node type when a new element type is introduced
-          case BaseParagraphPlugin.node.type:
-          case HEADING_KEYS.h1:
-          case HEADING_KEYS.h2:
-          case HEADING_KEYS.h3:
-          case BaseListItemContentPlugin.node.type:
-          case ELEMENT_PLACEHOLDER:
-          case ELEMENT_PAGE_BREAK:
-          case ELEMENT_CURRENT_DATE:
-          case ELEMENT_EMPTY_VOID:
-          case ELEMENT_HEADER:
-          case ELEMENT_FOOTER:
-          case ELEMENT_LABEL_CONTENT:
-          case ELEMENT_SIGNATURE:
-            return insertNodes(editor, { text: '' }, options);
-        }
+      const isParentTopLevelElement = isTopLevelElement(parentNode);
+
+      if (isParentTopLevelElement) {
+        pushLog(
+          `Missing node type, element at top level in "${parentNode.type}". Setting type to paragraph.`,
+          options,
+          LogLevel.WARN,
+        );
+
+        return editor.tf.setNodes(
+          { type: BaseParagraphPlugin.node.type, align: TextAlign.LEFT },
+          { match: (n) => n === node },
+        );
       }
 
-      normalizeNode([node, path], opts);
-    };
+      if (!ElementApi.isElement(parentNode)) {
+        pushLog(
+          'Missing node type, but parent node is not element. Setting parent type to paragraph.',
+          options,
+          LogLevel.WARN,
+        );
+
+        return editor.tf.setNodes(
+          { type: BaseParagraphPlugin.node.type },
+          { at: path, match: (n) => n === parentNode },
+        );
+      }
+
+      if (parentNode.type === BaseListItemPlugin.node.type) {
+        pushLog('Normalized missing LIC', options);
+
+        return editor.tf.setNodes(
+          { type: BaseListItemContentPlugin.node.type },
+          { at: path, match: (n) => n === node },
+        );
+      }
+
+      pushLog(
+        `Missing node type, but normalization is not implemented for parent with type "${parentNode.type}".`,
+        { ...options, context: { ...options.context, parent: Scrubber.stringify(parentNode) } },
+        LogLevel.ERROR,
+      );
+
+      return normalizeNode([node, path], opts);
+    }
+
+    if (node.children.length === 0) {
+      pushNodeEvent(editor, node, path, 'normalized-empty-children');
+
+      const options = { at: [...path, 0] };
+
+      switch (node.type) {
+        case BaseBulletedListPlugin.node.type:
+        case BaseNumberedListPlugin.node.type:
+          return editor.tf.insertNodes(createSimpleListItem(), options);
+        case BaseListItemPlugin.node.type:
+          return editor.tf.insertNodes(createSimpleListItemContainer(), options);
+        case BaseTablePlugin.node.type:
+          return editor.tf.insertNodes(createTableRow(), options);
+        case BaseTableRowPlugin.node.type:
+          return editor.tf.insertNodes(createTableCell(), options);
+        case BaseTableCellPlugin.node.type:
+          return editor.tf.insertNodes(createSimpleParagraph(), options);
+        case ELEMENT_REDIGERBAR_MALTEKST:
+          return editor.tf.insertNodes(createSimpleParagraph(), options);
+        case ELEMENT_MALTEKST:
+        case ELEMENT_MALTEKSTSEKSJON:
+          return editor.tf.insertNodes(createEmptyVoid(), options);
+        case ELEMENT_REGELVERK_CONTAINER:
+          return editor.tf.insertNodes(createSimpleParagraph(), options);
+        case ELEMENT_REGELVERK:
+          return editor.tf.insertNodes(createRegelverkContainer(), options);
+        // Use extensive case instead of default in order to avoid inserting wrong node type when a new element type is introduced
+        case BaseParagraphPlugin.node.type:
+        case HEADING_KEYS.h1:
+        case HEADING_KEYS.h2:
+        case HEADING_KEYS.h3:
+        case BaseListItemContentPlugin.node.type:
+        case ELEMENT_PLACEHOLDER:
+        case ELEMENT_PAGE_BREAK:
+        case ELEMENT_CURRENT_DATE:
+        case ELEMENT_EMPTY_VOID:
+        case ELEMENT_HEADER:
+        case ELEMENT_FOOTER:
+        case ELEMENT_LABEL_CONTENT:
+        case ELEMENT_SIGNATURE:
+          return editor.tf.insertNodes({ text: '' }, options);
+      }
+    }
+
+    normalizeNode([node, path], opts);
+  };
+
+  return editor;
+};
 
-    return editor;
-  },
-});
+export const normalizeNodePlugin = createPlatePlugin({ key: 'normalize' }).overrideEditor(withNormalizeNode);
 
-const pushNodeEvent = (editor: PlateEditor, node: TNode, path: TPath, name: string) => {
+const pushNodeEvent = (editor: PlateEditor, node: TNode, path: Path, name: string) => {
   const [highestAncestorPath] = path;
   const highestAncestor =
-    highestAncestorPath === undefined ? undefined : Scrubber.stringify(getNode(editor, [highestAncestorPath]));
+    highestAncestorPath === undefined ? undefined : Scrubber.stringify(NodeApi.get(editor, [highestAncestorPath]));
 
   pushEvent(name, 'smart-editor', {
     ancestor: JSON.stringify(highestAncestor),
diff --git a/frontend/src/plate/plugins/page-break.ts b/frontend/src/plate/plugins/page-break.ts
index 2c03455f1..4ff08e263 100644
--- a/frontend/src/plate/plugins/page-break.ts
+++ b/frontend/src/plate/plugins/page-break.ts
@@ -19,17 +19,16 @@ export const PageBreakPlugin = createPlatePlugin({
       }
     },
   },
-  extendEditor: ({ editor }) => {
-    const { insertNode } = editor;
+}).overrideEditor(({ editor }) => {
+  const { insertNode } = editor.tf;
 
-    editor.insertNode = (node) => {
-      if (node.type === ELEMENT_PAGE_BREAK && isInTable(editor)) {
-        return;
-      }
+  editor.tf.insertNode = (node) => {
+    if (node.type === ELEMENT_PAGE_BREAK && isInTable(editor)) {
+      return;
+    }
 
-      insertNode(node);
-    };
+    insertNode(node);
+  };
 
-    return editor;
-  },
+  return editor;
 });
diff --git a/frontend/src/plate/plugins/paste.ts b/frontend/src/plate/plugins/paste.ts
index 5a80d2ed8..5c517ea68 100644
--- a/frontend/src/plate/plugins/paste.ts
+++ b/frontend/src/plate/plugins/paste.ts
@@ -1,14 +1,7 @@
 import { ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
 import { type ParagraphElement, TextAlign } from '@app/plate/types';
-import {
-  type TElement,
-  findNode,
-  insertBreak,
-  insertFragment,
-  insertText,
-  isElement,
-  withoutNormalizing,
-} from '@udecode/plate-common';
+import { isElement } from '@grafana/faro-web-sdk';
+import type { TElement } from '@udecode/plate';
 import { ParagraphPlugin, createPlatePlugin } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { ListItemContentPlugin } from '@udecode/plate-list/react';
@@ -43,10 +36,10 @@ export const PastePlugin = createPlatePlugin({
 
       const paragraphs = processParagraphs(plainText);
 
-      const currentEntry = findNode<TElement>(editor, { mode: 'lowest', match: isElement });
+      const currentEntry = editor.api.node<TElement>({ mode: 'lowest', match: isElement });
 
       if (currentEntry === undefined) {
-        editor.insertFragment<ParagraphElement>(
+        editor.tf.insertFragment<ParagraphElement>(
           paragraphs.map((text) => ({ type: ParagraphPlugin.key, align: TextAlign.LEFT, children: [{ text }] })),
         );
 
@@ -57,7 +50,7 @@ export const PastePlugin = createPlatePlugin({
 
       switch (node.type) {
         case ELEMENT_PLACEHOLDER: {
-          insertText(editor, paragraphs.join(' '));
+          editor.tf.insertText(paragraphs.join(' '));
 
           return true;
         }
@@ -69,12 +62,12 @@ export const PastePlugin = createPlatePlugin({
             return false;
           }
 
-          insertText(editor, first);
+          editor.tf.insertText(first);
 
-          withoutNormalizing(editor, () => {
+          editor.tf.withoutNormalizing(() => {
             for (const line of rest) {
-              insertBreak(editor);
-              insertFragment<ParagraphElement>(editor, [
+              editor.tf.insertBreak();
+              editor.tf.insertFragment<ParagraphElement>([
                 { type: ParagraphPlugin.key, align: TextAlign.LEFT, children: [{ text: line }] },
               ]);
             }
@@ -91,13 +84,13 @@ export const PastePlugin = createPlatePlugin({
           const [first, ...rest] = paragraphs;
 
           if (first !== undefined) {
-            insertText(editor, first);
+            editor.tf.insertText(first);
 
             if (rest.length > 0) {
-              withoutNormalizing(editor, () => {
+              editor.tf.withoutNormalizing(() => {
                 for (const line of rest) {
-                  insertBreak(editor);
-                  insertFragment<ParagraphElement>(editor, [
+                  editor.tf.insertBreak();
+                  editor.tf.insertFragment<ParagraphElement>([
                     { type: ParagraphPlugin.key, align: TextAlign.LEFT, children: [{ text: line }] },
                   ]);
                 }
@@ -109,9 +102,9 @@ export const PastePlugin = createPlatePlugin({
         }
       }
 
-      withoutNormalizing(editor, () => {
+      editor.tf.withoutNormalizing(() => {
         for (const line of paragraphs) {
-          insertFragment<ParagraphElement>(editor, [
+          editor.tf.insertFragment<ParagraphElement>([
             { type: ParagraphPlugin.key, align: TextAlign.LEFT, children: [{ text: line }] },
           ]);
         }
diff --git a/frontend/src/plate/plugins/placeholder/arrows.ts b/frontend/src/plate/plugins/placeholder/arrows.ts
index bf7de799a..9860415ce 100644
--- a/frontend/src/plate/plugins/placeholder/arrows.ts
+++ b/frontend/src/plate/plugins/placeholder/arrows.ts
@@ -1,12 +1,4 @@
-import {
-  type TText,
-  findNode,
-  getNextNode,
-  getNodeParent,
-  getPreviousNode,
-  isText,
-  setSelection as plateSetSelection,
-} from '@udecode/plate-common';
+import { NodeApi, type TText, TextApi } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import type { KeyboardEvent } from 'react';
 import { ELEMENT_PLACEHOLDER } from '../element-types';
@@ -15,16 +7,16 @@ export const handleArrows = (editor: PlateEditor, e: KeyboardEvent) => {
   const isArrowDown = e.key === 'ArrowDown';
 
   if (isArrowDown || e.key === 'ArrowUp') {
-    const current = findNode(editor, { match: { type: ELEMENT_PLACEHOLDER } });
+    const current = editor.api.node({ match: { type: ELEMENT_PLACEHOLDER } });
 
     if (current === undefined) {
       return true;
     }
 
     const [currentNode] = current;
-    const getNextOrPreviousNode = isArrowDown ? getNextNode : getPreviousNode;
-    const textNode = getNextOrPreviousNode<TText>(editor, {
-      match: (n, p) => isText(n) && getNodeParent(editor, p) !== currentNode,
+    const getNextOrPreviousNode = isArrowDown ? editor.api.next : editor.api.previous;
+    const textNode = getNextOrPreviousNode<TText>({
+      match: (n, p) => TextApi.isText(n) && NodeApi.parent(editor, p) !== currentNode,
     });
 
     if (textNode === undefined) {
@@ -36,7 +28,7 @@ export const handleArrows = (editor: PlateEditor, e: KeyboardEvent) => {
 
     e.preventDefault();
 
-    plateSetSelection(editor, { anchor: { path, offset }, focus: { path, offset } });
+    editor.tf.setSelection({ anchor: { path, offset }, focus: { path, offset } });
 
     return true;
   }
diff --git a/frontend/src/plate/plugins/placeholder/delete.test.ts b/frontend/src/plate/plugins/placeholder/delete.test.ts
index 6f67168e1..021e4793c 100644
--- a/frontend/src/plate/plugins/placeholder/delete.test.ts
+++ b/frontend/src/plate/plugins/placeholder/delete.test.ts
@@ -40,12 +40,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 1 }));
 
-          editor.deleteBackward('character');
+          editor.tf.deleteBackward('character');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteBackward('character');
+          editor.tf.deleteBackward('character');
 
           expect(editor.children).toEqual([createP([createText('before after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 6 }));
@@ -55,7 +55,7 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder('placeholder'), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 11 }));
 
-          removeCharNTimes(editor.deleteBackward, 6);
+          removeCharNTimes(editor.tf.deleteBackward, 6);
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder('place'), createText(' after')]),
@@ -63,7 +63,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 5 }));
 
-          editor.deleteBackward('character');
+          editor.tf.deleteBackward('character');
 
           const expectedChildren2 = [createP([createText('before '), createPlaceholder('plac'), createText(' after')])];
           expect(editor.children).toEqual(expectedChildren2);
@@ -76,12 +76,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 1 }));
 
-          editor.deleteForward('character');
+          editor.tf.deleteForward('character');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('character');
+          editor.tf.deleteForward('character');
 
           expect(editor.children).toEqual([createP([createText('before after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
@@ -91,7 +91,7 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder('placeholder'), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 0 }));
 
-          removeCharNTimes(editor.deleteForward, 5);
+          removeCharNTimes(editor.tf.deleteForward, 5);
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder('holder'), createText(' after')]),
@@ -99,7 +99,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 0 }));
 
-          editor.deleteForward('character');
+          editor.tf.deleteForward('character');
 
           const expectedChildren2 = [
             createP([createText('before '), createPlaceholder('older'), createText(' after')]),
@@ -116,12 +116,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 2], offset: 0 }));
 
-          editor.deleteBackward('character');
+          editor.tf.deleteBackward('character');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteBackward('character');
+          editor.tf.deleteBackward('character');
 
           expect(editor.children).toEqual([createP([createText('before after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 6 }));
@@ -131,7 +131,7 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder('placeholder'), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 2], offset: 0 }));
 
-          removeCharNTimes(editor.deleteBackward, 6);
+          removeCharNTimes(editor.tf.deleteBackward, 6);
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder('place'), createText(' after')]),
@@ -139,7 +139,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 5 }));
 
-          editor.deleteBackward('character');
+          editor.tf.deleteBackward('character');
 
           const expectedChildren2 = [createP([createText('before '), createPlaceholder('plac'), createText(' after')])];
           expect(editor.children).toEqual(expectedChildren2);
@@ -152,12 +152,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('character');
+          editor.tf.deleteForward('character');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('character');
+          editor.tf.deleteForward('character');
 
           expect(editor.children).toEqual([createP([createText('before after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
@@ -167,7 +167,7 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder('placeholder'), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 0], offset: 7 }));
 
-          removeCharNTimes(editor.deleteForward, 5);
+          removeCharNTimes(editor.tf.deleteForward, 5);
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder('holder'), createText(' after')]),
@@ -175,7 +175,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 0 }));
 
-          editor.deleteForward('character');
+          editor.tf.deleteForward('character');
 
           const expectedChildren2 = [
             createP([createText('before '), createPlaceholder('older'), createText(' after')]),
@@ -194,12 +194,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 1 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           expect(editor.children).toEqual([createP([createText(' after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 0 }));
@@ -211,7 +211,7 @@ describe('placeholder deleting', () => {
           ];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 19 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder('this is '), createText(' after')]),
@@ -219,7 +219,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 8 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           const expectedChildren2 = [
             createP([createText('before '), createPlaceholder('this '), createText(' after')]),
@@ -234,12 +234,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 1 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           expect(editor.children).toEqual([createP([createText('before ')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
@@ -251,7 +251,7 @@ describe('placeholder deleting', () => {
           ];
           const editor = createEditor(children, createSelection({ path: [0, 1, 0], offset: 0 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder(' is placeholder'), createText(' after')]),
@@ -259,7 +259,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 0 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           const expectedChildren2 = [
             createP([createText('before '), createPlaceholder(' placeholder'), createText(' after')]),
@@ -276,12 +276,12 @@ describe('placeholder deleting', () => {
           const children = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(children, createSelection({ path: [0, 2], offset: 0 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           expect(editor.children).toEqual([createP([createText(' after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 0 }));
@@ -293,7 +293,7 @@ describe('placeholder deleting', () => {
           ];
           const editor = createEditor(children, createSelection({ path: [0, 2], offset: 0 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder('this is '), createText(' after')]),
@@ -301,7 +301,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 8 }));
 
-          editor.deleteBackward('word');
+          editor.tf.deleteBackward('word');
 
           const expectedChildren2 = [
             createP([createText('before '), createPlaceholder('this '), createText(' after')]),
@@ -316,12 +316,12 @@ describe('placeholder deleting', () => {
           const initialValue = [createP([createText('before '), createPlaceholder(), createText(' after')])];
           const editor = createEditor(initialValue, createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           expect(editor.children).toEqual([createP([createText('before  after')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           expect(editor.children).toEqual([createP([createText('before ')])]);
           expect(editor.selection).toEqual(createSelection({ path: [0, 0], offset: 7 }));
@@ -333,7 +333,7 @@ describe('placeholder deleting', () => {
           ];
           const editor = createEditor(children, createSelection({ path: [0, 0], offset: 7 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           const expectedChildren1 = [
             createP([createText('before '), createPlaceholder(' is placeholder'), createText(' after')]),
@@ -341,7 +341,7 @@ describe('placeholder deleting', () => {
           expect(editor.children).toEqual(expectedChildren1);
           expect(editor.selection).toEqual(createSelection({ path: [0, 1, 0], offset: 0 }));
 
-          editor.deleteForward('word');
+          editor.tf.deleteForward('word');
 
           const expectedChildren2 = [
             createP([createText('before '), createPlaceholder(' placeholder'), createText(' after')]),
diff --git a/frontend/src/plate/plugins/placeholder/delete.ts b/frontend/src/plate/plugins/placeholder/delete.ts
index b4bee49b7..48688ad5b 100644
--- a/frontend/src/plate/plugins/placeholder/delete.ts
+++ b/frontend/src/plate/plugins/placeholder/delete.ts
@@ -3,15 +3,6 @@ import { ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
 import { getPlaceholderEntry } from '@app/plate/plugins/placeholder/queries';
 import type { PlaceholderElement } from '@app/plate/types';
 import { isOfElementType } from '@app/plate/utils/queries';
-import {
-  getEndPoint,
-  getNextNode,
-  getPreviousNode,
-  getStartPoint,
-  isEndPoint,
-  isStartPoint,
-  setSelection,
-} from '@udecode/plate-common';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
 const EMPTY_CHAR = String.fromCharCode(EMPTY_CHAR_CODE);
@@ -35,7 +26,7 @@ export const handleDeleteBackwardFromInside = (editor: PlateEditor): boolean =>
   const [node, path] = placeholderEntry;
 
   if (placeholderIsEmpty(node)) {
-    editor.delete({ at: path });
+    editor.tf.delete({ at: path });
 
     return true;
   }
@@ -52,14 +43,14 @@ export const handleDeleteForwardFromInside = (editor: PlateEditor): boolean => {
 
   const [node, path] = placeholderEntry;
 
-  const isEnd = isEndPoint(editor, editor.selection.focus, path);
+  const isEnd = editor.api.isEnd(editor.selection.focus, path);
 
   if (!isEnd) {
     return false;
   }
 
   if (placeholderIsEmpty(node)) {
-    editor.delete({ at: path });
+    editor.tf.delete({ at: path });
 
     return true;
   }
@@ -72,13 +63,13 @@ export const handleDeleteBackwardFromOutside = (editor: PlateEditor): boolean =>
     return false;
   }
 
-  const isStart = isStartPoint(editor, editor.selection.focus, editor.selection.focus.path);
+  const isStart = editor.api.isStart(editor.selection.focus, editor.selection.focus.path);
 
   if (!isStart) {
     return false;
   }
 
-  const prevNode = getPreviousNode(editor, { at: editor.selection.focus.path });
+  const prevNode = editor.api.previous({ at: editor.selection.focus.path });
 
   if (prevNode === undefined) {
     return false;
@@ -91,13 +82,13 @@ export const handleDeleteBackwardFromOutside = (editor: PlateEditor): boolean =>
   }
 
   if (placeholderIsEmpty(node)) {
-    editor.delete({ at: path });
+    editor.tf.delete({ at: path });
 
     return true;
   }
 
-  const end = getEndPoint(editor, path);
-  setSelection(editor, { focus: end, anchor: end });
+  const end = editor.api.end(path);
+  editor.tf.setSelection({ focus: end, anchor: end });
 
   return false;
 };
@@ -107,13 +98,13 @@ export const handleDeleteForwardFromOutside = (editor: PlateEditor): boolean =>
     return false;
   }
 
-  const isEnd = isEndPoint(editor, editor.selection.focus, editor.selection.focus.path);
+  const isEnd = editor.api.isEnd(editor.selection.focus, editor.selection.focus.path);
 
   if (!isEnd) {
     return false;
   }
 
-  const nextNode = getNextNode(editor, { at: editor.selection.focus.path });
+  const nextNode = editor.api.next({ at: editor.selection.focus.path });
 
   if (nextNode === undefined) {
     return false;
@@ -126,13 +117,13 @@ export const handleDeleteForwardFromOutside = (editor: PlateEditor): boolean =>
   }
 
   if (placeholderIsEmpty(node)) {
-    editor.delete({ at: path });
+    editor.tf.delete({ at: path });
 
     return true;
   }
 
-  const start = getStartPoint(editor, path);
-  setSelection(editor, { focus: start, anchor: start });
+  const start = editor.api.start(path);
+  editor.tf.setSelection({ focus: start, anchor: start });
 
   return false;
 };
diff --git a/frontend/src/plate/plugins/placeholder/queries.ts b/frontend/src/plate/plugins/placeholder/queries.ts
index 607f68d65..593d4a8f8 100644
--- a/frontend/src/plate/plugins/placeholder/queries.ts
+++ b/frontend/src/plate/plugins/placeholder/queries.ts
@@ -1,14 +1,14 @@
-import { findNode, getNodeAncestors } from '@udecode/plate-common';
+import { NodeApi } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import type { Path } from 'slate';
 import type { PlaceholderElement } from '../../types';
 import { ELEMENT_MALTEKST, ELEMENT_PLACEHOLDER } from '../element-types';
 
 export const getPlaceholderEntry = (editor: PlateEditor) =>
-  findNode<PlaceholderElement>(editor, { match: { type: ELEMENT_PLACEHOLDER } });
+  editor.api.node<PlaceholderElement>({ match: { type: ELEMENT_PLACEHOLDER } });
 
 export const isPlaceholderInMaltekst = (editor: PlateEditor, placeholderPath: Path) => {
-  const ancestors = getNodeAncestors(editor, placeholderPath);
+  const ancestors = NodeApi.ancestors(editor, placeholderPath);
 
   for (const ancestor of ancestors) {
     if (ancestor[0].type === ELEMENT_MALTEKST) {
diff --git a/frontend/src/plate/plugins/placeholder/redaktoer.ts b/frontend/src/plate/plugins/placeholder/redaktoer.ts
index 94d1fdc63..cef61f54c 100644
--- a/frontend/src/plate/plugins/placeholder/redaktoer.ts
+++ b/frontend/src/plate/plugins/placeholder/redaktoer.ts
@@ -16,7 +16,6 @@ export const RedaktoerPlaceholderPlugin = createPlatePlugin({
     isInline: true,
     component: RedaktørPlaceholder,
   },
-  extendEditor: ({ editor }) => withOverrides(editor),
   handlers: {
     onKeyDown: ({ editor, event }) => {
       if (handleSelectAll(editor, event) || handleArrows(editor, event)) {
@@ -36,4 +35,4 @@ export const RedaktoerPlaceholderPlugin = createPlatePlugin({
     },
   },
   parsers,
-});
+}).overrideEditor(withOverrides);
diff --git a/frontend/src/plate/plugins/placeholder/saksbehandler.ts b/frontend/src/plate/plugins/placeholder/saksbehandler.ts
index 281cfc087..d0d61097b 100644
--- a/frontend/src/plate/plugins/placeholder/saksbehandler.ts
+++ b/frontend/src/plate/plugins/placeholder/saksbehandler.ts
@@ -2,9 +2,8 @@ import { SaksbehandlerPlaceholder } from '@app/plate/components/placeholder/plac
 import { handleArrows } from '@app/plate/plugins/placeholder/arrows';
 import { parsers } from '@app/plate/plugins/placeholder/html-parsers';
 import { handleSelectAll } from '@app/plate/plugins/placeholder/select-all';
-import { type TNodeEntry, findNode, getNextNode, getPreviousNode, isElement, select } from '@udecode/plate-common';
+import { ElementApi, type NodeEntry } from '@udecode/plate';
 import { type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
-import { toDOMNode } from '@udecode/slate-react';
 import type { BasePoint } from 'slate';
 import type { PlaceholderElement } from '../../types';
 import { ELEMENT_PLACEHOLDER } from '../element-types';
@@ -18,7 +17,6 @@ export const SaksbehandlerPlaceholderPlugin = createPlatePlugin({
     isInline: true,
     component: SaksbehandlerPlaceholder,
   },
-  extendEditor: ({ editor }) => withOverrides(editor),
   handlers: {
     onKeyDown: ({ editor, event }) => {
       if (handleSelectAll(editor, event) || handleArrows(editor, event)) {
@@ -29,18 +27,18 @@ export const SaksbehandlerPlaceholderPlugin = createPlatePlugin({
         event.preventDefault();
         event.stopPropagation();
 
-        const current = findNode(editor, { match: { type: ELEMENT_PLACEHOLDER } });
-        const getEntry = event.shiftKey ? getPreviousNode : getNextNode;
+        const current = editor.api.node({ match: { type: ELEMENT_PLACEHOLDER } });
+        const getEntry = event.shiftKey ? editor.api.previous : editor.api.next;
 
-        const nextOrPrevious = getEntry<PlaceholderElement>(editor, {
-          match: (n) => isElement(n) && n.type === ELEMENT_PLACEHOLDER && n !== current?.[0],
+        const nextOrPrevious = getEntry<PlaceholderElement>({
+          match: (n) => ElementApi.isElement(n) && n.type === ELEMENT_PLACEHOLDER && n !== current?.[0],
         });
 
         if (nextOrPrevious !== undefined) {
           return selectAndScrollIntoView(editor, nextOrPrevious);
         }
 
-        const firstOrLast = findNode<PlaceholderElement>(editor, {
+        const firstOrLast = editor.api.node<PlaceholderElement>({
           match: { type: ELEMENT_PLACEHOLDER },
           at: [],
           reverse: event.shiftKey,
@@ -53,13 +51,13 @@ export const SaksbehandlerPlaceholderPlugin = createPlatePlugin({
     },
   },
   parsers,
-});
+}).overrideEditor(withOverrides);
 
-const selectAndScrollIntoView = (editor: PlateEditor, [node, path]: TNodeEntry<PlaceholderElement>) => {
+const selectAndScrollIntoView = (editor: PlateEditor, [node, path]: NodeEntry<PlaceholderElement>) => {
   const lastIndex = node.children.length - 1;
   const offset = node.children[lastIndex]?.text.length ?? 0;
   const point: BasePoint = { path: [...path, lastIndex], offset };
 
-  select(editor, point);
-  toDOMNode(editor, node)?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+  editor.tf.select(point);
+  editor.api.toDOMNode(node)?.scrollIntoView({ behavior: 'smooth', block: 'center' });
 };
diff --git a/frontend/src/plate/plugins/placeholder/select-all.ts b/frontend/src/plate/plugins/placeholder/select-all.ts
index ff69d36b8..ba34eb023 100644
--- a/frontend/src/plate/plugins/placeholder/select-all.ts
+++ b/frontend/src/plate/plugins/placeholder/select-all.ts
@@ -1,4 +1,3 @@
-import { findNode, select } from '@udecode/plate-common';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import type { KeyboardEvent } from 'react';
 import { ELEMENT_PLACEHOLDER } from '../element-types';
@@ -7,13 +6,13 @@ export const handleSelectAll = (editor: PlateEditor, e: KeyboardEvent) => {
   const lowerCaseKey = e.key.toLowerCase();
 
   if ((e.ctrlKey || e.metaKey) && lowerCaseKey === 'a') {
-    const placeholder = findNode(editor, { match: { type: ELEMENT_PLACEHOLDER } });
+    const placeholder = editor.api.node({ match: { type: ELEMENT_PLACEHOLDER } });
 
     if (placeholder !== undefined) {
       e.preventDefault();
       e.stopPropagation();
 
-      select(editor, placeholder[1]);
+      editor.tf.select(placeholder[1]);
     }
 
     return true;
diff --git a/frontend/src/plate/plugins/placeholder/with-overrides.ts b/frontend/src/plate/plugins/placeholder/with-overrides.ts
index 5a5cf4fa5..5822aba86 100644
--- a/frontend/src/plate/plugins/placeholder/with-overrides.ts
+++ b/frontend/src/plate/plugins/placeholder/with-overrides.ts
@@ -5,22 +5,22 @@ import {
   handleDeleteForwardFromOutside,
 } from '@app/plate/plugins/placeholder/delete';
 import { getPlaceholderEntry, isPlaceholderInMaltekst } from '@app/plate/plugins/placeholder/queries';
-import { type TDescendant, type TRange, type TText, findNode, insertNodes, isElement } from '@udecode/plate-common';
-import type { PlateEditor } from '@udecode/plate-core/react';
+import { type Descendant, ElementApi, type TRange, type TText } from '@udecode/plate';
+import type { OverrideEditor } from '@udecode/plate-core/react';
 import { Path } from 'slate';
 import type { MaltekstElement, PlaceholderElement } from '../../types';
 import { ELEMENT_MALTEKST, ELEMENT_PLACEHOLDER } from '../element-types';
 
-const extractText = (fragment: TDescendant[]): TText[] =>
+const extractText = (fragment: Descendant[]): TText[] =>
   fragment.flatMap((node, index) => {
-    if (isElement(node)) {
+    if (ElementApi.isElement(node)) {
       return extractText(index === fragment.length - 1 ? node.children : [...node.children, { text: '\n' }]);
     }
 
     return node;
   });
 
-export const withOverrides = (editor: PlateEditor) => {
+export const withOverrides: OverrideEditor = ({ editor }) => {
   const {
     setSelection,
     insertBreak,
@@ -30,9 +30,9 @@ export const withOverrides = (editor: PlateEditor) => {
     insertFragment,
     deleteBackward,
     deleteForward,
-  } = editor;
+  } = editor.tf;
 
-  editor.deleteBackward = (unit) => {
+  editor.tf.deleteBackward = (unit) => {
     if (handleDeleteBackwardFromInside(editor)) {
       return;
     }
@@ -44,7 +44,7 @@ export const withOverrides = (editor: PlateEditor) => {
     deleteBackward(unit);
   };
 
-  editor.deleteForward = (unit) => {
+  editor.tf.deleteForward = (unit) => {
     if (handleDeleteForwardFromInside(editor)) {
       return;
     }
@@ -56,8 +56,8 @@ export const withOverrides = (editor: PlateEditor) => {
     deleteForward(unit);
   };
 
-  editor.setNodes = (props, options) => {
-    const maltekst = findNode<MaltekstElement>(editor, { match: { type: ELEMENT_MALTEKST } });
+  editor.tf.setNodes = (props, options) => {
+    const maltekst = editor.api.node<MaltekstElement>({ match: { type: ELEMENT_MALTEKST } });
 
     if (maltekst !== undefined && 'type' in props) {
       return;
@@ -66,7 +66,7 @@ export const withOverrides = (editor: PlateEditor) => {
     setNodes(props, options);
   };
 
-  editor.insertBreak = () => {
+  editor.tf.insertBreak = () => {
     const placeholder = getPlaceholderEntry(editor);
 
     if (placeholder !== undefined) {
@@ -76,7 +76,7 @@ export const withOverrides = (editor: PlateEditor) => {
     insertBreak();
   };
 
-  editor.insertSoftBreak = () => {
+  editor.tf.insertSoftBreak = () => {
     const placeholder = getPlaceholderEntry(editor);
 
     if (placeholder !== undefined) {
@@ -86,7 +86,7 @@ export const withOverrides = (editor: PlateEditor) => {
     insertSoftBreak();
   };
 
-  editor.insertNode = (node) => {
+  editor.tf.insertNode = (node) => {
     const placeholder = getPlaceholderEntry(editor);
 
     if (placeholder !== undefined) {
@@ -96,12 +96,12 @@ export const withOverrides = (editor: PlateEditor) => {
     insertNode(node);
   };
 
-  editor.insertFragment = (fragment: TDescendant[]) => {
+  editor.tf.insertFragment = (fragment: Descendant[]) => {
     if (editor.selection === null) {
       return insertFragment(fragment);
     }
 
-    const activeNode = findNode<PlaceholderElement>(editor, {
+    const activeNode = editor.api.node<PlaceholderElement>({
       at: editor.selection,
       match: { type: ELEMENT_PLACEHOLDER },
     });
@@ -114,13 +114,13 @@ export const withOverrides = (editor: PlateEditor) => {
 
     // Fixes fragments being pasted outside of placeholder
     if (placeholder.type === ELEMENT_PLACEHOLDER) {
-      insertNodes(editor, extractText(fragment));
+      editor.tf.insertNodes(extractText(fragment));
     }
   };
 
   // Chrome: Marking content from start to end (with Shift + Ctrl/nd) would leave a selection hanging outside the placeholder,
   // causing it to seemingly not be deletable
-  editor.setSelection = ({ anchor, focus }) => {
+  editor.tf.setSelection = ({ anchor, focus }) => {
     if (anchor === undefined || focus === undefined) {
       return setSelection({ anchor, focus });
     }
diff --git a/frontend/src/plate/plugins/plugin-sets/default.ts b/frontend/src/plate/plugins/plugin-sets/default.ts
index eb3bf4ba5..9802b7f6f 100644
--- a/frontend/src/plate/plugins/plugin-sets/default.ts
+++ b/frontend/src/plate/plugins/plugin-sets/default.ts
@@ -12,37 +12,36 @@ import { PageBreakPlugin } from '@app/plate/plugins/page-break';
 import { PastePlugin } from '@app/plate/plugins/paste';
 import { ProhibitDeletionPlugin } from '@app/plate/plugins/prohibit-deletion/prohibit-deletion';
 import { SelectionPlugin } from '@app/plate/plugins/selection';
+import { ParserPlugin } from '@udecode/plate';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import { BoldPlugin, ItalicPlugin, UnderlinePlugin } from '@udecode/plate-basic-marks/react';
 import { ExitBreakPlugin, SoftBreakPlugin } from '@udecode/plate-break/react';
-import { ParserPlugin, someNode } from '@udecode/plate-common';
-import { ParagraphPlugin } from '@udecode/plate-common/react';
 import { DocxPlugin } from '@udecode/plate-docx';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { HeadingPlugin } from '@udecode/plate-heading/react';
 import { IndentPlugin } from '@udecode/plate-indent/react';
 import { BulletedListPlugin, ListPlugin, NumberedListPlugin } from '@udecode/plate-list/react';
+import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { TableCellPlugin, TablePlugin, TableRowPlugin } from '@udecode/plate-table/react';
+import { ParagraphPlugin } from '@udecode/plate/react';
 
 export const defaultPlugins = [
   ParserPlugin,
+  NodeIdPlugin.configure({ options: { allow: [TableCellPlugin.key, TableRowPlugin.key] } }),
   ParagraphPlugin.withComponent(Paragraph),
-  HeadingPlugin.configure({
-    options: { levels: 3 },
-    extendEditor: ({ editor }) => {
-      const { addMark } = editor;
+  HeadingPlugin.configure({ options: { levels: 3 } }).overrideEditor(({ editor }) => {
+    const { addMark } = editor.tf;
 
-      editor.addMark = (key, value) => {
-        if (someNode(editor, { match: { type: [HEADING_KEYS.h1, HEADING_KEYS.h2, HEADING_KEYS.h3] } })) {
-          return;
-        }
+    editor.tf.addMark = (key, value) => {
+      if (editor.api.some({ match: { type: [HEADING_KEYS.h1, HEADING_KEYS.h2, HEADING_KEYS.h3] } })) {
+        return;
+      }
 
-        addMark(key, value);
-      };
+      addMark(key, value);
+    };
 
-      return editor;
-    },
+    return editor;
   }),
   BoldPlugin.configure({ render: { node: BoldLeaf } }),
   ItalicPlugin.configure({ render: { node: ItalicLeaf } }),
diff --git a/frontend/src/plate/plugins/plugin-sets/saksbehandler.ts b/frontend/src/plate/plugins/plugin-sets/saksbehandler.ts
index eaaabd2a5..514e21dd5 100644
--- a/frontend/src/plate/plugins/plugin-sets/saksbehandler.ts
+++ b/frontend/src/plate/plugins/plugin-sets/saksbehandler.ts
@@ -23,7 +23,7 @@ import { SignaturePlugin } from '@app/plate/plugins/signature';
 import type { IUserData } from '@app/types/bruker';
 import type { ISmartDocument } from '@app/types/documents/documents';
 import { slateNodesToInsertDelta } from '@slate-yjs/core';
-import { BaseParagraphPlugin } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseBulletedListPlugin, BaseListItemPlugin, BaseNumberedListPlugin } from '@udecode/plate-list';
 import { BaseTableCellPlugin, BaseTablePlugin, BaseTableRowPlugin } from '@udecode/plate-table';
diff --git a/frontend/src/plate/plugins/prohibit-deletion/fullmektig.ts b/frontend/src/plate/plugins/prohibit-deletion/fullmektig.ts
index b2736260b..8c2e80720 100644
--- a/frontend/src/plate/plugins/prohibit-deletion/fullmektig.ts
+++ b/frontend/src/plate/plugins/prohibit-deletion/fullmektig.ts
@@ -1,5 +1,4 @@
 import { ELEMENT_FULLMEKTIG, ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
-import { findNode, isEndPoint, isStartPoint } from '@udecode/plate-common';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
 export const handleDeleteBackwardInFullmektig = (editor: PlateEditor): boolean => {
@@ -7,19 +6,19 @@ export const handleDeleteBackwardInFullmektig = (editor: PlateEditor): boolean =
     return false;
   }
 
-  const fullmektig = findNode(editor, { match: { type: ELEMENT_FULLMEKTIG } });
+  const fullmektig = editor.api.node({ match: { type: ELEMENT_FULLMEKTIG } });
 
   if (fullmektig === undefined) {
     return false;
   }
 
-  const placeholder = findNode(editor, { match: { type: ELEMENT_PLACEHOLDER } });
+  const placeholder = editor.api.node({ match: { type: ELEMENT_PLACEHOLDER } });
 
   if (placeholder === undefined) {
     return false;
   }
 
-  return isStartPoint(editor, editor.selection.focus, placeholder[1]);
+  return editor.api.isStart(editor.selection.focus, placeholder[1]);
 };
 
 export const handleDeleteForwardInFullmektig = (editor: PlateEditor): boolean => {
@@ -27,17 +26,17 @@ export const handleDeleteForwardInFullmektig = (editor: PlateEditor): boolean =>
     return false;
   }
 
-  const fullmektig = findNode(editor, { match: { type: ELEMENT_FULLMEKTIG } });
+  const fullmektig = editor.api.node({ match: { type: ELEMENT_FULLMEKTIG } });
 
   if (fullmektig === undefined) {
     return false;
   }
 
-  const placeholder = findNode(editor, { match: { type: ELEMENT_PLACEHOLDER } });
+  const placeholder = editor.api.node({ match: { type: ELEMENT_PLACEHOLDER } });
 
   if (placeholder === undefined) {
     return false;
   }
 
-  return isEndPoint(editor, editor.selection.focus, placeholder[1]);
+  return editor.api.isEnd(editor.selection.focus, placeholder[1]);
 };
diff --git a/frontend/src/plate/plugins/prohibit-deletion/helpers.ts b/frontend/src/plate/plugins/prohibit-deletion/helpers.ts
index 2a90b5cfe..78e296e0c 100644
--- a/frontend/src/plate/plugins/prohibit-deletion/helpers.ts
+++ b/frontend/src/plate/plugins/prohibit-deletion/helpers.ts
@@ -1,12 +1,5 @@
 import { ELEMENT_LABEL_CONTENT, ELEMENT_REGELVERK, UNCHANGEABLE, UNDELETABLE } from '@app/plate/plugins/element-types';
-import {
-  type NodeOf,
-  type TNodeEntry,
-  getNodeAncestors,
-  getParentNode,
-  isElement,
-  someNode,
-} from '@udecode/plate-common';
+import { ElementApi, NodeApi, type NodeEntry, type NodeOf } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
 export const isInUnchangeableElement = (editor: PlateEditor): boolean => {
@@ -14,15 +7,15 @@ export const isInUnchangeableElement = (editor: PlateEditor): boolean => {
     return false;
   }
 
-  return someNode(editor, { match: (n) => isElement(n) && UNCHANGEABLE.includes(n.type), voids: true });
+  return editor.api.some({ match: (n) => ElementApi.isElement(n) && UNCHANGEABLE.includes(n.type), voids: true });
 };
 
-export const isUndeletable = (editor: PlateEditor, nodeEntry: TNodeEntry<NodeOf<PlateEditor>> | undefined): boolean => {
+export const isUndeletable = (editor: PlateEditor, nodeEntry: NodeEntry<NodeOf<PlateEditor>> | undefined): boolean => {
   if (nodeEntry === undefined) {
     return false;
   }
 
-  const nodeIsUndeletable = isElement(nodeEntry[0]) && UNDELETABLE.includes(nodeEntry[0].type);
+  const nodeIsUndeletable = ElementApi.isElement(nodeEntry[0]) && UNDELETABLE.includes(nodeEntry[0].type);
 
   if (nodeIsUndeletable) {
     return true;
@@ -32,23 +25,22 @@ export const isUndeletable = (editor: PlateEditor, nodeEntry: TNodeEntry<NodeOf<
     return true;
   }
 
-  const parentNodeEntry = getParentNode(editor, nodeEntry[1]);
+  const parenNodeEntry = editor.api.parent(nodeEntry[1]);
   const containsLabelContent =
-    parentNodeEntry !== undefined &&
-    someNode(editor, { match: { type: ELEMENT_LABEL_CONTENT, at: parentNodeEntry[1] } });
+    parenNodeEntry !== undefined && editor.api.some({ match: { type: ELEMENT_LABEL_CONTENT, at: parenNodeEntry[1] } });
 
   return containsLabelContent;
 };
 
-const hasUndeletableAncestor = (editor: PlateEditor, descendantEntry: TNodeEntry<NodeOf<PlateEditor>>): boolean => {
-  const ancestorEntries = getNodeAncestors(editor, descendantEntry[1]);
+const hasUndeletableAncestor = (editor: PlateEditor, descendantEntry: NodeEntry<NodeOf<PlateEditor>>): boolean => {
+  const ancestorEntries = NodeApi.ancestors(editor, descendantEntry[1]);
 
   if (ancestorEntries === undefined) {
     return false;
   }
 
   for (const [node] of ancestorEntries) {
-    if (isElement(node) && UNDELETABLE.includes(node.type)) {
+    if (ElementApi.isElement(node) && UNDELETABLE.includes(node.type)) {
       return true;
     }
   }
@@ -56,4 +48,4 @@ const hasUndeletableAncestor = (editor: PlateEditor, descendantEntry: TNodeEntry
   return false;
 };
 
-export const isInRegelverk = (editor: PlateEditor): boolean => someNode(editor, { match: { type: ELEMENT_REGELVERK } });
+export const isInRegelverk = (editor: PlateEditor): boolean => editor.api.some({ match: { type: ELEMENT_REGELVERK } });
diff --git a/frontend/src/plate/plugins/prohibit-deletion/prohibit-deletion.ts b/frontend/src/plate/plugins/prohibit-deletion/prohibit-deletion.ts
index 750953b11..97686495a 100644
--- a/frontend/src/plate/plugins/prohibit-deletion/prohibit-deletion.ts
+++ b/frontend/src/plate/plugins/prohibit-deletion/prohibit-deletion.ts
@@ -12,13 +12,13 @@ import {
   handleDeleteForwardInUndeletable,
 } from '@app/plate/plugins/prohibit-deletion/undeletable';
 import { isUnchangeable } from '@app/plate/utils/queries';
-import { type PlateEditor, createPlatePlugin } from '@udecode/plate-core/react';
-import type { EditorFragmentDeletionOptions, TextUnit } from 'slate';
+import { type OverrideEditor, createPlatePlugin } from '@udecode/plate-core/react';
+import type { EditorFragmentDeletionOptions } from 'slate';
 
-const withOverrides = (editor: PlateEditor) => {
-  const { deleteBackward, deleteForward, deleteFragment, insertFragment, insertText, addMark, delete: del } = editor;
+const withOverrides: OverrideEditor = ({ editor }) => {
+  const { deleteBackward, deleteForward, deleteFragment, insertFragment, insertText, addMark, delete: del } = editor.tf;
 
-  editor.insertText = (text, options) => {
+  editor.tf.insertText = (text, options) => {
     if (isUnchangeable(editor)) {
       return;
     }
@@ -26,7 +26,7 @@ const withOverrides = (editor: PlateEditor) => {
     return insertText(text, options);
   };
 
-  editor.addMark = (key, value) => {
+  editor.tf.addMark = (key, value) => {
     if (isUnchangeable(editor)) {
       return;
     }
@@ -34,7 +34,7 @@ const withOverrides = (editor: PlateEditor) => {
     return addMark(key, value);
   };
 
-  editor.delete = (options) => {
+  editor.tf.delete = (options) => {
     const backward = options?.reverse === true;
 
     if (backward) {
@@ -48,7 +48,7 @@ const withOverrides = (editor: PlateEditor) => {
     return del(options);
   };
 
-  editor.deleteBackward = (unit: TextUnit) => {
+  editor.tf.deleteBackward = (unit) => {
     if (handleDeleteInsideUnchangeable(editor, 'backward', unit)) {
       return;
     }
@@ -64,7 +64,7 @@ const withOverrides = (editor: PlateEditor) => {
     deleteBackward(unit);
   };
 
-  editor.deleteForward = (unit: TextUnit) => {
+  editor.tf.deleteForward = (unit) => {
     if (handleDeleteInsideUnchangeable(editor, 'forward', unit)) {
       return;
     }
@@ -80,7 +80,7 @@ const withOverrides = (editor: PlateEditor) => {
     deleteForward(unit);
   };
 
-  editor.deleteFragment = (options: EditorFragmentDeletionOptions | undefined) => {
+  editor.tf.deleteFragment = (options: EditorFragmentDeletionOptions | undefined) => {
     if (isUnchangeable(editor)) {
       return;
     }
@@ -88,7 +88,7 @@ const withOverrides = (editor: PlateEditor) => {
     return deleteFragment(options);
   };
 
-  editor.insertFragment = (fragment) => {
+  editor.tf.insertFragment = (fragment) => {
     if (isUnchangeable(editor)) {
       return;
     }
@@ -99,7 +99,4 @@ const withOverrides = (editor: PlateEditor) => {
   return editor;
 };
 
-export const ProhibitDeletionPlugin = createPlatePlugin({
-  key: 'prohibit-deletion',
-  extendEditor: ({ editor }) => withOverrides(editor),
-});
+export const ProhibitDeletionPlugin = createPlatePlugin({ key: 'prohibit-deletion' }).overrideEditor(withOverrides);
diff --git a/frontend/src/plate/plugins/prohibit-deletion/unchangeable.ts b/frontend/src/plate/plugins/prohibit-deletion/unchangeable.ts
index 0d6f5ae7b..5e63a237f 100644
--- a/frontend/src/plate/plugins/prohibit-deletion/unchangeable.ts
+++ b/frontend/src/plate/plugins/prohibit-deletion/unchangeable.ts
@@ -5,24 +5,12 @@ import {
 } from '@app/plate/plugins/element-types';
 import { isInRegelverk, isInUnchangeableElement, isUndeletable } from '@app/plate/plugins/prohibit-deletion/helpers';
 import { isInList } from '@app/plate/utils/queries';
-import {
-  findNode,
-  getNextNode,
-  getPreviousNode,
-  isEditor,
-  isElement,
-  isElementEmpty,
-  isEndPoint,
-  isSelectionAtBlockEnd,
-  isSelectionAtBlockStart,
-  isStartPoint,
-  removeNodes,
-} from '@udecode/plate-common';
+import { ElementApi } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
-import { Path, type TextDirection, type TextUnit } from 'slate';
+import { Path, type TextDirection, type TextUnit, isEditor } from 'slate';
 
 const deleteCurrentNode = (editor: PlateEditor): void => {
-  const currentEntry = findNode(editor, { match: (n) => !isEditor(n) });
+  const currentEntry = editor.api.node({ match: (n) => !isEditor(n) });
 
   if (isUndeletable(editor, currentEntry)) {
     return;
@@ -34,12 +22,12 @@ const deleteCurrentNode = (editor: PlateEditor): void => {
 
   const [node] = currentEntry;
 
-  if (!isElement(node)) {
+  if (!ElementApi.isElement(node)) {
     return;
   }
 
-  if (isElementEmpty(editor, node)) {
-    removeNodes(editor);
+  if (editor.api.isEmpty(node)) {
+    editor.tf.removeNodes();
   }
 };
 
@@ -49,7 +37,7 @@ export const handleDeleteBackwardIntoUnchangeable = (editor: PlateEditor): boole
   }
 
   const prevSibling = Path.hasPrevious(editor.selection.focus.path)
-    ? findNode(editor, { at: Path.previous(editor.selection.focus.path), mode: 'lowest', voids: true })
+    ? editor.api.node({ at: Path.previous(editor.selection.focus.path), mode: 'lowest', voids: true })
     : undefined;
 
   // Prohibit deletion for inline undeletables
@@ -59,7 +47,7 @@ export const handleDeleteBackwardIntoUnchangeable = (editor: PlateEditor): boole
     return true;
   }
 
-  if (!isSelectionAtBlockStart(editor)) {
+  if (!editor.api.isAt({ start: true })) {
     return false;
   }
 
@@ -68,21 +56,21 @@ export const handleDeleteBackwardIntoUnchangeable = (editor: PlateEditor): boole
     return false;
   }
 
-  const redigerbarMaltekstOrRegelverk = findNode(editor, {
-    match: (n) => isElement(n) && UNDELETABLE_BUT_REDIGERBAR.includes(n.type),
+  const redigerbarMaltekstOrRegelverk = editor.api.node({
+    match: (n) => ElementApi.isElement(n) && UNDELETABLE_BUT_REDIGERBAR.includes(n.type),
   });
 
   if (redigerbarMaltekstOrRegelverk !== undefined) {
     const [, path] = redigerbarMaltekstOrRegelverk;
 
     // Normal handling if focus is in redigerbar maltekst / regelverk container, but not at the start
-    if (!isStartPoint(editor, editor.selection.focus, path)) {
+    if (!editor.api.isStart(editor.selection.focus, path)) {
       return false;
     }
   }
 
   // If previous node is undeletable, remove self (if deletable)
-  if (isUndeletable(editor, getPreviousNode(editor))) {
+  if (isUndeletable(editor, editor.api.previous())) {
     deleteCurrentNode(editor);
 
     return true;
@@ -96,8 +84,8 @@ export const handleDeleteForwardIntoUnchangeable = (editor: PlateEditor): boolea
     return false;
   }
 
-  const nextSibling = findNode(editor, { at: Path.next(editor.selection.focus.path), mode: 'lowest', voids: true });
-  const isEnd = isEndPoint(editor, editor.selection.focus, editor.selection.focus.path);
+  const nextSibling = editor.api.node({ at: Path.next(editor.selection.focus.path), mode: 'lowest', voids: true });
+  const isEnd = editor.api.isEnd(editor.selection.focus, editor.selection.focus.path);
 
   // Prohibit deletion for inline undeletables
   if (isEnd && isUndeletable(editor, nextSibling)) {
@@ -106,25 +94,25 @@ export const handleDeleteForwardIntoUnchangeable = (editor: PlateEditor): boolea
     return true;
   }
 
-  if (!isSelectionAtBlockEnd(editor)) {
+  if (!editor.api.isAt({ end: true })) {
     return false;
   }
 
-  const redigerbarMaltekstOrRegelverk = findNode(editor, {
-    match: (n) => isElement(n) && UNDELETABLE_BUT_REDIGERBAR.includes(n.type),
+  const redigerbarMaltekstOrRegelverk = editor.api.node({
+    match: (n) => ElementApi.isElement(n) && UNDELETABLE_BUT_REDIGERBAR.includes(n.type),
   });
 
   if (redigerbarMaltekstOrRegelverk !== undefined) {
     const [, path] = redigerbarMaltekstOrRegelverk;
 
     // Normal handling if focus is in redigerbar maltekst / regelverk container, but not at the end
-    if (!isEndPoint(editor, editor.selection.focus, path)) {
+    if (!editor.api.isEnd(editor.selection.focus, path)) {
       return false;
     }
   }
 
   // Remove self if next node is undeletable
-  if (isUndeletable(editor, getNextNode(editor))) {
+  if (isUndeletable(editor, editor.api.next())) {
     deleteCurrentNode(editor);
 
     return true;
@@ -133,12 +121,17 @@ export const handleDeleteForwardIntoUnchangeable = (editor: PlateEditor): boolea
   return false;
 };
 
-const handleDeleteInside = (editor: PlateEditor, type: string, direction: TextDirection, unit: TextUnit) => {
+const handleDeleteInside = (
+  editor: PlateEditor,
+  type: string,
+  direction: TextDirection,
+  unit: TextUnit | undefined,
+) => {
   if (editor.selection === null) {
     return true;
   }
 
-  const entry = findNode(editor, { match: { type }, at: editor.selection });
+  const entry = editor.api.node({ match: { type }, at: editor.selection });
 
   if (entry === undefined) {
     return true;
@@ -153,16 +146,16 @@ const handleDeleteInside = (editor: PlateEditor, type: string, direction: TextDi
       return false;
     }
 
-    return isStartPoint(editor, editor.selection.focus, entry[1]);
+    return editor.api.isStart(editor.selection.focus, entry[1]);
   }
 
-  return isEndPoint(editor, editor.selection.focus, entry[1]);
+  return editor.api.isEnd(editor.selection.focus, entry[1]);
 };
 
 export const handleDeleteInsideUnchangeable = (
   editor: PlateEditor,
   direction: TextDirection,
-  unit: TextUnit,
+  unit: TextUnit | undefined,
 ): boolean => {
   if (isInRegelverk(editor)) {
     return handleDeleteInside(editor, ELEMENT_REGELVERK_CONTAINER, direction, unit);
diff --git a/frontend/src/plate/plugins/prohibit-deletion/undeletable.ts b/frontend/src/plate/plugins/prohibit-deletion/undeletable.ts
index c6d584492..6ee1acb53 100644
--- a/frontend/src/plate/plugins/prohibit-deletion/undeletable.ts
+++ b/frontend/src/plate/plugins/prohibit-deletion/undeletable.ts
@@ -1,17 +1,17 @@
 import { UNDELETABLE_BUT_REDIGERBAR } from '@app/plate/plugins/element-types';
 import type { EditorDescendant } from '@app/plate/types';
 import { isInList } from '@app/plate/utils/queries';
-import { type NodeOf, findNode, isElement, isEndPoint, isStartPoint } from '@udecode/plate-common';
+import { ElementApi, type NodeOf } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
-const match = (n: NodeOf<EditorDescendant>) => isElement(n) && UNDELETABLE_BUT_REDIGERBAR.includes(n.type);
+const match = (n: NodeOf<EditorDescendant>) => ElementApi.isElement(n) && UNDELETABLE_BUT_REDIGERBAR.includes(n.type);
 
 export const handleDeleteBackwardInUndeletable = (editor: PlateEditor): boolean => {
   if (editor.selection === null) {
     return false;
   }
 
-  const redigerbarMaltekst = findNode(editor, { match });
+  const redigerbarMaltekst = editor.api.node({ match });
 
   // Normal handling if not redigerbar maltekst / regelverk
   if (redigerbarMaltekst === undefined) {
@@ -21,7 +21,7 @@ export const handleDeleteBackwardInUndeletable = (editor: PlateEditor): boolean
   const [, path] = redigerbarMaltekst;
 
   // Normal handling if focus is not at the start of redigerbar maltekst / regelverk
-  if (!isStartPoint(editor, editor.selection.anchor, path)) {
+  if (!editor.api.isStart(editor.selection.anchor, path)) {
     return false;
   }
 
@@ -38,7 +38,7 @@ export const handleDeleteForwardInUndeletable = (editor: PlateEditor): boolean =
     return false;
   }
 
-  const redigerbarMaltekst = findNode(editor, { match });
+  const redigerbarMaltekst = editor.api.node({ match });
 
   // Normal handling if not redigerbar maltekst / regelverk
   if (redigerbarMaltekst === undefined) {
@@ -48,7 +48,7 @@ export const handleDeleteForwardInUndeletable = (editor: PlateEditor): boolean =
   const [, path] = redigerbarMaltekst;
 
   // Normal handling if focus is not at the end of redigerbar maltekst / regelverk
-  if (!isEndPoint(editor, editor.selection.anchor, path)) {
+  if (!editor.api.isEnd(editor.selection.anchor, path)) {
     return false;
   }
 
diff --git a/frontend/src/plate/plugins/regelverk.ts b/frontend/src/plate/plugins/regelverk.ts
index c69ca30ea..b5d80b6ff 100644
--- a/frontend/src/plate/plugins/regelverk.ts
+++ b/frontend/src/plate/plugins/regelverk.ts
@@ -1,6 +1,6 @@
 import { Regelverk, RegelverkContainer } from '@app/plate/components/regelverk';
 import { createSimpleParagraph } from '@app/plate/templates/helpers';
-import { type TNodeEntry, insertElements, isElement, isElementEmpty } from '@udecode/plate-common';
+import { ElementApi, type NodeEntry } from '@udecode/plate';
 import { createPlatePlugin } from '@udecode/plate-core/react';
 import { ELEMENT_REGELVERK, ELEMENT_REGELVERK_CONTAINER } from './element-types';
 
@@ -20,17 +20,16 @@ export const RegelverkContainerPlugin = createPlatePlugin({
     isElement: true,
     component: RegelverkContainer,
   },
-  extendEditor: ({ editor }) => {
-    const { normalizeNode } = editor;
+}).overrideEditor(({ editor }) => {
+  const { normalizeNode } = editor.tf;
 
-    editor.normalizeNode = ([node, path]: TNodeEntry) => {
-      if (node.type === ELEMENT_REGELVERK_CONTAINER && isElement(node) && isElementEmpty(editor, node)) {
-        return insertElements(editor, createSimpleParagraph(), { select: true, at: [...path, 0] });
-      }
+  editor.tf.normalizeNode = ([node, path]: NodeEntry) => {
+    if (node.type === ELEMENT_REGELVERK_CONTAINER && ElementApi.isElement(node) && editor.api.isEmpty(node)) {
+      return editor.tf.insertNodes(createSimpleParagraph(), { select: true, at: [...path, 0] });
+    }
 
-      normalizeNode([node, path]);
-    };
+    normalizeNode([node, path]);
+  };
 
-    return editor;
-  },
+  return editor;
 });
diff --git a/frontend/src/plate/plugins/selection.ts b/frontend/src/plate/plugins/selection.ts
index c3dd8e5d1..6db32a35d 100644
--- a/frontend/src/plate/plugins/selection.ts
+++ b/frontend/src/plate/plugins/selection.ts
@@ -1,38 +1,35 @@
-import { getNode, getSelectionText, isText } from '@udecode/plate-common';
+import { NodeApi, RangeApi, TextApi } from '@udecode/plate';
 import { createPlatePlugin } from '@udecode/plate-core/react';
 import { Range } from 'slate';
 
-export const SelectionPlugin = createPlatePlugin({
-  key: 'selection',
-  extendEditor: ({ editor }) => {
-    const { select } = editor;
+export const SelectionPlugin = createPlatePlugin({ key: 'selection' }).overrideEditor(({ editor }) => {
+  const { select } = editor.tf;
 
-    editor.select = (target) => {
-      if (!Range.isRange(target) || Range.isCollapsed(target)) {
-        return select(target);
-      }
+  editor.tf.select = (target) => {
+    if (!Range.isRange(target) || RangeApi.isCollapsed(target)) {
+      return select(target);
+    }
 
-      if (!containsMultipleWords(getSelectionText(editor))) {
-        return select(target);
-      }
+    if (!containsMultipleWords(editor.api.string())) {
+      return select(target);
+    }
 
-      const node = getNode(editor, target.anchor.path);
+    const node = NodeApi.get(editor, target.anchor.path);
 
-      if (!isText(node)) {
-        return select(target);
-      }
+    if (!TextApi.isText(node)) {
+      return select(target);
+    }
 
-      const isForward = Range.isForward(target);
+    const isForward = Range.isForward(target);
 
-      const anchorOffset = isForward
-        ? getWordStart(node.text, target.anchor.offset)
-        : getWordEnd(node.text, target.anchor.offset);
+    const anchorOffset = isForward
+      ? getWordStart(node.text, target.anchor.offset)
+      : getWordEnd(node.text, target.anchor.offset);
 
-      return select({ ...target, anchor: { ...target.anchor, offset: anchorOffset } });
-    };
+    return select({ ...target, anchor: { ...target.anchor, offset: anchorOffset } });
+  };
 
-    return editor;
-  },
+  return editor;
 });
 
 const START_REGEX = /\S+$/;
diff --git a/frontend/src/plate/templates/ankevedtak.ts b/frontend/src/plate/templates/ankevedtak.ts
index e2e389327..1fc0026e9 100644
--- a/frontend/src/plate/templates/ankevedtak.ts
+++ b/frontend/src/plate/templates/ankevedtak.ts
@@ -14,7 +14,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { LabelContentSource } from '../types';
 
diff --git a/frontend/src/plate/templates/behandling-etter-tr-opphevet-vedtak.ts b/frontend/src/plate/templates/behandling-etter-tr-opphevet-vedtak.ts
index 6379d9f57..b0e02adc0 100644
--- a/frontend/src/plate/templates/behandling-etter-tr-opphevet-vedtak.ts
+++ b/frontend/src/plate/templates/behandling-etter-tr-opphevet-vedtak.ts
@@ -14,7 +14,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { LabelContentSource } from '../types';
 
diff --git "a/frontend/src/plate/templates/forenklet-beslutning-om-ikke-\303\245-omgj\303\270re.ts" "b/frontend/src/plate/templates/forenklet-beslutning-om-ikke-\303\245-omgj\303\270re.ts"
index dcf079268..077825168 100644
--- "a/frontend/src/plate/templates/forenklet-beslutning-om-ikke-\303\245-omgj\303\270re.ts"
+++ "b/frontend/src/plate/templates/forenklet-beslutning-om-ikke-\303\245-omgj\303\270re.ts"
@@ -3,7 +3,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { TemplateSections } from '../template-sections';
 import { LabelContentSource } from '../types';
diff --git a/frontend/src/plate/templates/klagevedtak.ts b/frontend/src/plate/templates/klagevedtak.ts
index 9f47bb563..2a7153957 100644
--- a/frontend/src/plate/templates/klagevedtak.ts
+++ b/frontend/src/plate/templates/klagevedtak.ts
@@ -3,7 +3,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { TemplateSections } from '../template-sections';
 import { LabelContentSource } from '../types';
diff --git "a/frontend/src/plate/templates/omgj\303\270ringskravvedtak.ts" "b/frontend/src/plate/templates/omgj\303\270ringskravvedtak.ts"
index 89a1b59a8..6c122e37a 100644
--- "a/frontend/src/plate/templates/omgj\303\270ringskravvedtak.ts"
+++ "b/frontend/src/plate/templates/omgj\303\270ringskravvedtak.ts"
@@ -3,7 +3,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { TemplateSections } from '../template-sections';
 import { LabelContentSource } from '../types';
diff --git a/frontend/src/plate/templates/orientering-om-tilsvar-direkte-til-trygderetten.ts b/frontend/src/plate/templates/orientering-om-tilsvar-direkte-til-trygderetten.ts
index 94bb9b1c8..3785be995 100644
--- a/frontend/src/plate/templates/orientering-om-tilsvar-direkte-til-trygderetten.ts
+++ b/frontend/src/plate/templates/orientering-om-tilsvar-direkte-til-trygderetten.ts
@@ -3,7 +3,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { TemplateSections } from '../template-sections';
 import { LabelContentSource } from '../types';
diff --git "a/frontend/src/plate/templates/svar-p\303\245-innsynsbegj\303\246ring.ts" "b/frontend/src/plate/templates/svar-p\303\245-innsynsbegj\303\246ring.ts"
index ab79e3e96..acc1b7630 100644
--- "a/frontend/src/plate/templates/svar-p\303\245-innsynsbegj\303\246ring.ts"
+++ "b/frontend/src/plate/templates/svar-p\303\245-innsynsbegj\303\246ring.ts"
@@ -3,7 +3,7 @@ import { TextAlign } from '@app/plate/types';
 import { DistribusjonsType } from '@app/types/documents/documents';
 import type { IMutableSmartEditorTemplate } from '@app/types/smart-editor/smart-editor';
 import { TemplateIdEnum } from '@app/types/smart-editor/template-enums';
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { TemplateSections } from '../template-sections';
 import { LabelContentSource } from '../types';
diff --git a/frontend/src/plate/toolbar/abbreviation.tsx b/frontend/src/plate/toolbar/abbreviation.tsx
index 0c4b29818..45413ed71 100644
--- a/frontend/src/plate/toolbar/abbreviation.tsx
+++ b/frontend/src/plate/toolbar/abbreviation.tsx
@@ -7,8 +7,7 @@ import { useMyPlateEditorRef, useMyPlateEditorState } from '@app/plate/types';
 import { useAddAbbreviationMutation } from '@app/redux-api/bruker';
 import { PlusIcon, TagIcon } from '@navikt/aksel-icons';
 import { Button, TextField, Tooltip } from '@navikt/ds-react';
-import { getEditorString, isCollapsed } from '@udecode/plate-common';
-import { focusEditor } from '@udecode/slate-react';
+import { RangeApi } from '@udecode/plate';
 import { useEffect, useRef, useState } from 'react';
 import { styled } from 'styled-components';
 
@@ -16,7 +15,7 @@ export const Abbreviation = () => {
   const [addAbbreviation] = useAddAbbreviationMutation();
   const editor = useMyPlateEditorState();
   const editorRef = useMyPlateEditorRef();
-  const disabled = isCollapsed(editor.selection);
+  const disabled = RangeApi.isCollapsed();
   const containerRef = useRef<HTMLDivElement>(null);
   const [isOpen, setIsOpen] = useState(false);
   const [localShort, setLocalShort] = useState('');
@@ -25,7 +24,7 @@ export const Abbreviation = () => {
     const listener = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
         setIsOpen(false);
-        focusEditor(editorRef);
+        editorRef.tf.focus();
       }
 
       if (e.key.toLowerCase() === 'f' && (e.ctrlKey || e.metaKey) && e.shiftKey) {
@@ -37,7 +36,7 @@ export const Abbreviation = () => {
     window.addEventListener('keydown', listener);
 
     return () => window.removeEventListener('keydown', listener);
-  }, [editorRef]);
+  }, [editorRef.tf.focus]);
 
   const onAdd = async () => {
     const short = localShort.trim();
@@ -60,7 +59,7 @@ export const Abbreviation = () => {
       return;
     }
 
-    const long = getEditorString(editor, editor.selection).trim();
+    const long = editor.api.string(editor.selection).trim();
 
     if (long.length === 0) {
       toast.warning('Du må markere teksten du vil forkorte.');
@@ -75,7 +74,7 @@ export const Abbreviation = () => {
     }
 
     await addAbbreviation({ short, long }).unwrap();
-    focusEditor(editorRef);
+    editor.tf.focus();
     setIsOpen(false);
 
     pushEvent('smart-editor-add-abbreviation', 'smart-editor', { short, long });
@@ -84,7 +83,7 @@ export const Abbreviation = () => {
   useOnClickOutside(containerRef, () => {
     if (isOpen) {
       setIsOpen(false);
-      focusEditor(editorRef);
+      editor.tf.focus();
     }
   });
 
@@ -115,7 +114,7 @@ export const Abbreviation = () => {
 
                 if (key === 'Escape') {
                   setIsOpen(false);
-                  focusEditor(editorRef);
+                  editor.tf.focus();
                 }
               }}
               autoCorrect="off"
diff --git a/frontend/src/plate/toolbar/add-comment.tsx b/frontend/src/plate/toolbar/add-comment.tsx
index 10d635649..1d878b229 100644
--- a/frontend/src/plate/toolbar/add-comment.tsx
+++ b/frontend/src/plate/toolbar/add-comment.tsx
@@ -3,7 +3,7 @@ import { MOD_KEY } from '@app/keys';
 import { useSelection } from '@app/plate/hooks/use-selection';
 import { ToolbarIconButton } from '@app/plate/toolbar/toolbarbutton';
 import { ChatElipsisIcon } from '@navikt/aksel-icons';
-import { isCollapsed } from '@udecode/plate-common';
+import { RangeApi } from '@udecode/plate';
 import { useContext } from 'react';
 
 export const CommentsButton = () => {
@@ -17,7 +17,7 @@ export const CommentsButton = () => {
       icon={<ChatElipsisIcon width={24} />}
       onClick={() => setNewCommentSelection(selection)}
       active={newCommentSelection !== null}
-      disabled={selection === null || isCollapsed(selection)}
+      disabled={selection === null || RangeApi.isCollapsed(selection)}
     />
   );
 };
diff --git a/frontend/src/plate/toolbar/bookmark-button.tsx b/frontend/src/plate/toolbar/bookmark-button.tsx
index 2e770cd5f..f5fbb588f 100644
--- a/frontend/src/plate/toolbar/bookmark-button.tsx
+++ b/frontend/src/plate/toolbar/bookmark-button.tsx
@@ -7,21 +7,21 @@ import { ToolbarIconButton } from '@app/plate/toolbar/toolbarbutton';
 import { type FormattedText, useMyPlateEditorState } from '@app/plate/types';
 import { BookmarkFillIcon, BookmarkIcon } from '@navikt/aksel-icons';
 import { Button, Tooltip } from '@navikt/ds-react';
-import { findNode, isCollapsed, isText, setNodes } from '@udecode/plate-common';
+import { RangeApi, TextApi } from '@udecode/plate';
 import { useRef, useState } from 'react';
 import { styled } from 'styled-components';
 
 export const BookmarkButton = () => {
   const editor = useMyPlateEditorState();
-  const disabled = useIsUnchangeable() || isCollapsed(editor.selection);
+  const disabled = useIsUnchangeable() || RangeApi.isCollapsed();
   const ref = useRef<HTMLDivElement>(null);
   const [isOpen, setIsOpen] = useState(false);
 
   const setBookmark = (bookmark: string) => {
     const id = BOOKMARK_PREFIX + Date.now();
-    setNodes(editor, { [BookmarkPlugin.key]: true, [id]: bookmark }, { match: isText, split: true });
+    editor.tf.setNodes({ [BookmarkPlugin.key]: true, [id]: bookmark }, { match: TextApi.isText, split: true });
 
-    const entries = editor.nodes<FormattedText>({ match: (n) => isText(n) && id in n });
+    const entries = editor.nodes<FormattedText>({ match: (n) => TextApi.isText(n) && id in n });
     const nodes: FormattedText[] = [];
 
     for (const [node] of entries) {
@@ -29,8 +29,8 @@ export const BookmarkButton = () => {
     }
   };
 
-  const activeEntry = findNode<FormattedText>(editor, {
-    match: (n) => isText(n) && Object.keys(n).some((k) => k.startsWith(BOOKMARK_PREFIX)),
+  const activeEntry = editor.api.node<FormattedText>({
+    match: (n) => TextApi.isText(n) && Object.keys(n).some((k) => k.startsWith(BOOKMARK_PREFIX)),
   });
 
   const activeBookmark = getActiveBookmark(activeEntry?.[0]);
diff --git a/frontend/src/plate/toolbar/default-toolbar-buttons.tsx b/frontend/src/plate/toolbar/default-toolbar-buttons.tsx
index f001d1a7c..5545e63f5 100644
--- a/frontend/src/plate/toolbar/default-toolbar-buttons.tsx
+++ b/frontend/src/plate/toolbar/default-toolbar-buttons.tsx
@@ -15,7 +15,7 @@ import { useMyPlateEditorRef } from '@app/plate/types';
 import { insertPageBreak } from '@app/plate/utils/transforms';
 import { ArrowUndoIcon } from '@navikt/aksel-icons';
 import { DocumentPageBreak, TextDescription } from '@styled-icons/fluentui-system-regular';
-import { BaseParagraphPlugin, setNodes } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 
 import { styled } from 'styled-components';
 
@@ -61,7 +61,7 @@ export const DefaultToolbarButtons = () => {
 
       <ToolbarIconButton
         label="Normal tekst"
-        onClick={() => setNodes(editor, { type: BaseParagraphPlugin.node.type })}
+        onClick={() => editor.tf.setNodes({ type: BaseParagraphPlugin.node.type })}
         icon={<TextDescription aria-hidden width={24} />}
         disabled={unchangeable}
         active={useIsElementActive(BaseParagraphPlugin.node.type)}
diff --git a/frontend/src/plate/toolbar/headings.tsx b/frontend/src/plate/toolbar/headings.tsx
index 75e0f8f42..505986921 100644
--- a/frontend/src/plate/toolbar/headings.tsx
+++ b/frontend/src/plate/toolbar/headings.tsx
@@ -5,7 +5,6 @@ import { useIsInList } from '@app/plate/toolbar/use-is-in-list';
 import { useIsInTable } from '@app/plate/toolbar/use-is-in-table';
 import { useMyPlateEditorState } from '@app/plate/types';
 import { TextHeader1, TextHeader2, TextHeader3 } from '@styled-icons/fluentui-system-regular';
-import { setNodes } from '@udecode/plate-common';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 
 export const Headings = () => {
@@ -20,7 +19,7 @@ export const Headings = () => {
       <ToolbarIconButton
         label="Dokumenttittel / Overskrift 1"
         keys={['# + mellomrom']}
-        onClick={() => setNodes(editor, { type: HEADING_KEYS.h1 })}
+        onClick={() => editor.tf.setNodes({ type: HEADING_KEYS.h1 })}
         icon={<TextHeader1 width={24} aria-hidden />}
         active={useIsElementActive(HEADING_KEYS.h1)}
         disabled={disabled}
@@ -29,7 +28,7 @@ export const Headings = () => {
       <ToolbarIconButton
         label="Overskrift 2"
         keys={['## + mellomrom']}
-        onClick={() => setNodes(editor, { type: HEADING_KEYS.h2 })}
+        onClick={() => editor.tf.setNodes({ type: HEADING_KEYS.h2 })}
         icon={<TextHeader2 width={24} aria-hidden />}
         active={useIsElementActive(HEADING_KEYS.h2)}
         disabled={disabled}
@@ -38,7 +37,7 @@ export const Headings = () => {
       <ToolbarIconButton
         label="Overskrift 3"
         keys={['### + mellomrom']}
-        onClick={() => setNodes(editor, { type: HEADING_KEYS.h3 })}
+        onClick={() => editor.tf.setNodes({ type: HEADING_KEYS.h3 })}
         icon={<TextHeader3 width={24} aria-hidden />}
         active={useIsElementActive(HEADING_KEYS.h3)}
         disabled={disabled}
diff --git a/frontend/src/plate/toolbar/indent.tsx b/frontend/src/plate/toolbar/indent.tsx
index 4118822f8..1fab69f0b 100644
--- a/frontend/src/plate/toolbar/indent.tsx
+++ b/frontend/src/plate/toolbar/indent.tsx
@@ -3,14 +3,13 @@ import { ToolbarIconButton } from '@app/plate/toolbar/toolbarbutton';
 import { type RichTextEditor, useMyPlateEditorState } from '@app/plate/types';
 import { isInList, isInTable } from '@app/plate/utils/queries';
 import { TextIndentDecreaseLtr, TextIndentIncreaseLtr } from '@styled-icons/fluentui-system-regular';
-import { type TElement, isBlock, someNode } from '@udecode/plate-common';
 import { indent, outdent } from '@udecode/plate-indent';
 import { BaseBulletedListPlugin, BaseNumberedListPlugin } from '@udecode/plate-list';
 import { BaseTablePlugin } from '@udecode/plate-table';
 
 const isIndented = (editor: RichTextEditor) =>
-  someNode<TElement>(editor, {
-    match: (n) => isBlock(editor, n) && 'indent' in n && typeof n.indent === 'number' && n.indent !== 0,
+  editor.api.some({
+    match: (n) => editor.api.isBlock(n) && 'indent' in n && typeof n.indent === 'number' && n.indent !== 0,
     universal: true,
   });
 
diff --git a/frontend/src/plate/toolbar/insert-placeholder.tsx b/frontend/src/plate/toolbar/insert-placeholder.tsx
index 83f9701c6..59269e25d 100644
--- a/frontend/src/plate/toolbar/insert-placeholder.tsx
+++ b/frontend/src/plate/toolbar/insert-placeholder.tsx
@@ -7,7 +7,7 @@ import { isPlaceholderActive } from '@app/plate/utils/queries';
 import { insertPlaceholderFromSelection, removePlaceholder } from '@app/plate/utils/transforms';
 import { PencilWritingIcon, PlusIcon, XMarkIcon } from '@navikt/aksel-icons';
 import { Button, TextField } from '@navikt/ds-react';
-import { insertElements, isCollapsed, isExpanded } from '@udecode/plate-common';
+import { RangeApi } from '@udecode/plate';
 import { useEditorState } from '@udecode/plate-core/react';
 import { useRef, useState } from 'react';
 import { styled } from 'styled-components';
@@ -27,7 +27,7 @@ export const InsertPlaceholder = () => {
   useOnClickOutside(ref, resetAndClose, true);
 
   const onClick = () => {
-    if (isCollapsed(editor.selection)) {
+    if (RangeApi.isCollapsed()) {
       if (isPlaceholderActive(editor)) {
         removePlaceholder(editor);
       } else {
@@ -38,7 +38,7 @@ export const InsertPlaceholder = () => {
     }
   };
 
-  const disabled = editor.selection === null || (isExpanded(editor.selection) && isPlaceholderActive(editor));
+  const disabled = editor.selection === null || (RangeApi.isExpanded(editor.selection) && isPlaceholderActive(editor));
 
   return (
     <span ref={ref}>
@@ -70,7 +70,7 @@ const PlaceholderText = ({ show, close, placeholder, setPlaceholder }: Placehold
   }
 
   const addPlaceholder = () => {
-    insertElements(editor, createPlaceHolder(placeholder), { select: true });
+    editor.tf.insertNodes(createPlaceHolder(placeholder), { select: true });
     close();
   };
 
diff --git a/frontend/src/plate/toolbar/marks.tsx b/frontend/src/plate/toolbar/marks.tsx
index 2ad41c819..c9178ea8d 100644
--- a/frontend/src/plate/toolbar/marks.tsx
+++ b/frontend/src/plate/toolbar/marks.tsx
@@ -6,16 +6,16 @@ import { useMyPlateEditorState } from '@app/plate/types';
 import { isOfElementTypesFn } from '@app/plate/utils/queries';
 import { ClearFormatting, TextBold, TextItalic, TextUnderline } from '@styled-icons/fluentui-system-regular';
 import { BaseBoldPlugin, BaseItalicPlugin, BaseUnderlinePlugin } from '@udecode/plate-basic-marks';
-import { getPluginType, removeMark, someNode } from '@udecode/plate-common';
-import { useMarkToolbarButton, useMarkToolbarButtonState } from '@udecode/plate-common/react';
+import { getPluginType } from '@udecode/plate-core';
 
 import { HEADING_KEYS } from '@udecode/plate-heading';
+import { useMarkToolbarButton, useMarkToolbarButtonState } from '@udecode/plate/react';
 
 export const Marks = () => {
   const editor = useMyPlateEditorState();
 
-  const isInPlaceholder = someNode(editor, { match: { type: ELEMENT_PLACEHOLDER } });
-  const isInHeading = someNode(editor, {
+  const isInPlaceholder = editor.api.some({ match: { type: ELEMENT_PLACEHOLDER } });
+  const isInHeading = editor.api.some({
     match: isOfElementTypesFn([HEADING_KEYS.h1, HEADING_KEYS.h2, HEADING_KEYS.h3]),
   });
 
@@ -70,7 +70,11 @@ export const Marks = () => {
       <ToolbarIconButton
         label="Fjern formatering"
         icon={<ClearFormatting aria-hidden width={24} />}
-        onClick={() => removeMark(editor, { key: [BaseBoldPlugin.key, BaseItalicPlugin.key, BaseUnderlinePlugin.key] })}
+        onClick={() => {
+          editor.tf.removeMark(BaseBoldPlugin.key);
+          editor.tf.removeMark(BaseItalicPlugin.key);
+          editor.tf.removeMark(BaseUnderlinePlugin.key);
+        }}
         disabled={disabled}
       />
     </>
diff --git a/frontend/src/plate/toolbar/paragraph-button.tsx b/frontend/src/plate/toolbar/paragraph-button.tsx
index ae30339cf..bf2b16ff3 100644
--- a/frontend/src/plate/toolbar/paragraph-button.tsx
+++ b/frontend/src/plate/toolbar/paragraph-button.tsx
@@ -2,7 +2,7 @@ import { useIsElementActive } from '@app/plate/hooks/use-is-element-active';
 import { useIsUnchangeable } from '@app/plate/hooks/use-is-unchangeable';
 import { ToolbarIconButton } from '@app/plate/toolbar/toolbarbutton';
 import { TextDescription } from '@styled-icons/fluentui-system-regular';
-import { BaseParagraphPlugin, setNodes } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 import { useEditorRef } from '@udecode/plate-core/react';
 
 export const ParagraphButton = () => {
@@ -13,7 +13,7 @@ export const ParagraphButton = () => {
   return (
     <ToolbarIconButton
       label="Normal tekst"
-      onClick={() => setNodes(editor, { type: BaseParagraphPlugin.node.type })}
+      onClick={() => editor.tf.setNodes({ type: BaseParagraphPlugin.node.type })}
       icon={<TextDescription aria-hidden width={24} />}
       disabled={unchangeable}
       active={paragraphActive}
diff --git a/frontend/src/plate/toolbar/table/helpers.ts b/frontend/src/plate/toolbar/table/helpers.ts
index d59812d43..26d6a6318 100644
--- a/frontend/src/plate/toolbar/table/helpers.ts
+++ b/frontend/src/plate/toolbar/table/helpers.ts
@@ -1,6 +1,6 @@
 import type { RichTextEditor, TableCellElement, TableRowElement } from '@app/plate/types';
 import { isOfElementType, isOfElementTypeFn } from '@app/plate/utils/queries';
-import { type TNode, type TNodeEntry, findNode, getParentNode, someNode } from '@udecode/plate-common';
+import type { NodeEntry, TNode } from '@udecode/plate';
 import { BaseTableCellPlugin, BaseTableRowPlugin } from '@udecode/plate-table';
 import { Path } from 'slate';
 
@@ -8,8 +8,8 @@ const findPath = (editor: RichTextEditor, node: TNode | undefined = undefined):
   node === undefined ? undefined : findPath(editor, node);
 
 // Cell helpers
-export const getCurrentCell = (editor: RichTextEditor): TNodeEntry<TableCellElement> | undefined =>
-  findNode(editor, { match: isOfElementTypeFn(BaseTableCellPlugin.node.type) });
+export const getCurrentCell = (editor: RichTextEditor): NodeEntry<TableCellElement> | undefined =>
+  editor.api.node({ match: isOfElementTypeFn(BaseTableCellPlugin.node.type) });
 
 export const getCellColumnOffset = (
   editor: RichTextEditor,
@@ -30,18 +30,18 @@ export const getCurrentRow = (
   editor: RichTextEditor,
   currentCell: TableCellElement | undefined = getCurrentCell(editor)?.[0],
   currentCellPath = findPath(editor, currentCell),
-): TNodeEntry<TableRowElement> | undefined => {
+): NodeEntry<TableRowElement> | undefined => {
   if (currentCellPath === undefined) {
     return undefined;
   }
 
-  const parentNodeEntry = getParentNode(editor, currentCellPath);
+  const parenNodeEntry = editor.api.parent(currentCellPath);
 
-  if (parentNodeEntry === undefined) {
+  if (parenNodeEntry === undefined) {
     return undefined;
   }
 
-  const [currentRow, currentRowPath] = parentNodeEntry;
+  const [currentRow, currentRowPath] = parenNodeEntry;
 
   if (!isOfElementType<TableRowElement>(currentRow, BaseTableRowPlugin.node.type)) {
     return undefined;
@@ -53,18 +53,18 @@ export const getCurrentRow = (
 export const getNextRow = (
   editor: RichTextEditor,
   currentRowPath: Path | undefined = getCurrentRow(editor)?.[1],
-): TNodeEntry<TableRowElement> | undefined => {
+): NodeEntry<TableRowElement> | undefined => {
   if (currentRowPath === undefined) {
     return undefined;
   }
 
   const nextRowPath = Path.next(currentRowPath);
 
-  if (!someNode(editor, { at: nextRowPath })) {
+  if (!editor.api.some({ at: nextRowPath })) {
     return undefined;
   }
 
-  const targetRowEntry = findNode(editor, { at: nextRowPath });
+  const targetRowEntry = editor.api.node({ at: nextRowPath });
 
   if (targetRowEntry === undefined) {
     return undefined;
@@ -82,7 +82,7 @@ export const getNextRow = (
 export const getPreviousRow = (
   editor: RichTextEditor,
   currentRowPath: Path | undefined = getCurrentRow(editor)?.[1],
-): TNodeEntry<TableRowElement> | undefined => {
+): NodeEntry<TableRowElement> | undefined => {
   if (currentRowPath === undefined) {
     return undefined;
   }
@@ -93,11 +93,11 @@ export const getPreviousRow = (
 
   const nextRowPath = Path.previous(currentRowPath);
 
-  if (!someNode(editor, { at: nextRowPath })) {
+  if (!editor.api.some({ at: nextRowPath })) {
     return undefined;
   }
 
-  const targetRowEntry = findNode(editor, { at: nextRowPath });
+  const targetRowEntry = editor.api.node({ at: nextRowPath });
 
   if (targetRowEntry === undefined) {
     return undefined;
diff --git a/frontend/src/plate/toolbar/table/icons/merge-cells.tsx b/frontend/src/plate/toolbar/table/icons/merge-cells.tsx
index 870b37ae9..55b3f826a 100644
--- a/frontend/src/plate/toolbar/table/icons/merge-cells.tsx
+++ b/frontend/src/plate/toolbar/table/icons/merge-cells.tsx
@@ -1,6 +1,6 @@
 export const MergeCellsIcon = () => (
   <svg height="24" viewBox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
-    <title>Slå sammen celler</title>
+    <title>Slå sammen markerte celler</title>
     <path d="m482.2 508.4-150.9-119.4c-3-2.4-7.3-.2-7.3 3.6v85.4h-140v-294h204v128c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4v-168c0-15.5-12.5-28-28-28h-284c-15.5 0-28 12.5-28 28v736c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28v-168c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v128h-204v-294h140v85.4c0 3.8 4.4 6 7.3 3.6l150.9-119.4c2.4-1.8 2.4-5.4 0-7.2zm397.8-392.4h-284c-15.5 0-28 12.5-28 28v168c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4v-128h204v294h-140v-85.4c0-3.8-4.3-6-7.3-3.6l-151 119.4c-2.3 1.8-2.3 5.3 0 7.1l151 119.5c2.9 2.3 7.3.2 7.3-3.6v-85.4h140v294h-204v-128c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v168c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28v-736c0-15.5-12.5-28-28-28z" />
   </svg>
 );
diff --git a/frontend/src/plate/toolbar/table/icons/split-cells.tsx b/frontend/src/plate/toolbar/table/icons/split-cells.tsx
new file mode 100644
index 000000000..c2028b0c8
--- /dev/null
+++ b/frontend/src/plate/toolbar/table/icons/split-cells.tsx
@@ -0,0 +1,9 @@
+export const SplitCellsIcon = () => (
+  <svg width="24" height="24" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+    <title>Splitt celler</title>
+    <path
+      d="M938.2 508.4L787.3 389c-3-2.4-7.3-0.2-7.3 3.6V478H636V184h204v128c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4V144c0-15.5-12.5-28-28-28H596c-15.5 0-28 12.5-28 28v736c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28V712c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v128H636V546h144v85.4c0 3.8 4.4 6 7.3 3.6l150.9-119.4c2.4-1.8 2.4-5.4 0-7.2zM428 116H144c-15.5 0-28 12.5-28 28v168c0 2.2 1.8 4 4 4h60c2.2 0 4-1.8 4-4V184h204v294H244v-85.4c0-3.8-4.3-6-7.3-3.6l-151 119.4c-2.3 1.8-2.3 5.3 0 7.1l151 119.5c2.9 2.3 7.3 0.2 7.3-3.6V546h144v294H184V712c0-2.2-1.8-4-4-4h-60c-2.2 0-4 1.8-4 4v168c0 15.5 12.5 28 28 28h284c15.5 0 28-12.5 28-28V144c0-15.5-12.5-28-28-28z"
+      p-id="11056"
+    />
+  </svg>
+);
diff --git a/frontend/src/plate/toolbar/table/insert-table-button.tsx b/frontend/src/plate/toolbar/table/insert-table-button.tsx
index 5bbb7fe57..a04a11a31 100644
--- a/frontend/src/plate/toolbar/table/insert-table-button.tsx
+++ b/frontend/src/plate/toolbar/table/insert-table-button.tsx
@@ -13,7 +13,7 @@ import {
 } from '@app/plate/types';
 import { isNodeEmpty, isOfElementTypesFn, nextPath } from '@app/plate/utils/queries';
 import { TableAdd } from '@styled-icons/fluentui-system-regular';
-import { BaseParagraphPlugin, findNode, insertNodes, removeNodes } from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseBulletedListPlugin, BaseNumberedListPlugin } from '@udecode/plate-list';
 
@@ -25,9 +25,9 @@ export const InsertTableButton = () => {
 
   // Normal insertTable() leaves an empty paragraph above
   const onClick = () => {
-    const current = findNode<
+    const current = editor.api.node<
       ParagraphElement | H1Element | H2Element | H3Element | BulletListElement | NumberedListElement
-    >(editor, {
+    >({
       match: isOfElementTypesFn([
         BaseParagraphPlugin.node.type,
         HEADING_KEYS.h1,
@@ -38,10 +38,10 @@ export const InsertTableButton = () => {
       ]),
     });
 
-    insertNodes(editor, createTable(), { at: current !== undefined ? nextPath(current[1]) : undefined });
+    editor.tf.insertNodes(createTable(), { at: current !== undefined ? nextPath(current[1]) : undefined });
 
     if (current !== undefined && isNodeEmpty(current[0])) {
-      removeNodes(editor, { at: current[1] });
+      editor.tf.removeNodes({ at: current[1] });
     }
   };
 
diff --git a/frontend/src/plate/toolbar/table/merge-cells.ts b/frontend/src/plate/toolbar/table/merge-cells.ts
index 93d522a33..b1f9f83ae 100644
--- a/frontend/src/plate/toolbar/table/merge-cells.ts
+++ b/frontend/src/plate/toolbar/table/merge-cells.ts
@@ -1,21 +1,13 @@
 import { getCurrentRow } from '@app/plate/toolbar/table/helpers';
 import type { ParagraphElement, RichTextEditor, TableCellElement, TableRowElement } from '@app/plate/types';
 import { isOfElementType, isOfElementTypeFn } from '@app/plate/utils/queries';
-import {
-  BaseParagraphPlugin,
-  getNextNode,
-  isElementEmpty,
-  mergeNodes,
-  setNodes,
-  withoutNormalizing,
-} from '@udecode/plate-common';
+import { BaseParagraphPlugin } from '@udecode/plate-core';
 import { BaseTableCellPlugin, BaseTableRowPlugin } from '@udecode/plate-table';
-import { findPath } from '@udecode/slate-react';
 
 export const mergeCells = (
   editor: RichTextEditor,
   cellNode: TableCellElement,
-  cellPath = findPath(editor, cellNode),
+  cellPath = editor.api.findPath(cellNode),
 ) => {
   const rowEntry = getCurrentRow(editor, cellNode, cellPath);
 
@@ -34,7 +26,7 @@ export const mergeCells = (
     return cellPath;
   }
 
-  const nextEntry = getNextNode<TableCellElement>(editor, {
+  const nextEntry = editor.api.next<TableCellElement>({
     at: cellPath,
     match: isOfElementTypeFn(BaseTableCellPlugin.node.type),
   });
@@ -45,16 +37,16 @@ export const mergeCells = (
 
   const [nextCell, nextPath] = nextEntry;
 
-  withoutNormalizing(editor, () => {
-    mergeNodes(editor, { at: nextPath });
-    mergeNodes(editor, {
+  editor.tf.withoutNormalizing(() => {
+    editor.tf.mergeNodes({ at: nextPath });
+    editor.tf.mergeNodes({
       at: cellPath,
-      match: (n) => isOfElementType<ParagraphElement>(n, BaseParagraphPlugin.node.type) && isElementEmpty(editor, n),
+      match: (n) => isOfElementType<ParagraphElement>(n, BaseParagraphPlugin.node.type) && editor.api.isEmpty(n),
     });
 
     const colSpan = (cellNode.colSpan ?? 1) + (nextCell.colSpan ?? 1);
 
-    setNodes(editor, { colSpan }, { at: cellPath });
+    editor.tf.setNodes({ colSpan }, { at: cellPath });
   });
 
   return cellPath;
diff --git a/frontend/src/plate/toolbar/table/table.tsx b/frontend/src/plate/toolbar/table/table.tsx
index 9ccd0e788..04ae39090 100644
--- a/frontend/src/plate/toolbar/table/table.tsx
+++ b/frontend/src/plate/toolbar/table/table.tsx
@@ -1,4 +1,5 @@
 import { useIsUnchangeable } from '@app/plate/hooks/use-is-unchangeable';
+import { useSelection } from '@app/plate/hooks/use-selection';
 import { createSimpleParagraph } from '@app/plate/templates/helpers';
 import { ToolbarSeparator } from '@app/plate/toolbar/separator';
 import { AddColumnLeftIcon } from '@app/plate/toolbar/table/icons/add-column-left';
@@ -8,39 +9,29 @@ import { AddRowBelowIcon } from '@app/plate/toolbar/table/icons/add-row-below';
 import { DeleteColumnIcon } from '@app/plate/toolbar/table/icons/delete-column';
 import { DeleteRowIcon } from '@app/plate/toolbar/table/icons/delete-row';
 import { MergeCellsIcon } from '@app/plate/toolbar/table/icons/merge-cells';
-import { mergeCells } from '@app/plate/toolbar/table/merge-cells';
+import { SplitCellsIcon } from '@app/plate/toolbar/table/icons/split-cells';
 import { ToolbarIconButton } from '@app/plate/toolbar/toolbarbutton';
-import { type TableCellElement, useMyPlateEditorRef } from '@app/plate/types';
+import { useMyPlateEditorRef } from '@app/plate/types';
 import { isOfElementTypeFn, nextPath } from '@app/plate/utils/queries';
 import { TrashIcon } from '@navikt/aksel-icons';
 import { TextAddSpaceAfter, TextAddSpaceBefore } from '@styled-icons/fluentui-system-regular';
-import {
-  findNode,
-  insertElements,
-  isElement,
-  select,
-  withoutNormalizing,
-  withoutSavingHistory,
-} from '@udecode/plate-common';
-import {
-  BaseTableCellPlugin,
-  BaseTablePlugin,
-  BaseTableRowPlugin,
-  deleteTable,
-  insertTableColumn,
-  insertTableRow,
-} from '@udecode/plate-table';
-import { deleteColumn, deleteRow } from '@udecode/plate-table';
-
-export const TableButtons = () => {
+import { ElementApi } from '@udecode/plate';
+import { BaseTablePlugin, deleteTable, getTableGridAbove, isTableRectangular } from '@udecode/plate-table';
+import { TablePlugin, TableProvider, useTableStore } from '@udecode/plate-table/react';
+import { useEditorPlugin, useEditorSelector, useReadOnly, withHOC } from '@udecode/plate/react';
+
+export const TableButtons = withHOC(TableProvider, () => {
+  const { tf } = useEditorPlugin(TablePlugin);
+
   const editor = useMyPlateEditorRef();
   const unchangeable = useIsUnchangeable();
+  const { canMerge, canSplit } = useTableMergeState();
 
   if (unchangeable) {
     return null;
   }
 
-  const activeNode = findNode(editor, { match: (n) => isElement(n) && n.type === BaseTablePlugin.node.type });
+  const activeNode = editor.api.node({ match: (n) => ElementApi.isElement(n) && n.type === BaseTablePlugin.node.type });
 
   if (activeNode === undefined) {
     return null;
@@ -50,65 +41,59 @@ export const TableButtons = () => {
     <>
       <ToolbarIconButton
         label="Legg til rad over"
-        onClick={() => {
-          const activeRow = findNode(editor, { match: (n) => isElement(n) && n.type === BaseTableRowPlugin.node.type });
-
-          if (activeRow === undefined) {
-            return;
-          }
-
-          insertTableRow(editor, { at: activeRow[1], disableSelect: true });
-        }}
+        onClick={() => tf.insert.tableRow({ before: true })}
+        onMouseDown={(e) => e.preventDefault()}
         icon={<AddRowAboveIcon aria-hidden />}
       />
       <ToolbarIconButton
         label="Legg til rad under"
-        onClick={() => insertTableRow(editor)}
+        onClick={() => tf.insert.tableRow({ before: false })}
+        onMouseDown={(e) => e.preventDefault()}
         icon={<AddRowBelowIcon aria-hidden />}
       />
 
       <ToolbarIconButton
         label="Legg til kolonne til venstre"
-        onClick={() => {
-          const activeTd = findNode(editor, { match: (n) => isElement(n) && n.type === BaseTableCellPlugin.node.type });
-
-          if (activeTd === undefined) {
-            return;
-          }
-
-          insertTableColumn(editor, { at: activeTd[1], disableSelect: true });
-        }}
+        onClick={() => tf.insert.tableColumn({ before: true })}
+        onMouseDown={(e) => e.preventDefault()}
         icon={<AddColumnLeftIcon aria-hidden />}
       />
 
       <ToolbarIconButton
         label="Legg til kolonne til høyre"
-        onClick={() => insertTableColumn(editor)}
+        onClick={() => tf.insert.tableColumn({ before: false })}
+        onMouseDown={(e) => e.preventDefault()}
         icon={<AddColumnRightIcon aria-hidden />}
       />
 
-      <ToolbarIconButton label="Fjern rad" onClick={() => deleteRow(editor)} icon={<DeleteRowIcon aria-hidden />} />
+      <ToolbarIconButton
+        label="Fjern rad"
+        onClick={tf.remove.tableRow}
+        onMouseDown={(e) => e.preventDefault()}
+        icon={<DeleteRowIcon aria-hidden />}
+      />
 
       <ToolbarIconButton
         label="Fjern kolonne"
-        onClick={() => deleteColumn(editor)}
+        onClick={tf.remove.tableColumn}
+        onMouseDown={(e) => e.preventDefault()}
         icon={<DeleteColumnIcon aria-hidden />}
       />
 
       <ToolbarIconButton
-        label="Slå sammen med celle til høyre"
-        onClick={() => {
-          const entry = findNode<TableCellElement>(editor, {
-            match: (n) => isElement(n) && n.type === BaseTableCellPlugin.node.type,
-          });
-
-          if (entry === undefined) {
-            return;
-          }
-
-          mergeCells(editor, entry[0]);
-        }}
+        label="Slå sammen markerte celler"
+        onClick={tf.table.merge}
+        onMouseDown={(e) => e.preventDefault()}
         icon={<MergeCellsIcon aria-hidden />}
+        disabled={!canMerge}
+      />
+
+      <ToolbarIconButton
+        label="Splitt celle"
+        onClick={tf.table.split}
+        onMouseDown={(e) => e.preventDefault()}
+        icon={<SplitCellsIcon aria-hidden />}
+        disabled={!canSplit}
       />
 
       <ToolbarSeparator />
@@ -116,13 +101,13 @@ export const TableButtons = () => {
       <ToolbarIconButton
         label="Legg til nytt avsnitt over"
         onClick={() => {
-          const entry = findNode(editor, { match: isOfElementTypeFn(BaseTablePlugin.node.type) });
+          const entry = editor.api.node({ match: isOfElementTypeFn(BaseTablePlugin.node.type) });
 
           if (entry === undefined) {
             return;
           }
 
-          insertElements(editor, createSimpleParagraph(), { at: entry[1] });
+          editor.tf.insertNodes(createSimpleParagraph(), { at: entry[1] });
         }}
         icon={<TextAddSpaceBefore width={24} aria-hidden />}
       />
@@ -130,13 +115,13 @@ export const TableButtons = () => {
       <ToolbarIconButton
         label="Legg til nytt avsnitt under"
         onClick={() => {
-          const entry = findNode(editor, { match: isOfElementTypeFn(BaseTablePlugin.node.type) });
+          const entry = editor.api.node({ match: isOfElementTypeFn(BaseTablePlugin.node.type) });
 
           if (entry === undefined) {
             return;
           }
 
-          insertElements(editor, createSimpleParagraph(), { at: nextPath(entry[1]) });
+          editor.tf.insertNodes(createSimpleParagraph(), { at: nextPath(entry[1]) });
         }}
         icon={<TextAddSpaceAfter width={24} aria-hidden />}
       />
@@ -146,23 +131,64 @@ export const TableButtons = () => {
       <ToolbarIconButton
         label="Slett tabell"
         onClick={() => {
-          const entry = findNode(editor, { match: isOfElementTypeFn(BaseTablePlugin.node.type) });
+          const entry = editor.api.node({ match: isOfElementTypeFn(BaseTablePlugin.node.type) });
 
           if (entry === undefined) {
             return;
           }
 
-          withoutNormalizing(editor, () => {
+          editor.tf.withoutNormalizing(() => {
             const [, path] = entry;
-            withoutSavingHistory(editor, () => {
-              insertElements(editor, createSimpleParagraph(), { at: path });
+            editor.tf.withoutSaving(() => {
+              editor.tf.insertNodes(createSimpleParagraph(), { at: path });
             });
             deleteTable(editor);
-            select(editor, path);
+            editor.tf.select(path);
           });
         }}
         icon={<TrashIcon aria-hidden />}
       />
     </>
   );
+});
+
+// Copy-paste from plate/packages/table/src/react/hooks/useTableMergeState.ts (v. 43.0.3) with useSelected fix
+// useSelected doesn't seem to work
+export const useTableMergeState = () => {
+  const { api, getOptions } = useEditorPlugin(TablePlugin);
+
+  const { disableMerge } = getOptions();
+  const readOnly = useReadOnly();
+
+  // const selected = useSelected();
+  const selected = useSelection() !== null;
+
+  const selectionExpanded = useEditorSelector((editor) => editor.api.isExpanded(), []);
+
+  const collapsed = !readOnly && selected && !selectionExpanded;
+  const selectedTables = useTableStore().get.selectedTables();
+  const selectedTable = selectedTables?.[0];
+
+  const selectedCellEntries = useEditorSelector((editor) => getTableGridAbove(editor, { format: 'cell' }), []);
+
+  if (disableMerge) {
+    return { canMerge: false, canSplit: false };
+  }
+
+  if (!selectedCellEntries) {
+    return { canMerge: false, canSplit: false };
+  }
+
+  const canMerge =
+    !readOnly && selected && selectionExpanded && selectedCellEntries.length > 1 && isTableRectangular(selectedTable);
+
+  const firstCellEtnry = selectedCellEntries[0]?.[0];
+
+  const canSplit =
+    collapsed &&
+    selectedCellEntries.length === 1 &&
+    firstCellEtnry !== undefined &&
+    (api.table.getColSpan(firstCellEtnry) > 1 || api.table.getRowSpan(firstCellEtnry) > 1);
+
+  return { canMerge, canSplit };
 };
diff --git a/frontend/src/plate/toolbar/toolbars/floating-redaktoer-toolbar-buttons.tsx b/frontend/src/plate/toolbar/toolbars/floating-redaktoer-toolbar-buttons.tsx
index 3480423c3..bdc86a5a4 100644
--- a/frontend/src/plate/toolbar/toolbars/floating-redaktoer-toolbar-buttons.tsx
+++ b/frontend/src/plate/toolbar/toolbars/floating-redaktoer-toolbar-buttons.tsx
@@ -7,7 +7,7 @@ import { InsertPlaceholder } from '@app/plate/toolbar/insert-placeholder';
 import { Marks } from '@app/plate/toolbar/marks';
 import { ParagraphButton } from '@app/plate/toolbar/paragraph-button';
 import { ToolbarSeparator } from '@app/plate/toolbar/separator';
-import { BaseParagraphPlugin, findNode, isElement } from '@udecode/plate-common';
+import { BaseParagraphPlugin, ElementApi } from '@udecode/plate';
 import { useEditorState } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseListItemContentPlugin, BaseListItemPlugin } from '@udecode/plate-list';
@@ -15,8 +15,8 @@ import { BaseListItemContentPlugin, BaseListItemPlugin } from '@udecode/plate-li
 export const FloatingRedaktoerToolbarButtons = () => {
   const editor = useEditorState();
 
-  const activeEntry = findNode(editor, {
-    match: (n) => isElement(n) && n.type !== ELEMENT_REDIGERBAR_MALTEKST && n.type !== ELEMENT_MALTEKST,
+  const activeEntry = editor.api.node({
+    match: (n) => ElementApi.isElement(n) && n.type !== ELEMENT_REDIGERBAR_MALTEKST && n.type !== ELEMENT_MALTEKST,
     mode: 'lowest',
   });
 
@@ -26,7 +26,7 @@ export const FloatingRedaktoerToolbarButtons = () => {
 
   const [node] = activeEntry;
 
-  if (!isElement(node)) {
+  if (!ElementApi.isElement(node)) {
     return null;
   }
 
diff --git a/frontend/src/plate/toolbar/toolbars/floating-saksbehandler-toolbar-buttons.tsx b/frontend/src/plate/toolbar/toolbars/floating-saksbehandler-toolbar-buttons.tsx
index 7920ee7fd..80211ce95 100644
--- a/frontend/src/plate/toolbar/toolbars/floating-saksbehandler-toolbar-buttons.tsx
+++ b/frontend/src/plate/toolbar/toolbars/floating-saksbehandler-toolbar-buttons.tsx
@@ -8,7 +8,7 @@ import { Indent } from '@app/plate/toolbar/indent';
 import { Marks } from '@app/plate/toolbar/marks';
 import { ParagraphButton } from '@app/plate/toolbar/paragraph-button';
 import { ToolbarSeparator } from '@app/plate/toolbar/separator';
-import { BaseParagraphPlugin, findNode, isElement } from '@udecode/plate-common';
+import { BaseParagraphPlugin, ElementApi } from '@udecode/plate';
 import { useEditorState } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseListItemContentPlugin, BaseListItemPlugin } from '@udecode/plate-list';
@@ -16,8 +16,8 @@ import { BaseListItemContentPlugin, BaseListItemPlugin } from '@udecode/plate-li
 export const FloatingSaksbehandlerToolbarButtons = () => {
   const editor = useEditorState();
 
-  const activeEntry = findNode(editor, {
-    match: (n) => isElement(n) && n.type !== ELEMENT_REDIGERBAR_MALTEKST && n.type !== ELEMENT_MALTEKST,
+  const activeEntry = editor.api.node({
+    match: (n) => ElementApi.isElement(n) && n.type !== ELEMENT_REDIGERBAR_MALTEKST && n.type !== ELEMENT_MALTEKST,
     mode: 'lowest',
   });
 
@@ -27,7 +27,7 @@ export const FloatingSaksbehandlerToolbarButtons = () => {
 
   const [node] = activeEntry;
 
-  if (!isElement(node)) {
+  if (!ElementApi.isElement(node)) {
     return null;
   }
 
diff --git a/frontend/src/plate/toolbar/toolbars/floating-toolbar.tsx b/frontend/src/plate/toolbar/toolbars/floating-toolbar.tsx
index a2339c8d3..dabbab389 100644
--- a/frontend/src/plate/toolbar/toolbars/floating-toolbar.tsx
+++ b/frontend/src/plate/toolbar/toolbars/floating-toolbar.tsx
@@ -6,9 +6,8 @@ import { useSelection } from '@app/plate/hooks/use-selection';
 import { FloatingRedaktoerToolbarButtons } from '@app/plate/toolbar/toolbars/floating-redaktoer-toolbar-buttons';
 import { FloatingSaksbehandlerToolbarButtons } from '@app/plate/toolbar/toolbars/floating-saksbehandler-toolbar-buttons';
 import { useMyPlateEditorRef } from '@app/plate/types';
-import { isCollapsed, someNode } from '@udecode/plate-common';
+import { RangeApi } from '@udecode/plate';
 import { BaseTablePlugin } from '@udecode/plate-table';
-import { isEditorFocused } from '@udecode/slate-react';
 import { useMemo, useState } from 'react';
 import { styled } from 'styled-components';
 
@@ -30,16 +29,16 @@ const FloatingToolbar = ({ editorId, container, children }: FloatingToolbarProps
   const editor = useMyPlateEditorRef();
   const [toolbarRef, setRef] = useState<HTMLElement | null>(null);
   const selection = useSelection(editorId);
-  const isInTable = someNode(editor, { match: { type: BaseTablePlugin.node.type } });
+  const isInTable = editor.api.some({ match: { type: BaseTablePlugin.node.type } });
   const position = getRangePosition(editor, isInTable ? null : selection, container);
-  const isFocused = isEditorFocused(editor);
+  const isFocused = editor.api.isFocused();
 
   const horizontalPosition = useMemo(
     () => getHorizontalPosition(toolbarRef, container, position),
     [container, position, toolbarRef],
   );
 
-  if (isInTable || !isFocused || position === null || isCollapsed(editor.selection)) {
+  if (isInTable || !isFocused || position === null || RangeApi.isCollapsed()) {
     return null;
   }
 
diff --git a/frontend/src/plate/toolbar/toolbars/table-toolbar.tsx b/frontend/src/plate/toolbar/toolbars/table-toolbar.tsx
index 28f6043e9..2d787e68a 100644
--- a/frontend/src/plate/toolbar/toolbars/table-toolbar.tsx
+++ b/frontend/src/plate/toolbar/toolbars/table-toolbar.tsx
@@ -4,9 +4,7 @@ import { Marks } from '@app/plate/toolbar/marks';
 import { ToolbarSeparator } from '@app/plate/toolbar/separator';
 import { TableButtons } from '@app/plate/toolbar/table/table';
 import { type TableElement, useMyPlateEditorRef, useMyPlateEditorState } from '@app/plate/types';
-import { findNode } from '@udecode/plate-common';
 import { BaseTablePlugin } from '@udecode/plate-table';
-import { isEditorFocused, toDOMNode } from '@udecode/slate-react';
 import { useEffect, useState } from 'react';
 import { StyledFloatingToolbar } from './floating-toolbar';
 
@@ -21,7 +19,7 @@ interface TableToolbarProps extends Props {
 
 const TableToolbar = ({ editorId, container, children }: TableToolbarProps) => {
   const editor = useMyPlateEditorState(editorId);
-  const tableEntry = findNode<TableElement>(editor, { match: { type: BaseTablePlugin.node.type } });
+  const tableEntry = editor.api.node<TableElement>({ match: { type: BaseTablePlugin.node.type } });
   const table = tableEntry?.[0] ?? null;
 
   const position = useTablePosition(table, container);
@@ -30,7 +28,7 @@ const TableToolbar = ({ editorId, container, children }: TableToolbarProps) => {
     return null;
   }
 
-  const isFocused = isEditorFocused(editor);
+  const isFocused = editor.api.isFocused();
 
   if (!isFocused) {
     return null;
@@ -79,7 +77,7 @@ const useTablePosition = (table: TableElement | null, container: HTMLDivElement
 
     const handle = requestIdleCallback(
       () => {
-        const domNode = toDOMNode(editor, table);
+        const domNode = editor.api.toDOMNode(table);
 
         if (domNode === undefined) {
           setPosition(null);
diff --git a/frontend/src/plate/toolbar/use-is-in-table.tsx b/frontend/src/plate/toolbar/use-is-in-table.tsx
index 265e872fd..9d8a0b84d 100644
--- a/frontend/src/plate/toolbar/use-is-in-table.tsx
+++ b/frontend/src/plate/toolbar/use-is-in-table.tsx
@@ -1,9 +1,8 @@
 import { useMyPlateEditorState } from '@app/plate/types';
-import { someNode } from '@udecode/plate-common';
 import { BaseTablePlugin } from '@udecode/plate-table';
 
 export const useIsInTable = () => {
   const editor = useMyPlateEditorState();
 
-  return someNode(editor, { match: { type: BaseTablePlugin.node.type } });
+  return editor.api.some({ match: { type: BaseTablePlugin.node.type } });
 };
diff --git a/frontend/src/plate/types.ts b/frontend/src/plate/types.ts
index 8aed71a40..ae744fe6b 100644
--- a/frontend/src/plate/types.ts
+++ b/frontend/src/plate/types.ts
@@ -19,8 +19,8 @@ import type {
 import type { IGetConsumerMaltekstseksjonerParams } from '@app/types/common-text-types';
 import type { Language } from '@app/types/texts/language';
 import type { CursorEditor, YjsEditor } from '@slate-yjs/core';
+import type { BaseParagraphPlugin, TElement, TText } from '@udecode/plate';
 import type { AutoformatRule } from '@udecode/plate-autoformat';
-import type { BaseParagraphPlugin, TElement, TText } from '@udecode/plate-common';
 import { type PlateEditor, useEditorRef, useEditorState } from '@udecode/plate-core/react';
 import type { HEADING_KEYS } from '@udecode/plate-heading';
 import type {
diff --git a/frontend/src/plate/utils/queries.ts b/frontend/src/plate/utils/queries.ts
index ec101993f..a2500901d 100644
--- a/frontend/src/plate/utils/queries.ts
+++ b/frontend/src/plate/utils/queries.ts
@@ -13,22 +13,19 @@ import type {
   RichTextEditorElement,
 } from '@app/plate/types';
 import {
-  type TDescendant,
+  type Descendant,
+  ElementApi,
+  NodeApi,
+  RangeApi,
   type TElement,
   type TNode,
   type TText,
-  findNode,
-  getNodeAncestors,
-  isCollapsed,
-  isElement,
-  isText,
-  someNode,
-} from '@udecode/plate-common';
+  TextApi,
+} from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { BaseBulletedListPlugin, BaseNumberedListPlugin } from '@udecode/plate-list';
 import { BaseTablePlugin } from '@udecode/plate-table';
-import { findPath } from '@udecode/slate-react';
 
 // Ensures a next-path even though original path is at end
 export const nextPath = (path: number[]) => {
@@ -38,15 +35,15 @@ export const nextPath = (path: number[]) => {
 };
 
 const isChildEmpty = (child: ParentOrChildElement | TElement | TText | FormattedText): boolean => {
-  if (isText(child)) {
+  if (TextApi.isText(child)) {
     return child.text.length === 0;
   }
 
   return child.children.every((c) => isChildEmpty(c));
 };
 
-export const isNodeEmpty = (node: TDescendant) => {
-  if (isText(node)) {
+export const isNodeEmpty = (node: Descendant) => {
+  if (TextApi.isText(node)) {
     return node.text.length === 0;
   }
 
@@ -55,33 +52,32 @@ export const isNodeEmpty = (node: TDescendant) => {
 
 // TODO: Only allow known keys in args
 export const isOfElementType = <T extends RichTextEditorElement>(node: TNode, type: string): node is T =>
-  isElement(node) && node.type === type;
+  ElementApi.isElement(node) && node.type === type;
 
 export const isOfElementTypeFn =
   <T extends RichTextEditorElement>(type: string) =>
   (node: TNode): node is T =>
-    isElement(node) && type === node.type;
+    ElementApi.isElement(node) && type === node.type;
 
 export const isOfElementTypesFn =
   <T extends RichTextEditorElement>(types: string[]) =>
   (node: TNode): node is T =>
-    isElement(node) && types.includes(node.type);
+    'type' in node && typeof node.type === 'string' && types.includes(node.type);
 
 const LIST_MATCHER = isOfElementTypesFn<BulletListElement | NumberedListElement>([
   BaseBulletedListPlugin.key,
   BaseNumberedListPlugin.key,
 ]);
-export const isInList = (editor: PlateEditor): boolean =>
-  someNode<BulletListElement | NumberedListElement>(editor, { match: LIST_MATCHER });
+export const isInList = (editor: PlateEditor): boolean => editor.api.some({ match: LIST_MATCHER });
 
-export const isInTable = (editor: PlateEditor): boolean => someNode(editor, { match: { type: BaseTablePlugin.key } });
+export const isInTable = (editor: PlateEditor): boolean => editor.api.some({ match: { type: BaseTablePlugin.key } });
 
 const HEADINGS_MATCHER = isOfElementTypesFn<H1Element | H2Element | H3Element>([
   HEADING_KEYS.h1,
   HEADING_KEYS.h2,
   HEADING_KEYS.h3,
 ]);
-export const isInHeading = (editor: RichTextEditor): boolean => someNode(editor, { match: HEADINGS_MATCHER });
+export const isInHeading = (editor: RichTextEditor): boolean => editor.api.some({ match: HEADINGS_MATCHER });
 
 const isContained = (editor: PlateEditor, type: string) => {
   if (editor.selection === null) {
@@ -89,13 +85,13 @@ const isContained = (editor: PlateEditor, type: string) => {
   }
 
   const match = { type };
-  const anchorPlaceholderEntry = findNode(editor, { match, at: editor.selection.anchor });
+  const anchorPlaceholderEntry = editor.api.node({ match, at: editor.selection.anchor });
 
-  if (isCollapsed(editor.selection)) {
+  if (RangeApi.isCollapsed()) {
     return anchorPlaceholderEntry !== undefined;
   }
 
-  const focusPlaceholderEntry = findNode(editor, { match, at: editor.selection.focus });
+  const focusPlaceholderEntry = editor.api.node({ match, at: editor.selection.focus });
 
   if (anchorPlaceholderEntry === undefined && focusPlaceholderEntry === undefined) {
     return false;
@@ -121,16 +117,16 @@ export const isUnchangeable = (editor: PlateEditor) => {
 };
 
 export const isPlaceholderActive = (editor: PlateEditor) =>
-  someNode(editor, { match: { type: SaksbehandlerPlaceholderPlugin.key } });
+  editor.api.some({ match: { type: SaksbehandlerPlaceholderPlugin.key } });
 
 export const getIsInRegelverk = (editor: PlateEditor, element: TNode): boolean => {
-  const path = findPath(editor, element);
+  const path = editor.api.findPath(element);
 
   if (path === undefined) {
     return false;
   }
 
-  const ancestors = getNodeAncestors(editor, path);
+  const ancestors = NodeApi.ancestors(editor, path);
 
   for (const ancestor of ancestors) {
     if (isOfElementType(ancestor[0], RegelverkPlugin.key)) {
diff --git a/frontend/src/plate/utils/transforms.ts b/frontend/src/plate/utils/transforms.ts
index a13441fdc..c660253f2 100644
--- a/frontend/src/plate/utils/transforms.ts
+++ b/frontend/src/plate/utils/transforms.ts
@@ -3,16 +3,7 @@ import { ELEMENT_PLACEHOLDER } from '@app/plate/plugins/element-types';
 import { createPageBreak, createPlaceHolder, createSimpleParagraph } from '@app/plate/templates/helpers';
 import type { PlaceholderElement } from '@app/plate/types';
 import { isInTable, isPlaceholderActive } from '@app/plate/utils/queries';
-import {
-  findNode,
-  insertElements,
-  insertNodes,
-  insertText,
-  isCollapsed,
-  isText,
-  removeNodes,
-  withoutNormalizing,
-} from '@udecode/plate-common';
+import { RangeApi, TextApi } from '@udecode/plate';
 import type { PlateEditor } from '@udecode/plate-core/react';
 import { Range } from 'slate';
 
@@ -21,7 +12,7 @@ export const insertPageBreak = (editor: PlateEditor): boolean => {
     return false;
   }
 
-  insertElements(editor, [createPageBreak(), createSimpleParagraph()], { select: true });
+  editor.tf.insertNodes([createPageBreak(), createSimpleParagraph()], { select: true });
 
   return true;
 };
@@ -29,7 +20,7 @@ export const insertPageBreak = (editor: PlateEditor): boolean => {
 export const insertPlaceholderFromSelection = (editor: PlateEditor) => {
   const { selection } = editor;
 
-  if (selection === null || isCollapsed(selection)) {
+  if (selection === null || RangeApi.isCollapsed(selection)) {
     return;
   }
 
@@ -37,29 +28,29 @@ export const insertPlaceholderFromSelection = (editor: PlateEditor) => {
     return;
   }
 
-  const textFromSelection = editor.string(selection);
+  const textFromSelection = editor.api.string(selection);
 
-  withoutNormalizing(editor, () => {
-    editor.delete();
-    insertNodes(editor, [createPlaceHolder(textFromSelection), { text: '' }], {
+  editor.tf.withoutNormalizing(() => {
+    editor.tf.delete();
+    editor.tf.insertNodes([createPlaceHolder(textFromSelection), { text: '' }], {
       at: Range.start(selection),
-      match: isText,
+      match: TextApi.isText,
     });
   });
 };
 
 export const removePlaceholder = (editor: PlateEditor) => {
-  const entry = findNode<PlaceholderElement>(editor, { match: { type: ELEMENT_PLACEHOLDER } });
+  const entry = editor.api.node<PlaceholderElement>({ match: { type: ELEMENT_PLACEHOLDER } });
 
   if (entry === undefined) {
     return;
   }
 
   const [node, path] = entry;
-  const text = removeEmptyCharInText(editor.string(path));
+  const text = removeEmptyCharInText(editor.api.string(path));
 
-  withoutNormalizing(editor, () => {
-    removeNodes(editor, { at: path });
-    insertText(editor, text.trim().length === 0 ? node.placeholder : text);
+  editor.tf.withoutNormalizing(() => {
+    editor.tf.removeNodes({ at: path });
+    editor.tf.insertText(text.trim().length === 0 ? node.placeholder : text);
   });
 };
diff --git a/frontend/src/types/smart-editor/params.ts b/frontend/src/types/smart-editor/params.ts
index 85b567ede..4340a655b 100644
--- a/frontend/src/types/smart-editor/params.ts
+++ b/frontend/src/types/smart-editor/params.ts
@@ -1,5 +1,5 @@
 import type { Language } from '@app/types/texts/language';
-import type { TDescendant } from '@udecode/plate-common';
+import type { Descendant } from '@udecode/plate';
 import type { Role } from '../bruker';
 import type { DistribusjonsType } from '../documents/documents';
 import type { IOppgavebehandlingBaseParams } from '../oppgavebehandling/params';
@@ -8,7 +8,7 @@ import type { TemplateIdEnum } from './template-enums';
 
 interface IMutableCreateSmartDocumentParams extends IOppgavebehandlingBaseParams {
   tittel: string;
-  content: TDescendant[];
+  content: Descendant[];
   templateId: TemplateIdEnum;
   dokumentTypeId: DistribusjonsType;
   parentId: string | null;
diff --git a/frontend/src/types/smart-editor/smart-editor.ts b/frontend/src/types/smart-editor/smart-editor.ts
index 05446fc05..8a5bcd62e 100644
--- a/frontend/src/types/smart-editor/smart-editor.ts
+++ b/frontend/src/types/smart-editor/smart-editor.ts
@@ -1,4 +1,4 @@
-import type { Value } from '@udecode/plate-common';
+import type { Value } from '@udecode/plate';
 import type { GenericObject, Immutable } from '../types';
 import type { INewSmartEditorMetadata } from './metadata';