WIP

microsoft · Apr 1, 2024 · c712f3b · c712f3b
1 parent 7130d12
commit c712f3b
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 8 deletions.
diff --git a/demo/scripts/controlsV2/sidePane/editorOptions/EditorOptionsPlugin.ts b/demo/scripts/controlsV2/sidePane/editorOptions/EditorOptionsPlugin.ts
@@ -38,6 +38,12 @@ const initialState: OptionState = {
     imageMenu: true,
     tableMenu: true,
     listMenu: true,
+    autoFormatOptions: {
+        autoBullet: true,
+        autoLink: true,
+        autoNumbering: true,
+        autoUnlink: false,
+    },
 };
 
 export class EditorOptionsPlugin extends SidePanePluginImpl<OptionsPane, OptionPaneProps> {

diff --git a/demo/scripts/controlsV2/sidePane/editorOptions/OptionState.ts b/demo/scripts/controlsV2/sidePane/editorOptions/OptionState.ts
@@ -1,3 +1,4 @@
+import { AutoFormatOptions } from 'roosterjs-content-model-plugins';
 import type { ContentEditFeatureSettings } from 'roosterjs-editor-types';
 import type { SidePaneElementProps } from '../SidePaneElement';
 import type { ContentModelSegmentFormat } from 'roosterjs-content-model-types';
@@ -35,6 +36,7 @@ export interface OptionState {
     tableMenu: boolean;
     imageMenu: boolean;
     watermarkText: string;
+    autoFormatOptions: AutoFormatOptions;
 
     // Legacy plugin options
     contentEditFeatures: ContentEditFeatureSettings;

diff --git a/demo/scripts/controlsV2/sidePane/editorOptions/OptionsPane.tsx b/demo/scripts/controlsV2/sidePane/editorOptions/OptionsPane.tsx
@@ -138,6 +138,7 @@ export class OptionsPane extends React.Component<OptionPaneProps, OptionState> {
             listMenu: this.state.listMenu,
             tableMenu: this.state.tableMenu,
             imageMenu: this.state.imageMenu,
+            autoFormatOptions: { ...this.state.autoFormatOptions },
         };
 
         if (callback) {

diff --git a/demo/scripts/controlsV2/sidePane/editorOptions/codes/AutoFormatCode.ts b/demo/scripts/controlsV2/sidePane/editorOptions/codes/AutoFormatCode.ts
@@ -0,0 +1,12 @@
+import { AutoFormatOptions } from 'roosterjs-content-model-plugins';
+import { CodeElement } from './CodeElement';
+
+export class AutoFormatCode extends CodeElement {
+    constructor(private options: AutoFormatOptions) {
+        super();
+    }
+
+    getCode() {
+        return `new roosterjs.AutoFormatPlugin('${this.options}')`;
+    }
+}
diff --git a/demo/scripts/controlsV2/sidePane/editorOptions/codes/PluginsCode.ts b/demo/scripts/controlsV2/sidePane/editorOptions/codes/PluginsCode.ts
@@ -1,10 +1,10 @@
+import { AutoFormatCode } from './AutoFormatCode';
 import { CodeElement } from './CodeElement';
 import { ContentEditCode } from './ContentEditCode';
 import { HyperLinkCode } from './HyperLinkCode';
 import { OptionState } from '../OptionState';
 import { WatermarkCode } from './WatermarkCode';
 import {
-    AutoFormatPluginCode,
     CustomReplaceCode,
     EditPluginCode,
     ImageEditCode,
@@ -39,7 +39,7 @@ export class PluginsCode extends PluginsCodeBase {
         const pluginList = state.pluginList;
 
         super([
-            pluginList.autoFormat && new AutoFormatPluginCode(),
+            pluginList.autoFormat && new AutoFormatCode(state.autoFormatOptions),
             pluginList.edit && new EditPluginCode(),
             pluginList.paste && new PastePluginCode(),
             pluginList.tableEdit && new TableEditPluginCode(),

diff --git a/demo/scripts/controlsV2/sidePane/editorOptions/codes/SimplePluginCode.ts b/demo/scripts/controlsV2/sidePane/editorOptions/codes/SimplePluginCode.ts
@@ -10,12 +10,6 @@ class SimplePluginCode extends CodeElement {
     }
 }
 
-export class AutoFormatPluginCode extends SimplePluginCode {
-    constructor() {
-        super('AutoFormatPlugin');
-    }
-}
-
 export class EditPluginCode extends SimplePluginCode {
     constructor() {
         super('EditPlugin');