update

demo/js/base/editor/demo.rich_editor.js

@@ -19,7 +19,11 @@ Demo.RichEditor = BI.inherit(BI.Widget, {
     },
 
     mounted: function () {
-        this.editor.setValue("这是一条<font size=\"4\" color=\"#009de3\">测试</font>数据");
+        var image = BI.DOM.getImage("测试");
+        var src = image.src;
+        var style = image.style;
+
+        this.editor.setValue("<div>这是一条<font size=\"4\" color=\"#009de3\">测试</font>数据<img width='" + image.width + "' height='" + image.height + "' src='" + src + "' style='" + style + "' /></div>");
     }
 });
 BI.shortcut("demo.rich_editor", Demo.RichEditor);

dist/bundle.js

@@ -27468,8 +27468,8 @@ BI.extend(BI.Func, {
         name = name || "";
         while (true) {
             if (BI.every(array, function (i, item) {
-                return item.name !== name;
-            })) {
+                    return item.name !== name;
+                })) {
                 break;
             }
             name = src + (idx++);
@@ -27751,6 +27751,27 @@ BI.extend(BI.DOM, {
             ul.destroy();
         }
         return this._scrollWidth;
+    },
+
+    getImage: function (param) {
+        var image = new Image();
+        var canvas = document.createElement("canvas");
+        $("body").append(canvas);
+        var w = BI.DOM.getTextSizeWidth(param, 14) + 6;
+        canvas.width = w;
+        canvas.height = 16;
+        var ctx = canvas.getContext("2d");
+        ctx.font = "14px Georgia";
+        ctx.fillStyle = "#ffffff";
+        ctx.fillText(param, 3, 14);
+        $(canvas).destroy();
+        return {
+            width: w,
+            height: 16,
+            src: canvas.toDataURL("image/png"),
+            style: "background-color: #3f8ce8; vertical-align: sub; margin: 0 3px;",
+            alt: param
+        };
     }
 });(function () {
     var constantInjection = {};
@@ -79737,20 +79758,12 @@ BI.RichEditorParamAction = BI.inherit(BI.RichEditorAction, {
         var o = this.options;
         var instance = o.editor.instance;
         var image = new Image();
-        var canvas = document.createElement("canvas");
-        $("body").append(canvas);
-        canvas.width = BI.DOM.getTextSizeWidth(param, 14) + 6;
-        canvas.height = 16;
-        var ctx = canvas.getContext("2d");
-        ctx.font = "14px Georgia";
-        ctx.fillStyle = "#ffffff";
-        ctx.fillText(param, 3, 14);
-        image.src = canvas.toDataURL("image/png");
+        var attrs = BI.DOM.getImage(param);
+        image.src = attrs.src;
         image.alt = param;
-        $(image).css({"background-color": "#3f8ce8", "vertical-align": "sub", "margin": "0 3px;"});
+        image.style = attrs.style;
         instance.getElm().element.append(image);
         this._addBlank($(image));
-        $(canvas).destroy();
     }
 });
 

dist/case.js

@@ -9956,20 +9956,12 @@ BI.RichEditorParamAction = BI.inherit(BI.RichEditorAction, {
         var o = this.options;
         var instance = o.editor.instance;
         var image = new Image();
-        var canvas = document.createElement("canvas");
-        $("body").append(canvas);
-        canvas.width = BI.DOM.getTextSizeWidth(param, 14) + 6;
-        canvas.height = 16;
-        var ctx = canvas.getContext("2d");
-        ctx.font = "14px Georgia";
-        ctx.fillStyle = "#ffffff";
-        ctx.fillText(param, 3, 14);
-        image.src = canvas.toDataURL("image/png");
+        var attrs = BI.DOM.getImage(param);
+        image.src = attrs.src;
         image.alt = param;
-        $(image).css({"background-color": "#3f8ce8", "vertical-align": "sub", "margin": "0 3px;"});
+        image.style = attrs.style;
         instance.getElm().element.append(image);
         this._addBlank($(image));
-        $(canvas).destroy();
     }
 });
 

dist/core.js

@@ -27468,8 +27468,8 @@ BI.extend(BI.Func, {
         name = name || "";
         while (true) {
             if (BI.every(array, function (i, item) {
-                return item.name !== name;
-            })) {
+                    return item.name !== name;
+                })) {
                 break;
             }
             name = src + (idx++);
@@ -27751,6 +27751,27 @@ BI.extend(BI.DOM, {
             ul.destroy();
         }
         return this._scrollWidth;
+    },
+
+    getImage: function (param) {
+        var image = new Image();
+        var canvas = document.createElement("canvas");
+        $("body").append(canvas);
+        var w = BI.DOM.getTextSizeWidth(param, 14) + 6;
+        canvas.width = w;
+        canvas.height = 16;
+        var ctx = canvas.getContext("2d");
+        ctx.font = "14px Georgia";
+        ctx.fillStyle = "#ffffff";
+        ctx.fillText(param, 3, 14);
+        $(canvas).destroy();
+        return {
+            width: w,
+            height: 16,
+            src: canvas.toDataURL("image/png"),
+            style: "background-color: #3f8ce8; vertical-align: sub; margin: 0 3px;",
+            alt: param
+        };
     }
 });(function () {
     var constantInjection = {};

dist/demo.js

@@ -869,7 +869,11 @@ BI.shortcut("demo.multifile_editor", Demo.CodeEditor);Demo.RichEditor = BI.inher
     },
 
     mounted: function () {
-        this.editor.setValue("这是一条<font size=\"4\" color=\"#009de3\">测试</font>数据");
+        var image = BI.DOM.getImage("测试");
+        var src = image.src;
+        var style = image.style;
+
+        this.editor.setValue("<div>这是一条<font size=\"4\" color=\"#009de3\">测试</font>数据<img width='" + image.width + "' height='" + image.height + "' src='" + src + "' style='" + style + "' /></div>");
     }
 });
 BI.shortcut("demo.rich_editor", Demo.RichEditor);/**

dist/fineui.js

@@ -27669,8 +27669,8 @@ BI.extend(BI.Func, {
         name = name || "";
         while (true) {
             if (BI.every(array, function (i, item) {
-                return item.name !== name;
-            })) {
+                    return item.name !== name;
+                })) {
                 break;
             }
             name = src + (idx++);
@@ -27952,6 +27952,27 @@ BI.extend(BI.DOM, {
             ul.destroy();
         }
         return this._scrollWidth;
+    },
+
+    getImage: function (param) {
+        var image = new Image();
+        var canvas = document.createElement("canvas");
+        $("body").append(canvas);
+        var w = BI.DOM.getTextSizeWidth(param, 14) + 6;
+        canvas.width = w;
+        canvas.height = 16;
+        var ctx = canvas.getContext("2d");
+        ctx.font = "14px Georgia";
+        ctx.fillStyle = "#ffffff";
+        ctx.fillText(param, 3, 14);
+        $(canvas).destroy();
+        return {
+            width: w,
+            height: 16,
+            src: canvas.toDataURL("image/png"),
+            style: "background-color: #3f8ce8; vertical-align: sub; margin: 0 3px;",
+            alt: param
+        };
     }
 });(function () {
     var constantInjection = {};
@@ -81501,20 +81522,12 @@ BI.RichEditorParamAction = BI.inherit(BI.RichEditorAction, {
         var o = this.options;
         var instance = o.editor.instance;
         var image = new Image();
-        var canvas = document.createElement("canvas");
-        $("body").append(canvas);
-        canvas.width = BI.DOM.getTextSizeWidth(param, 14) + 6;
-        canvas.height = 16;
-        var ctx = canvas.getContext("2d");
-        ctx.font = "14px Georgia";
-        ctx.fillStyle = "#ffffff";
-        ctx.fillText(param, 3, 14);
-        image.src = canvas.toDataURL("image/png");
+        var attrs = BI.DOM.getImage(param);
+        image.src = attrs.src;
         image.alt = param;
-        $(image).css({"background-color": "#3f8ce8", "vertical-align": "sub", "margin": "0 3px;"});
+        image.style = attrs.style;
         instance.getElm().element.append(image);
         this._addBlank($(image));
-        $(canvas).destroy();
     }
 });
 

src/case/richeditor/bar/action.richeditor.param.js

@@ -34,20 +34,12 @@ BI.RichEditorParamAction = BI.inherit(BI.RichEditorAction, {
         var o = this.options;
         var instance = o.editor.instance;
         var image = new Image();
-        var canvas = document.createElement("canvas");
-        $("body").append(canvas);
-        canvas.width = BI.DOM.getTextSizeWidth(param, 14) + 6;
-        canvas.height = 16;
-        var ctx = canvas.getContext("2d");
-        ctx.font = "14px Georgia";
-        ctx.fillStyle = "#ffffff";
-        ctx.fillText(param, 3, 14);
-        image.src = canvas.toDataURL("image/png");
+        var attrs = BI.DOM.getImage(param);
+        image.src = attrs.src;
         image.alt = param;
-        $(image).css({"background-color": "#3f8ce8", "vertical-align": "sub", "margin": "0 3px;"});
+        image.style = attrs.style;
         instance.getElm().element.append(image);
         this._addBlank($(image));
-        $(canvas).destroy();
     }
 });
 

src/core/func/function.js

@@ -15,8 +15,8 @@ BI.extend(BI.Func, {
         name = name || "";
         while (true) {
             if (BI.every(array, function (i, item) {
-                return item.name !== name;
-            })) {
+                    return item.name !== name;
+                })) {
                 break;
             }
             name = src + (idx++);
@@ -298,5 +298,26 @@ BI.extend(BI.DOM, {
             ul.destroy();
         }
         return this._scrollWidth;
+    },
+
+    getImage: function (param) {
+        var image = new Image();
+        var canvas = document.createElement("canvas");
+        $("body").append(canvas);
+        var w = BI.DOM.getTextSizeWidth(param, 14) + 6;
+        canvas.width = w;
+        canvas.height = 16;
+        var ctx = canvas.getContext("2d");
+        ctx.font = "14px Georgia";
+        ctx.fillStyle = "#ffffff";
+        ctx.fillText(param, 3, 14);
+        $(canvas).destroy();
+        return {
+            width: w,
+            height: 16,
+            src: canvas.toDataURL("image/png"),
+            style: "background-color: #3f8ce8; vertical-align: sub; margin: 0 3px;",
+            alt: param
+        };
     }
 });