skipMarkPlugin

apps/www/src/registry/default/components/editor/plugins/editor-plugins.tsx

@@ -40,6 +40,7 @@ import { linkPlugin } from './link-plugin';
 import { mediaPlugins } from './media-plugins';
 import { mentionPlugin } from './mention-plugin';
 import { resetBlockTypePlugin } from './reset-block-type-plugin';
+import { skipMarkPlugin } from './skip-mark-plugin';
 import { softBreakPlugin } from './soft-break-plugin';
 import { suggestionPlugin } from './suggestion-plugin';
 import { tablePlugin } from './table-plugin';
@@ -65,6 +66,7 @@ export const viewPlugins = [
   FontSizePlugin,
   HighlightPlugin,
   KbdPlugin,
+  skipMarkPlugin,
 
   // Block Style
   alignPlugin,

apps/www/src/registry/default/components/editor/plugins/skip-mark-plugin.ts

@@ -0,0 +1,14 @@
+import {  CodePlugin ,
+  SkipMarkPlugin,
+} from "@udecode/plate-basic-marks/react";
+import { CommentsPlugin } from "@udecode/plate-comments/react";
+import { SuggestionPlugin } from "@udecode/plate-suggestion/react";
+
+
+export const skipMarkPlugin = SkipMarkPlugin.configure({
+  options: {
+    query: {
+      allow: [SuggestionPlugin.key, CodePlugin.key, CommentsPlugin.key],
+    },
+  },
+});

packages/basic-marks/src/lib/BaseSkipMarkPlugin.ts

@@ -0,0 +1,52 @@
+import { type PluginConfig, type QueryNodeOptions, type Text, createTSlatePlugin, queryNode, RangeApi } from '@udecode/plate';
+
+export type SkipMarkConfig = PluginConfig<
+  'skip-mark',
+  {
+    query?: QueryNodeOptions;
+  }
+>;
+
+
+export const BaseSkipMarkPlugin = createTSlatePlugin<SkipMarkConfig>({
+  key: 'skip-mark',
+  options:{}
+}).overrideEditor(({editor,getOption, tf: { insertText } }) => ({
+  transforms: {
+    insertText(text, options) {
+      if (RangeApi.isExpanded(editor.selection))
+        return insertText(text, options);
+
+      const textNode = editor.api.node<Text>({
+        mode:"lowest",
+      });
+
+      const query = getOption("query");
+
+      if (
+        textNode &&
+        !queryNode(textNode, query) &&
+        editor.api.isEnd(editor.selection?.focus, textNode[1]) 
+      ) {
+        editor.tf.insertNode({ text });
+        const _nextPoint = editor.api.start(textNode[1], { next: true });
+
+        if (!_nextPoint) return;
+
+        const nextPoint = {
+          offset: _nextPoint.offset + 1,
+          path: _nextPoint.path,
+        };
+
+        editor.tf.setSelection({
+          anchor: nextPoint,
+          focus: nextPoint,
+        });
+
+        return;
+      }
+
+      return insertText(text, options);
+    },
+  },
+}));

packages/basic-marks/src/lib/index.ts

@@ -6,6 +6,7 @@ export * from './BaseBasicMarksPlugin';
 export * from './BaseBoldPlugin';
 export * from './BaseCodePlugin';
 export * from './BaseItalicPlugin';
+export * from './BaseSkipMarkPlugin';
 export * from './BaseStrikethroughPlugin';
 export * from './BaseSubscriptPlugin';
 export * from './BaseSuperscriptPlugin';

packages/basic-marks/src/react/SkipMarkPlugin.ts

@@ -0,0 +1,5 @@
+import { toPlatePlugin } from "@udecode/plate/react";
+
+import { BaseSkipMarkPlugin } from "../lib/BaseSkipMarkPlugin";
+
+export const SkipMarkPlugin = toPlatePlugin(BaseSkipMarkPlugin);

packages/basic-marks/src/react/index.ts

@@ -6,6 +6,7 @@ export * from './BasicMarksPlugin';
 export * from './BoldPlugin';
 export * from './CodePlugin';
 export * from './ItalicPlugin';
+export * from './SkipMarkPlugin';
 export * from './StrikethroughPlugin';
 export * from './SubscriptPlugin';
 export * from './SuperscriptPlugin';