@pixui-dev/pixui-richtext-helper 0.2.8 → 0.2.10

package/dist/richtext/RichTextCore.d.ts

@@ -81,9 +81,9 @@ export declare class RichTextCore {
     private static convertSiblingTextToDiv;
     /** text-indent 首行缩进处理 */
     private static handleTextIndent;
-    /** line-height / letter-spacing 调整 */
+    /** 处理 line-height / letter-spacing 属性 */
     private static adjustLineHeightAndLetterSpacing;
-    /** 把 div 的 text-align 转移到子 text 上 */
+    /** 把 div 的 text-align 转移到子 text 上，如果出现ql-align-right的class，认为是text-align:right,优先级比style的低 */
     private static transferTextAlign;
     /** 删除空 text 节点 */
     private static removeEmptyText;

package/dist/richtext/RichTextCore.js

@@ -133,6 +133,18 @@ var mergeStyles = function () {
     });
     return serializeStyleObject(mergedStyleObj);
 };
+var CLASS_STYLE_MAP = {
+    "ql-direction-rtl": function (old) { return mergeStyles("direction: rtl;", old); },
+    "ql-align-right": function (old) { return mergeStyles("text-align: right;", old); },
+};
+var _loop_1 = function (i) {
+    var cls = "ql-indent-".concat(i);
+    CLASS_STYLE_MAP[cls] = function (old) { return mergeStyles("padding-left: ".concat(i * 2, "em"), old); };
+};
+// 动态生成段落缩进 ql-indent-1 ~ ql-indent-10
+for (var i = 1; i <= 10; i++) {
+    _loop_1(i);
+}
 /*****************************************************
  *  RichTextCore 主类
  *****************************************************/
@@ -167,7 +179,7 @@ var RichTextCore = /** @class */ (function () {
         var processedSegments = segments.map(function (seg) { return RichTextCore.processSegment(seg, config); });
         // ---------- 第 4 步：拼装 ----------
         var Result = processedSegments.join("");
-        // console.log(Result);
+        console.log(Result);
         return Result;
     };
     /**
@@ -371,18 +383,29 @@ var RichTextCore = /** @class */ (function () {
     // 各独立处理步骤实现
     // ------------------------------
     RichTextCore.preprocess = function ($) {
-        var _loop_1 = function (i) {
-            var indent = "ql-indent-".concat(i);
-            var extStyle = "padding-left: ".concat(i * 2, "em");
-            $(".".concat(indent)).each(function () {
-                var ori = $(this).attr("style") || "";
-                $(this).attr("style", mergeStyles(ori, extStyle));
-                $(this).removeClass(indent);
+        // 根据映射表统一处理 class → style
+        $("*").each(function () {
+            var _this = this;
+            var classStr = $(this).attr("class") || "";
+            if (!classStr)
+                return;
+            var classArr = classStr.split(/\s+/).filter(Boolean);
+            if (classArr.length === 0)
+                return;
+            var styleStr = $(this).attr("style") || "";
+            var changed = false;
+            classArr.forEach(function (cls) {
+                var mapper = CLASS_STYLE_MAP[cls];
+                if (mapper) {
+                    styleStr = mapper(styleStr, $(_this));
+                    $(_this).removeClass(cls);
+                    changed = true;
+                }
             });
-        };
-        for (var i = 1; i <= 10; i++) {
-            _loop_1(i);
-        }
+            if (changed) {
+                $(this).attr("style", styleStr);
+            }
+        });
         // 在所有标题标签后插入换行 <br>
         $("h1, h2, h3, h4, h5, h6").each(function () {
             // 若标题后紧跟已有换行则不再追加
@@ -826,7 +849,7 @@ var RichTextCore = /** @class */ (function () {
             }
         });
     };
-    /** line-height / letter-spacing 调整 */
+    /** 处理 line-height / letter-spacing 属性 */
     RichTextCore.adjustLineHeightAndLetterSpacing = function ($, config) {
         $("text").each(function () {
             var $text = $(this);
@@ -869,7 +892,7 @@ var RichTextCore = /** @class */ (function () {
             }
         });
     };
-    /** 把 div 的 text-align 转移到子 text 上 */
+    /** 把 div 的 text-align 转移到子 text 上，如果出现ql-align-right的class，认为是text-align:right,优先级比style的低 */
     RichTextCore.transferTextAlign = function ($) {
         $("div").each(function () {
             var ta = $(this).css("text-align") || "";

package/index.js

@@ -1,5 +1,5 @@
-const { RichText } = require("./dist/index");
-
-module.exports = {
-    RichText,
-};
+const { RichText } = require("./dist/index");
+
+module.exports = {
+    RichText,
+};

package/package.json

@@ -1,28 +1,28 @@
-{
-    "name": "@pixui-dev/pixui-richtext-helper",
-    "version": "0.2.8",
-    "description": "pixui richtext helper",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist/**/*",
-        "index.js",
-        "readme.md"
-    ],
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "build": "rm -rf dist && tsc"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "author": "jnjnjnzhang",
-    "license": "ISC",
-    "devDependencies": {
-        "@types/node": "^22.15.33",
-        "typescript": "^5.8.3"
-    },
-    "dependencies": {
-        "cheerio": "1.0.0-rc.10"
-    }
-}
+{
+    "name": "@pixui-dev/pixui-richtext-helper",
+    "version": "0.2.10",
+    "description": "pixui richtext helper",
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist/**/*",
+        "index.js",
+        "readme.md"
+    ],
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "build": "rm -rf dist && tsc"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "author": "jnjnjnzhang",
+    "license": "ISC",
+    "devDependencies": {
+        "@types/node": "^22.15.33",
+        "typescript": "^5.8.3"
+    },
+    "dependencies": {
+        "cheerio": "1.0.0-rc.10"
+    }
+}

package/readme.md

@@ -109,4 +109,10 @@ componentDidMount() { // 在节点渲染后绑定点击事件
 3. 增加将富文本中的px单位的属性统一替换为em单位的选项
 
 0.2.7
-1. 增加addCosUrlImageMogr2_w参数
+1. 增加addCosUrlImageMogr2_w参数
+
+0.2.8
+1. 补充首行缩进占位符的class
+
+0.2.9
+1. 增加对class ql-direction-rtl -> style="direction: rtl;"和class ql-align-right -> style="text-align: right;"的转换支持