@pixui-dev/pixui-richtext-helper 0.2.4 → 0.2.6-test.1

package/dist/richtext/RichTextCore.d.ts

@@ -27,6 +27,7 @@ export declare class RichTextCore {
      */
     static convertRichTextToPixuiStyle(str: string, config?: {
         lineHeightScale?: number;
+        convertPxToEm?: boolean;
     }): string;
     /**
      * 绑定链接点击事件
@@ -44,6 +45,12 @@ export declare class RichTextCore {
      * 处理单个段落片段，返回转换后的片段 HTML
      */
     private static processSegment;
+    /**
+     * 统一转换HTML中的所有px单位为em单位
+     * @param html 原始HTML字符串
+     * @returns 转换后的HTML字符串
+     */
+    private static convertAllPxToEm;
     private static preprocess;
     private static fixImgSizeUnit;
     /** 列表处理（将 ol/ul/li 替换为 div 结构） */

package/dist/richtext/RichTextCore.js

@@ -56,6 +56,33 @@ var LinkNodeType;
 /*****************************************************
  *  工具函数
  *****************************************************/
+/** 基准字体大小，用于px到em转换 */
+var BASE_FONT_SIZE = 16;
+/**
+ * 将px单位转换为em单位
+ * @param pxValue px数值
+ * @returns em值字符串
+ */
+var convertPxToEm = function (pxValue) {
+    var emValue = pxValue / BASE_FONT_SIZE;
+    return "".concat(emValue.toFixed(3), "em");
+};
+/**
+ * 转换样式字符串中的px单位为em单位
+ * @param styleStr 原始样式字符串
+ * @returns 转换后的样式字符串
+ */
+var convertStylePxToEm = function (styleStr) {
+    if (!styleStr || !styleStr.trim())
+        return styleStr;
+    return styleStr.replace(/(\d+(?:\.\d+)?)px/g, function (match, pxValue) {
+        var px = parseFloat(pxValue);
+        if (!isNaN(px)) {
+            return convertPxToEm(px);
+        }
+        return match;
+    });
+};
 /**
  * 解析 style 字符串为对象
  */
@@ -225,6 +252,16 @@ var RichTextCore = /** @class */ (function () {
                 if (htmlPart.trim())
                     segs.push(wrapNode($elem, htmlPart));
             }
+            // 若无任何子片段且无内容，根据标签决定是否保留
+            if (segs.length === 0) {
+                if (tagName === "div" || tagName === "text") {
+                    return []; // 丢弃空 div / text
+                }
+                else {
+                    // 其它空标签保留（img...）
+                    return [wrapNode($elem, "")];
+                }
+            }
             // 如果此节点本身为列表 (<ol>/<ul>)，不再拆分内部以保持原逻辑
             if (tagName === "ol" || tagName === "ul") {
                 // 直接返回整块 html，不再分片
@@ -271,8 +308,25 @@ var RichTextCore = /** @class */ (function () {
             .replaceAll(/&amp;/g, "&")
             .replaceAll(/&quot;/g, '"')
             .replaceAll("\"", "\"");
+        // 统一进行px到em转换
+        if (config === null || config === void 0 ? void 0 : config.convertPxToEm) {
+            res = this.convertAllPxToEm(res);
+        }
         return res;
     };
+    /**
+     * 统一转换HTML中的所有px单位为em单位
+     * @param html 原始HTML字符串
+     * @returns 转换后的HTML字符串
+     */
+    RichTextCore.convertAllPxToEm = function (html) {
+        // 转换style属性中的px
+        html = html.replace(/style="([^"]*?)"/g, function (match, styleContent) {
+            var convertedStyle = convertStylePxToEm(styleContent);
+            return "style=\"".concat(convertedStyle, "\"");
+        });
+        return html;
+    };
     // ------------------------------
     // 各独立处理步骤实现
     // ------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pixui-dev/pixui-richtext-helper",
-    "version": "0.2.4",
+    "version": "0.2.6-test.1",
     "description": "pixui richtext helper",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

package/readme.md

@@ -92,4 +92,7 @@ componentDidMount() { // 在节点渲染后绑定点击事件
 
 0.2.4
 1. 拆分margin中的margin-left转换为padding-left
-2. 修复在嵌套节点中加br不会被拆成不同段落的问题
+2. 修复在嵌套节点中加br不会被拆成不同段落的问题
+
+0.2.5
+1. 修复img节点丢失的问题