Demo site: Add preset content for undeleteable anchor

demo/scripts/controlsV2/options/demoUndeletableAnchorParser.ts

@@ -1,6 +1,6 @@
 import { FormatParser, UndeletableFormat } from 'roosterjs-content-model-types';
 
-const DemoUndeletableName = 'DemoUndeletable';
+export const DemoUndeletableName = 'DemoUndeletable';
 
 export function undeletableLinkChecker(a: HTMLAnchorElement): boolean {
     return a.getAttribute('name') == DemoUndeletableName;

demo/scripts/controlsV2/sidePane/presets/PresetPane.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { allPresets, Preset } from './allPresets/allPresets';
+import { allPresets } from './allPresets/allPresets';
 import { IEditor } from 'roosterjs-content-model-types';
+import { Preset } from './allPresets/Preset';
 import { SidePaneElementProps } from '../SidePaneElement';
 
 const styles = require('./PresetPane.scss');

demo/scripts/controlsV2/sidePane/presets/allPresets/Preset.ts

@@ -0,0 +1,7 @@
+import { ContentModelDocument } from 'roosterjs-content-model-types';
+
+export type Preset = {
+    buttonName: string;
+    id: string;
+    content: ContentModelDocument;
+};

demo/scripts/controlsV2/sidePane/presets/allPresets/allPresets.ts

@@ -1,15 +1,10 @@
 import { allTextFormats } from './textPresets';
-import { ContentModelDocument } from 'roosterjs-content-model-types';
 import { image64x64Black, image64x64Gradient, image64x64White } from './imagePresets';
 import { mergedTableNoText, simpleTable, simpleTableWithHeader } from './tablePresets';
 import { mixedParagraphs } from './paragraphPresets';
 import { numberedList, simpleList } from './listPresets';
-
-export type Preset = {
-    buttonName: string;
-    id: string;
-    content: ContentModelDocument;
-};
+import { Preset } from './Preset';
+import { undeleteableText } from './undeleteablePresets';
 
 const wipeEditor: Preset = {
     buttonName: 'Wipe Editor',
@@ -33,6 +28,7 @@ export const allPresets: Preset[] = [
     image64x64Gradient,
     image64x64Black,
     image64x64White,
+    undeleteableText,
 ];
 
 export function getPresetModelById(id: string) {

demo/scripts/controlsV2/sidePane/presets/allPresets/imagePresets.ts

@@ -1,4 +1,4 @@
-import { Preset } from './allPresets';
+import { Preset } from './Preset';
 
 export const image64x64Gradient: Preset = {
     buttonName: 'Image 64x64 All Colours - png',

demo/scripts/controlsV2/sidePane/presets/allPresets/listPresets.ts

@@ -1,4 +1,4 @@
-import { Preset } from './allPresets';
+import { Preset } from './Preset';
 
 export const simpleList: Preset = {
     buttonName: 'Simple List',

demo/scripts/controlsV2/sidePane/presets/allPresets/paragraphPresets.ts

@@ -1,4 +1,4 @@
-import { Preset } from './allPresets';
+import { Preset } from './Preset';
 
 export const mixedParagraphs: Preset = {
     buttonName: 'Mixed Paragraphs',

demo/scripts/controlsV2/sidePane/presets/allPresets/tablePresets.ts

@@ -1,4 +1,4 @@
-import { Preset } from './allPresets';
+import { Preset } from './Preset';
 
 export const simpleTable: Preset = {
     buttonName: 'Simple Table',

demo/scripts/controlsV2/sidePane/presets/allPresets/textPresets.ts

@@ -1,4 +1,4 @@
-import { Preset } from './allPresets';
+import { Preset } from './Preset';
 
 export const allTextFormats: Preset = {
     buttonName: 'All Text Formats',

demo/scripts/controlsV2/sidePane/presets/allPresets/undeleteablePresets.ts

@@ -0,0 +1,65 @@
+import { DemoUndeletableName } from '../../../options/demoUndeletableAnchorParser';
+import { Preset } from './Preset';
+
+export const undeleteableText: Preset = {
+    buttonName: 'Undeleteable Text',
+    id: 'undeleteableText',
+    content: {
+        blockGroupType: 'Document',
+        blocks: [
+            {
+                blockType: 'Paragraph',
+                segments: [
+                    {
+                        segmentType: 'Text',
+                        text: 'Normal text 1. ',
+                        format: {},
+                    },
+                ],
+                format: {},
+            },
+            {
+                blockType: 'Paragraph',
+                segments: [
+                    {
+                        segmentType: 'Text',
+                        text: 'Normal text 2. ',
+                        format: {},
+                    },
+                    {
+                        segmentType: 'Text',
+                        text:
+                            'Undeleteable anchor, the text can be deleted, but the anchor cannot. ',
+                        format: {
+                            fontWeight: 'bold',
+                        },
+                        link: {
+                            dataset: {},
+                            format: {
+                                name: DemoUndeletableName,
+                            },
+                        },
+                    },
+                    {
+                        segmentType: 'Text',
+                        text: 'Normal text 3. ',
+                        format: {},
+                    },
+                ],
+                format: {},
+            },
+            {
+                blockType: 'Paragraph',
+                segments: [
+                    {
+                        segmentType: 'Text',
+                        text: 'Normal text 4. ',
+                        format: {},
+                    },
+                ],
+                format: {},
+            },
+        ],
+        format: {},
+    },
+};