U/bvalverde/add paste dom to model options

packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts

@@ -17,16 +17,6 @@ export function generatePasteOptionFromPlugins(
     htmlFromClipboard: HtmlFromClipboard,
     pasteType: PasteType
 ): BeforePasteEvent {
-    const domToModelOption: DomToModelOptionForSanitizing = {
-        additionalAllowedTags: [],
-        additionalDisallowedTags: [],
-        additionalFormatParsers: {},
-        formatParserOverride: {},
-        processorOverride: {},
-        styleSanitizers: {},
-        attributeSanitizers: {},
-    };
-
     const event: BeforePasteEvent = {
         eventType: 'beforePaste',
         clipboardData,
@@ -35,11 +25,24 @@ export function generatePasteOptionFromPlugins(
         htmlAfter: htmlFromClipboard.htmlAfter ?? '',
         htmlAttributes: htmlFromClipboard.metadata,
         pasteType: pasteType,
-        domToModelOption,
+        domToModelOption: createDomToModelOption(editor),
         containsBlockElements: !!htmlFromClipboard.containsBlockElements,
     };
 
     return pasteType == 'asPlainText'
         ? event
         : editor.triggerEvent('beforePaste', event, true /* broadcast */);
 }
+function createDomToModelOption(editor: IEditor): DomToModelOptionForSanitizing {
+    const pasteDomToModel = editor.getEnvironment().domToModelSettings.paste;
+    const emptyDomToModelOption: Readonly<DomToModelOptionForSanitizing> = {
+        additionalAllowedTags: [],
+        additionalDisallowedTags: [],
+        additionalFormatParsers: {},
+        formatParserOverride: {},
+        processorOverride: {},
+        styleSanitizers: {},
+        attributeSanitizers: {},
+    };
+    return Object.assign({}, emptyDomToModelOption, pasteDomToModel);
+}

packages/roosterjs-content-model-core/lib/editor/core/createEditorDefaultSettings.ts

@@ -4,29 +4,27 @@ import {
     listLevelMetadataApplier,
 } from '../../override/listMetadataApplier';
 import type {
-    ContentModelSettings,
     DomToModelOption,
-    DomToModelSettings,
     ModelToDomOption,
-    ModelToDomSettings,
     EditorOptions,
+    ModelToDomSetting,
+    DomToModelSetting,
 } from 'roosterjs-content-model-types';
 
 /**
  * @internal
  * Create default DOM to Content Model conversion settings for an editor
  * @param options The editor options
  */
-export function createDomToModelSettings(
-    options: EditorOptions
-): ContentModelSettings<DomToModelOption, DomToModelSettings> {
+export function createDomToModelSettings(options: EditorOptions): DomToModelSetting {
     const builtIn: DomToModelOption = {};
     const customized: DomToModelOption = options.defaultDomToModelOptions ?? {};
 
     return {
         builtIn,
         customized,
         calculated: createDomToModelConfig([builtIn, customized]),
+        paste: options.pasteOptionDomToModel ?? {},
     };
 }
 
@@ -35,9 +33,7 @@ export function createDomToModelSettings(
  * Create default Content Model to DOM conversion settings for an editor
  * @param options The editor options
  */
-export function createModelToDomSettings(
-    options: EditorOptions
-): ContentModelSettings<ModelToDomOption, ModelToDomSettings> {
+export function createModelToDomSettings(options: EditorOptions): ModelToDomSetting {
     const builtIn: ModelToDomOption = {
         metadataAppliers: {
             listItem: listItemMetadataApplier,

packages/roosterjs-content-model-core/test/command/paste/generatePasteOptionFromPluginsTest.ts

@@ -4,6 +4,7 @@ import { IEditor } from 'roosterjs-content-model-types';
 describe('generatePasteOptionFromPlugins', () => {
     let editor: IEditor;
     let triggerPluginEventSpy: jasmine.Spy;
+    let getEnvironmentSpy: jasmine.Spy;
 
     const mockedClipboardData = 'CLIPBOARDDATA' as any;
     const mockedFragment = 'FRAGMENT' as any;
@@ -19,8 +20,14 @@ describe('generatePasteOptionFromPlugins', () => {
 
     beforeEach(() => {
         triggerPluginEventSpy = jasmine.createSpy('triggerEvent');
+        getEnvironmentSpy = jasmine.createSpy('getEnvironment').and.returnValue({
+            domToModelSettings: {
+                paste: {},
+            },
+        });
         editor = {
             triggerEvent: triggerPluginEventSpy,
+            getEnvironment: getEnvironmentSpy,
         } as any;
     });
 

packages/roosterjs-content-model-core/test/editor/core/createEditorDefaultSettingsTest.ts

@@ -25,20 +25,24 @@ describe('createDomToModelSettings', () => {
             builtIn: {},
             customized: {},
             calculated: mockedCalculatedConfig,
+            paste: {},
         });
         expect(createDomToModelContext.createDomToModelConfig).toHaveBeenCalledWith([{}, {}]);
     });
 
     it('Has options', () => {
         const defaultDomToModelOptions = 'MockedOptions' as any;
+        const pasteOptionDomToModel = 'PasteMockedOptions' as any;
         const settings = createDomToModelSettings({
             defaultDomToModelOptions: defaultDomToModelOptions,
+            pasteOptionDomToModel,
         });
 
         expect(settings).toEqual({
             builtIn: {},
             customized: defaultDomToModelOptions,
             calculated: mockedCalculatedConfig,
+            paste: pasteOptionDomToModel,
         });
         expect(createDomToModelContext.createDomToModelConfig).toHaveBeenCalledWith([
             {},

packages/roosterjs-content-model-types/lib/editor/EditorOptions.ts

@@ -5,7 +5,7 @@ import type { Colors, ColorTransformFunction } from '../context/DarkColorHandler
 import type { EditorPlugin } from './EditorPlugin';
 import type { ContentModelSegmentFormat } from '../contentModel/format/ContentModelSegmentFormat';
 import type { CoreApiMap } from './EditorCore';
-import type { DomToModelOption } from '../context/DomToModelOption';
+import type { DomToModelOption, DomToModelOptionForSanitizing } from '../context/DomToModelOption';
 import type { ModelToDomOption } from '../context/ModelToDomOption';
 import type {
     ContentModelDocument,
@@ -82,6 +82,11 @@ export interface ContentModelOptions {
      * @deprecated
      */
     disableCache?: boolean;
+
+    /**
+     * Paste options for sanitizing HTML before paste
+     */
+    pasteOptionDomToModel?: Partial<DomToModelOptionForSanitizing>;
 }
 
 /**

packages/roosterjs-content-model-types/lib/index.ts

@@ -389,7 +389,12 @@ export {
 export { ContextMenuPluginState } from './pluginState/ContextMenuPluginState';
 
 export { AutoLinkOptions } from './parameter/AutoLinkOptions';
-export { EditorEnvironment, ContentModelSettings } from './parameter/EditorEnvironment';
+export {
+    EditorEnvironment,
+    ContentModelSettings,
+    DomToModelSetting,
+    ModelToDomSetting,
+} from './parameter/EditorEnvironment';
 export {
     EntityState,
     DeletedEntity,

packages/roosterjs-content-model-types/lib/parameter/EditorEnvironment.ts

@@ -23,8 +23,26 @@ export interface ContentModelSettings<OptionType, ConfigType> {
      * This is a cached object so that we don't need to cache it every time when we use Content Model
      */
     calculated: ConfigType;
+
+    /**
+     * Paste option used by editor
+     */
+    paste: OptionType;
 }
 
+/**
+ * Settings used by DOM to Content Model conversion
+ */
+export type DomToModelSetting = ContentModelSettings<DomToModelOption, DomToModelSettings>;
+
+/**
+ * Settings used by Content Model to DOM conversion
+ */
+export type ModelToDomSetting = Omit<
+    ContentModelSettings<ModelToDomOption, ModelToDomSettings>,
+    'paste'
+>;
+
 /**
  * Current running environment
  */
@@ -52,10 +70,10 @@ export interface EditorEnvironment {
     /**
      * Settings used by DOM to Content Model conversion
      */
-    readonly domToModelSettings: ContentModelSettings<DomToModelOption, DomToModelSettings>;
+    readonly domToModelSettings: DomToModelSetting;
 
     /**
      * Settings used by Content Model to DOM conversion
      */
-    readonly modelToDomSettings: ContentModelSettings<ModelToDomOption, ModelToDomSettings>;
+    readonly modelToDomSettings: ModelToDomSetting;
 }