@lingxiteam/lcdp-ueditor-react 1.0.4-alpha.2 → 1.0.4-alpha.3

package/es/LcdpUeditor.d.ts

@@ -82,6 +82,7 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      * 初始化编辑器实例
      */
     initUeditor(): Promise<void>;
+    onSettingChange: (setting: any) => void;
     /**
      * 渲染状态栏
      */

package/es/LcdpUeditor.js

@@ -81,6 +81,10 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
      * 编辑器配置项
      */
     _defineProperty(_assertThisInitialized(_this), "editorConfig", {});
+    _defineProperty(_assertThisInitialized(_this), "onSettingChange", function (setting) {
+      _this.editorConfig.onSettingChange(setting);
+      _this.onContentChange();
+    });
     var config = props.config,
       prefixCls = props.prefixCls,
       onSettingChange = props.onSettingChange;
@@ -401,14 +405,14 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         return _initUeditor.apply(this, arguments);
       }
       return initUeditor;
-    }()
+    }())
+  }, {
+    key: "renderStatusBar",
+    value:
     /**
      * 渲染状态栏
      */
-    )
-  }, {
-    key: "renderStatusBar",
-    value: function renderStatusBar() {
+    function renderStatusBar() {
       var _this$containerRef$cu, _this$props2;
       var _ref4 = this.ueditorInst.ui || {},
         id = _ref4.id;
@@ -418,7 +422,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
         prefixCls: this.prefixCls,
         containerRef: this.containerRef,
         defaultSetting: this.props.defaultSetting,
-        onSettingChange: this.editorConfig.onSettingChange,
+        onSettingChange: this.onSettingChange,
         isReady: this.state.isReady,
         bottomTypes: this.props.bottomTypes,
         exportFileName: (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.config) === null || _this$props2 === void 0 ? void 0 : _this$props2.exportFileName

package/es/ToolBottomBar/FormatModal/index.js

@@ -99,6 +99,33 @@ var defaultSettings = {
   }
 };
 
+// 字体翻译映射 - 从简体中文国际化文件获取
+var fontFamilyTranslations = {
+  default: '默认',
+  songti: '宋体',
+  kaiti: '楷体',
+  heiti: '黑体',
+  lishu: '隶书',
+  yahei: '微软雅黑',
+  fangsong: '仿宋',
+  dengxian: '等线',
+  segoeUI: 'Segoe UI',
+  calibri: 'Calibri',
+  arial: 'arial',
+  timesNewRoman: 'times new roman',
+  pingfangSC: '苹方(简)',
+  pingfangTC: '苹方(繁)',
+  hiraginoSansGB: '冬青黑体',
+  stFangsong: '华文仿宋',
+  sanFrancisco: '旧金山字体',
+  helveticaNeue: 'Helvetica Neue',
+  sourceHanSans: 'Source Han Sans',
+  wenQuanYiMicroHei: '文泉驿微米黑',
+  wenQuanYiZenHei: '文泉驿正黑',
+  dejaVuSans: 'DejaVu Sans',
+  liberationSans: 'Liberation Sans'
+};
+
 // 检测操作系统类型
 var getOSType = function getOSType() {
   var userAgent = navigator.userAgent.toLowerCase();
@@ -159,121 +186,98 @@ var generateFontOptions = function generateFontOptions() {
     value: '系统字体',
     label: '系统字体(推荐)'
   }, {
-    value: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif",
-    label: '完整系统字体栈'
-  }];
+    value: 'STHeiti, 黑体, SimHei, "Noto Sans CJK SC"',
+    label: fontFamilyTranslations.heiti
+  }, {
+    value: 'STSong, 宋体, SimSun, "Noto Serif CJK SC"',
+    label: fontFamilyTranslations.songti
+  }
+  // { value: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif", label: '完整系统字体栈' },
+  ];
 
-  // 各平台特定字体
+  // 各平台特定字体 - 参考font.js中的getFontList定义，相同label的字体value已合并
   var platformFonts = {
     windows: [{
-      value: '微软雅黑',
-      label: '微软雅黑'
+      value: '微软雅黑,Microsoft YaHei',
+      label: fontFamilyTranslations.yahei
     }, {
       value: '仿宋',
-      label: '仿宋'
-    }, {
-      value: '黑体',
-      label: '黑体'
+      label: fontFamilyTranslations.fangsong
     }, {
-      value: '楷体',
-      label: '楷体'
+      value: 'STKaiti, 楷体, 楷体_GB2312, SimKai',
+      label: fontFamilyTranslations.kaiti
     }, {
-      value: '宋体',
-      label: '宋体'
+      value: '隶书,SimLi',
+      label: fontFamilyTranslations.lishu
     }, {
       value: '等线',
-      label: '等线'
+      label: fontFamilyTranslations.dengxian
     }, {
       value: 'Segoe UI',
-      label: 'Segoe UI'
+      label: fontFamilyTranslations.segoeUI
     }, {
       value: 'Calibri',
-      label: 'Calibri'
+      label: fontFamilyTranslations.calibri
+    }, {
+      value: 'arial,helvetica,sans-serif',
+      label: fontFamilyTranslations.arial
+    }, {
+      value: 'times new roman',
+      label: fontFamilyTranslations.timesNewRoman
     }],
     mac: [{
+      value: 'STKaiti, 楷体, 楷体_GB2312, SimKai',
+      label: fontFamilyTranslations.kaiti
+    }, {
       value: 'PingFang SC',
-      label: '苹方(简)'
+      label: fontFamilyTranslations.pingfangSC
     }, {
       value: 'PingFang TC',
-      label: '苹方(繁)'
+      label: fontFamilyTranslations.pingfangTC
     }, {
       value: 'Hiragino Sans GB',
-      label: '冬青黑体'
-    }, {
-      value: 'STHeiti',
-      label: '华文黑体'
-    }, {
-      value: 'STKaiti',
-      label: '华文楷体'
-    }, {
-      value: 'STSong',
-      label: '华文宋体'
+      label: fontFamilyTranslations.hiraginoSansGB
     }, {
       value: 'STFangsong',
-      label: '华文仿宋'
+      label: fontFamilyTranslations.stFangsong
     }, {
       value: 'San Francisco',
-      label: '旧金山字体'
+      label: fontFamilyTranslations.sanFrancisco
     }, {
       value: 'Helvetica Neue',
-      label: 'Helvetica Neue'
+      label: fontFamilyTranslations.helveticaNeue
     }],
     linux: [{
-      value: 'Noto Sans CJK SC',
-      label: '思源黑体'
-    }, {
-      value: 'Noto Serif CJK SC',
-      label: '思源宋体'
-    }, {
       value: 'Source Han Sans',
-      label: 'Source Han Sans'
+      label: fontFamilyTranslations.sourceHanSans
     }, {
       value: 'WenQuanYi Micro Hei',
-      label: '文泉驿微米黑'
+      label: fontFamilyTranslations.wenQuanYiMicroHei
     }, {
       value: 'WenQuanYi Zen Hei',
-      label: '文泉驿正黑'
+      label: fontFamilyTranslations.wenQuanYiZenHei
     }, {
       value: 'DejaVu Sans',
-      label: 'DejaVu Sans'
+      label: fontFamilyTranslations.dejaVuSans
     }, {
       value: 'Liberation Sans',
-      label: 'Liberation Sans'
+      label: fontFamilyTranslations.liberationSans
     }]
   };
 
   // 通用Web安全字体
-  var webSafeFonts = [{
-    value: 'Arial',
-    label: 'Arial'
-  }, {
-    value: 'Helvetica',
-    label: 'Helvetica'
-  }, {
-    value: 'Times New Roman',
-    label: 'Times New Roman'
-  }, {
-    value: 'Times',
-    label: 'Times'
-  }, {
-    value: 'Courier New',
-    label: 'Courier New'
-  }, {
-    value: 'Georgia',
-    label: 'Georgia'
-  }, {
-    value: 'Verdana',
-    label: 'Verdana'
-  }, {
-    value: 'sans-serif',
-    label: '系统无衬线字体'
-  }, {
-    value: 'serif',
-    label: '系统衬线字体'
-  }, {
-    value: 'monospace',
-    label: '系统等宽字体'
-  }];
+  // const webSafeFonts = [
+  //   { value: 'Arial', label: 'Arial' },
+  //   { value: 'Helvetica', label: 'Helvetica' },
+  //   { value: 'Times New Roman', label: 'Times New Roman' },
+  //   { value: 'Times', label: 'Times' },
+  //   { value: 'Courier New', label: 'Courier New' },
+  //   { value: 'Georgia', label: 'Georgia' },
+  //   { value: 'Verdana', label: 'Verdana' },
+  //   { value: 'sans-serif', label: '系统无衬线字体' },
+  //   { value: 'serif', label: '系统衬线字体' },
+  //   { value: 'monospace', label: '系统等宽字体' },
+  // ];
 
   // 合并字体列表
   var allFonts = [].concat(baseFonts);
@@ -284,7 +288,7 @@ var generateFontOptions = function generateFontOptions() {
   }
 
   // 添加Web安全字体
-  allFonts.push.apply(allFonts, webSafeFonts);
+  // allFonts.push(...webSafeFonts);
 
   // 启用字体检测，但不阻塞界面
   var availableFonts = allFonts.map(function (font) {

package/es/ToolBottomBar/index.js

@@ -20,7 +20,6 @@ var MENU_OPTIONS = {
   a5: 'A5',
   a0: '铺满'
 };
-var STYLE_ID = 'ueditor-custom-styles';
 var ToolBottomBar = function ToolBottomBar(props) {
   var ueditorInst = props.ueditorInst,
     prefixCls = props.prefixCls,
@@ -145,27 +144,16 @@ var ToolBottomBar = function ToolBottomBar(props) {
    * @param settings 格式设置
    */
   var handleApply = function handleApply(settings) {
-    var _containerRef$current, _contentDocument;
     var isUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    // 生成样式
-    var cssStyles = generateStylesFromSettings(settings);
-
-    // 触发编辑器视图更新
-    var frame = ueditorInst.frame || (containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector("#".concat(uiId, "_iframeholder > iframe")));
-    if (frame !== null && frame !== void 0 && (_contentDocument = frame.contentDocument) !== null && _contentDocument !== void 0 && _contentDocument.documentElement) {
-      var _contentDocument2;
-      // 查找或创建样式元素
-      var styleEl = frame === null || frame === void 0 || (_contentDocument2 = frame.contentDocument) === null || _contentDocument2 === void 0 ? void 0 : _contentDocument2.getElementById(STYLE_ID);
-      if (!styleEl) {
-        styleEl = document.createElement('style');
-        styleEl.id = STYLE_ID;
-        frame.contentDocument.head.appendChild(styleEl);
-      }
-      // 设置样式内容
-      styleEl.textContent = cssStyles;
+    if (!settings) {
+      return;
     }
     setFormatSetting(settings);
     if (isUpdate) {
+      // 生成样式
+      if (ueditorInst.body) {
+        generateStylesFromSettings(settings, ueditorInst.body);
+      }
       onSettingChange === null || onSettingChange === void 0 || onSettingChange({
         formatSetting: settings,
         pageWidth: pageWidth
@@ -173,9 +161,7 @@ var ToolBottomBar = function ToolBottomBar(props) {
     }
   };
   useEffect(function () {
-    if (defaultSetting !== null && defaultSetting !== void 0 && defaultSetting.formatSetting) {
-      handleApply(defaultSetting.formatSetting, false);
-    }
+    handleApply(defaultSetting === null || defaultSetting === void 0 ? void 0 : defaultSetting.formatSetting, false);
   }, [defaultSetting === null || defaultSetting === void 0 ? void 0 : defaultSetting.formatSetting]);
   var handlePageWidthChange = function handlePageWidthChange(key) {
     var isUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -279,7 +265,7 @@ var ToolBottomBar = function ToolBottomBar(props) {
     content: '导出文档',
     onClick: function () {
       var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _contentDocument3, frame, _contentDocument4;
+        var _contentDocument, frame, _contentDocument2;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -288,12 +274,12 @@ var ToolBottomBar = function ToolBottomBar(props) {
                 break;
               }
               frame = ueditorInst.frame || containerRef.current.querySelector("#".concat(uiId, "_iframeholder > iframe"));
-              if (!(frame !== null && frame !== void 0 && (_contentDocument3 = frame.contentDocument) !== null && _contentDocument3 !== void 0 && _contentDocument3.body)) {
+              if (!(frame !== null && frame !== void 0 && (_contentDocument = frame.contentDocument) !== null && _contentDocument !== void 0 && _contentDocument.body)) {
                 _context.next = 6;
                 break;
               }
               _context.next = 5;
-              return domloadPdf(frame === null || frame === void 0 || (_contentDocument4 = frame.contentDocument) === null || _contentDocument4 === void 0 ? void 0 : _contentDocument4.body, pageWidth || 'a0', exportFileName, onProgress);
+              return domloadPdf(frame === null || frame === void 0 || (_contentDocument2 = frame.contentDocument) === null || _contentDocument2 === void 0 ? void 0 : _contentDocument2.body, pageWidth || 'a0', exportFileName, onProgress);
             case 5:
               onProgress(100, '导出完成');
             case 6:

package/es/tools/generateStylesFromSettings.d.ts

@@ -29,10 +29,24 @@ export interface FormatSettings {
         ol: ListStyle;
     };
 }
+export declare const STYLE_ID = "ueditor-custom-styles";
+export declare const FORMAT_STYLE_TAG = "format-style";
 /**
  * 生成CSS样式内容
+ * 将css设置到元素上
  * @param settings 格式设置
- * @returns CSS样式字符串
  */
-export declare const generateStylesFromSettings: (settings: FormatSettings) => string;
+export declare const generateStylesFromSettings: (settings: FormatSettings, body: HTMLElement) => string;
+/**
+ * 从现有样式标签中提取格式设置
+ * @param body HTML body元素
+ * @returns 格式设置对象，如果未找到样式标签则返回undefined
+ */
+export declare const extractSettingsFromStyles: (body: HTMLElement) => FormatSettings | undefined;
+/**
+ * 设置格式设置
+ * @param body
+ * @param settings
+ */
+export declare const setFormatSettings: (body: HTMLElement, cssStyles: string) => void;
 export {};

package/es/tools/generateStylesFromSettings.js

@@ -1,24 +1,204 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+export var STYLE_ID = 'ueditor-custom-styles';
+
+// 自定义格式设置标签，用于回填格式设置
+export var FORMAT_STYLE_TAG = 'format-style';
+
 /**
  * 生成CSS样式内容
+ * 将css设置到元素上
  * @param settings 格式设置
- * @returns CSS样式字符串
  */
-export var generateStylesFromSettings = function generateStylesFromSettings(settings) {
-  var css = '';
+export var generateStylesFromSettings = function generateStylesFromSettings(settings, body) {
+  var cssMap = {
+    h1: undefined,
+    h2: undefined,
+    h3: undefined,
+    h4: undefined,
+    h5: undefined,
+    h6: undefined,
+    p: undefined,
+    ul: undefined,
+    ol: undefined
+  };
+  var cssStyles = '';
 
   // 处理标题样式
   Object.entries(settings.headings).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       heading = _ref2[0],
       style = _ref2[1];
-    css += "\n".concat(heading, " {\n  font-family: ").concat(style.fontFamily, ";\n  font-size: ").concat(style.fontSize, ";\n  font-weight: ").concat(style.fontWeight, ";\n  line-height: ").concat(style.lineHeight, ";\n  color: ").concat(style.color, ";\n  margin-top: ").concat(style.marginTop, ";\n  margin-bottom: ").concat(style.marginBottom, ";\n}\n");
+    cssMap[heading] = {
+      fontFamily: style.fontFamily,
+      fontSize: style.fontSize,
+      fontWeight: style.fontWeight,
+      lineHeight: style.lineHeight,
+      color: style.color
+    };
   });
 
   // 处理段落样式
-  css += "\np {\n  font-family: ".concat(settings.paragraph.fontFamily, ";\n  font-size: ").concat(settings.paragraph.fontSize, ";\n  font-weight: ").concat(settings.paragraph.fontWeight, ";\n  line-height: ").concat(settings.paragraph.lineHeight, ";\n  color: ").concat(settings.paragraph.color, ";\n}\n");
+  cssMap.p = {
+    fontFamily: settings.paragraph.fontFamily,
+    fontSize: settings.paragraph.fontSize,
+    fontWeight: settings.paragraph.fontWeight,
+    lineHeight: settings.paragraph.lineHeight,
+    color: settings.paragraph.color
+  };
 
   // 处理列表样式
-  css += "\nul {\n  font-family: ".concat(settings.lists.ul.fontFamily, ";\n  font-size: ").concat(settings.lists.ul.fontSize, ";\n  font-weight: ").concat(settings.lists.ul.fontWeight, ";\n  line-height: ").concat(settings.lists.ul.lineHeight, ";\n  color: ").concat(settings.lists.ul.color, ";\n  padding-left: ").concat(settings.lists.ul.paddingLeft, ";\n  margin-top: ").concat(settings.lists.ul.marginTop, ";\n  margin-bottom: ").concat(settings.lists.ul.marginBottom, ";\n}\n\nol {\n  font-family: ").concat(settings.lists.ol.fontFamily, ";\n  font-size: ").concat(settings.lists.ol.fontSize, ";\n  font-weight: ").concat(settings.lists.ol.fontWeight, ";\n  line-height: ").concat(settings.lists.ol.lineHeight, ";\n  color: ").concat(settings.lists.ol.color, ";\n  padding-left: ").concat(settings.lists.ol.paddingLeft, ";\n  margin-top: ").concat(settings.lists.ol.marginTop, ";\n  margin-bottom: ").concat(settings.lists.ol.marginBottom, ";\n}\n");
-  return css;
+  cssMap.ul = {
+    fontFamily: settings.lists.ul.fontFamily,
+    fontSize: settings.lists.ul.fontSize,
+    fontWeight: settings.lists.ul.fontWeight,
+    lineHeight: settings.lists.ul.lineHeight,
+    color: settings.lists.ul.color,
+    paddingLeft: settings.lists.ul.paddingLeft,
+    marginTop: settings.lists.ul.marginTop,
+    marginBottom: settings.lists.ul.marginBottom
+  };
+  cssMap.ol = {
+    fontFamily: settings.lists.ol.fontFamily,
+    fontSize: settings.lists.ol.fontSize,
+    fontWeight: settings.lists.ol.fontWeight,
+    lineHeight: settings.lists.ol.lineHeight,
+    color: settings.lists.ol.color,
+    paddingLeft: settings.lists.ol.paddingLeft,
+    marginTop: settings.lists.ol.marginTop,
+    marginBottom: settings.lists.ol.marginBottom
+  };
+  Object.entries(cssMap).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    if (value) {
+      cssStyles += "".concat(key, " {").concat(value.fontFamily ? "font-family: ".concat(value.fontFamily, ";\n") : '').concat(value.fontSize ? "font-size: ".concat(value.fontSize, ";\n") : '').concat(value.fontWeight ? "font-weight: ".concat(value.fontWeight, ";\n") : '').concat(value.lineHeight ? "line-height: ".concat(value.lineHeight, ";\n") : '').concat(value.color ? "color: ".concat(value.color, ";\n") : '').concat(value.marginTop ? "margin-top: ".concat(value.marginTop, ";\n") : '').concat(value.marginBottom ? "margin-bottom: ".concat(value.marginBottom, ";\n") : '').concat(value.paddingLeft ? "padding-left: ".concat(value.paddingLeft, ";\n") : '', "\n      }");
+      body.querySelectorAll(key).forEach(function (item) {
+        // 遍历样式属性,仅在元素没有该样式时设置
+        Object.entries(value).forEach(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+            styleName = _ref6[0],
+            styleValue = _ref6[1];
+          if (styleValue) {
+            item.style[styleName] = styleValue;
+          }
+        });
+      });
+    }
+  });
+  return cssStyles;
+};
+
+/**
+ * 从现有样式标签中提取格式设置
+ * @param body HTML body元素
+ * @returns 格式设置对象，如果未找到样式标签则返回undefined
+ */
+export var extractSettingsFromStyles = function extractSettingsFromStyles(body) {
+  var styleElement = body.querySelector("#".concat(STYLE_ID));
+  if (!styleElement || !styleElement.textContent) {
+    return undefined;
+  }
+  var cssText = styleElement.textContent;
+
+  // 解析CSS规则
+  var parseCSSRule = function parseCSSRule(selector) {
+    var regex = new RegExp("".concat(selector, "\\s*{([^}]+)}"), 'g');
+    var match = regex.exec(cssText);
+    if (!match) return {};
+    var styleText = match[1];
+    var styles = {};
+
+    // 解析样式属性
+    var styleRegex = /([a-zA-Z-]+)\s*:\s*([^;]+);/g;
+    var styleMatch = styleRegex.exec(styleText);
+    while (styleMatch !== null) {
+      var _styleMatch = styleMatch,
+        _styleMatch2 = _slicedToArray(_styleMatch, 3),
+        property = _styleMatch2[1],
+        value = _styleMatch2[2];
+      styles[property.trim()] = value.trim();
+      styleMatch = styleRegex.exec(styleText);
+    }
+    return styles;
+  };
+
+  // 提取文本样式
+  var extractTextStyle = function extractTextStyle(selector) {
+    var styles = parseCSSRule(selector);
+    return {
+      fontSize: styles['font-size'] || '16px',
+      fontFamily: styles['font-family'] || 'Arial, sans-serif',
+      fontWeight: styles['font-weight'] || 'normal',
+      lineHeight: styles['line-height'] || '1.5',
+      color: styles.color || '#000000'
+    };
+  };
+
+  // 提取标题样式
+  var extractHeadingStyle = function extractHeadingStyle(selector) {
+    var textStyle = extractTextStyle(selector);
+    var styles = parseCSSRule(selector);
+    return _objectSpread(_objectSpread({}, textStyle), {}, {
+      marginTop: styles['margin-top'] || '0',
+      marginBottom: styles['margin-bottom'] || '0'
+    });
+  };
+
+  // 提取列表样式
+  var extractListStyle = function extractListStyle(selector) {
+    var textStyle = extractTextStyle(selector);
+    var styles = parseCSSRule(selector);
+    return _objectSpread(_objectSpread({}, textStyle), {}, {
+      paddingLeft: styles['padding-left'] || '0',
+      marginTop: styles['margin-top'] || '0',
+      marginBottom: styles['margin-bottom'] || '0'
+    });
+  };
+
+  // 构建FormatSettings对象
+  var formatSettings = {
+    headings: {
+      h1: extractHeadingStyle('h1'),
+      h2: extractHeadingStyle('h2'),
+      h3: extractHeadingStyle('h3'),
+      h4: extractHeadingStyle('h4'),
+      h5: extractHeadingStyle('h5'),
+      h6: extractHeadingStyle('h6')
+    },
+    paragraph: extractTextStyle('p'),
+    lists: {
+      ul: extractListStyle('ul'),
+      ol: extractListStyle('ol')
+    }
+  };
+  return formatSettings;
+};
+
+/**
+ * 设置格式设置
+ * @param body
+ * @param settings
+ */
+export var setFormatSettings = function setFormatSettings(body, cssStyles) {
+  var styleEl = body.querySelector("#".concat(STYLE_ID));
+  if (!styleEl || !cssStyles) {
+    return;
+  }
+  if (cssStyles) {
+    // 触发编辑器视图更新
+    if (body) {
+      // 查找或创建样式元素
+      var _styleEl = body === null || body === void 0 ? void 0 : body.querySelector("#".concat(STYLE_ID));
+      if (!_styleEl) {
+        _styleEl = document.createElement(FORMAT_STYLE_TAG);
+        _styleEl.style.display = 'none';
+        _styleEl.id = STYLE_ID;
+        body.insertBefore(_styleEl, body.firstChild);
+      }
+      // 设置样式内容
+      _styleEl.textContent = cssStyles;
+    }
+  }
 };

package/lib/LcdpUeditor.d.ts

@@ -82,6 +82,7 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      * 初始化编辑器实例
      */
     initUeditor(): Promise<void>;
+    onSettingChange: (setting: any) => void;
     /**
      * 渲染状态栏
      */

package/lib/LcdpUeditor.js

@@ -86,6 +86,10 @@ var LcdpUeditor = class extends import_react.default.Component {
      * 编辑器配置项
      */
     this.editorConfig = {};
+    this.onSettingChange = (setting) => {
+      this.editorConfig.onSettingChange(setting);
+      this.onContentChange();
+    };
     const { config, prefixCls, onSettingChange } = props;
     this.containerId = `ueditor_${Date.now()}_${String(Math.random()).slice(2, 6)}`;
     if (this.props.ueditorPath) {
@@ -321,7 +325,7 @@ var LcdpUeditor = class extends import_react.default.Component {
         prefixCls: this.prefixCls,
         containerRef: this.containerRef,
         defaultSetting: this.props.defaultSetting,
-        onSettingChange: this.editorConfig.onSettingChange,
+        onSettingChange: this.onSettingChange,
         isReady: this.state.isReady,
         bottomTypes: this.props.bottomTypes,
         exportFileName: (_c = (_b = this.props) == null ? void 0 : _b.config) == null ? void 0 : _c.exportFileName