Changeset 5914

Timestamp:

Mar 21, 2008, 5:40:02 AM (14 years ago)

Author:

ebihara

Message:

#333:再帰による置換をおこない、入れ子関係が複雑になった場合も適切に変換できるようにした（ただしfontタグ複数指定時の対応が不完全）

File:

• OpenPNE/branches/work/ebihara/prj_deco_diary/public_html/js/tiny_mce/plugins/openpne/editor_plugin.js (modified) (5 diffs)

OpenPNE/branches/work/ebihara/prj_deco_diary/public_html/js/tiny_mce/plugins/openpne/editor_plugin.js

@@ -91 +91 @@
 
         _previewToText : function(s) {
+            var rule = /<(font|b|u|s|i)( size="(2|7)"| color="(#[0-9a-f]{3,6})"|)( color="(#[0-9a-f]{3,6})"| size="(2|7)"|)>(.*?)<\/\1>/;
             s = tinymce.trim(s);
 
@@ -96 +97 @@
                 s = s.replace(re, str);
             };
-console.debug('ptt b', s);
-            rep(/<font size=\"2\">(.*?)<\/font>/gi,"<op:small>$1</op:small>");
-            rep(/<font size=\"7\">(.*?)<\/font>/gi,"<op:large>$1</op:large>");
-            rep(/<font color=\"(#[0-9a-f]{3,6})\">(.*?)<\/font>/gi,"<op:color:$1>$2</op:color>");
-            rep(/<font color=\"(#[0-9a-f]{3,6})\" size=\"2\">(.*?)<\/font>/gi,"<op:color:$1><op:small>$2</op:small></op:color>");
-            rep(/<font color=\"(#[0-9a-f]{3,6})\" size=\"7\">(.*?)<\/font>/gi,"<op:color:$1><op:large>$2</op:large></op:color>");
-            rep(/<font size=\"2\"color=\"(#[0-9a-f]{3,6})\" >(.*?)<\/font>/gi,"<op:color:$1><op:small>$2</op:small></op:color>");
-            rep(/<font size=\"7\" color=\"(#[0-9a-f]{3,6})\">(.*?)<\/font>/gi,"<op:color:$1><op:large>$2</op:large></op:color>");
-            rep(/<(b|u|s|i)>/gi,"<op:$1>");
-            rep(/<\/(b|u|s|i)>/gi,"</op:$1>");
-            rep(/<p>/gi,"");
-            rep(/<\/p>/gi,"\n\n");
+
+            function convertHtmlTagToDecoTag(matches)
+            {
+                var tagname = matches[1];
+                var font_size = matches[3] || matches[7];
+                var font_color = matches[4] || matches[6];
+                var value = matches[8].gsub(rule, convertHtmlTagToDecoTag);
+                var opt = "";
+               
+                // convert font tag 
+                if (tagname == "font") {
+                    if (font_size == "7") {
+                        tagname = "large";
+                    } else if (font_size == "2") {
+                        tagname = "small";
+                    }
+
+                    if (font_size && font_color) {
+                        return "<op:color:" + font_color + "><op:" + tagname + ">" + value + "</op:" + tagname + "></op:color>";
+                    } else if (font_color) {
+                        tagname = "color";
+                        opt = ":" + font_color;
+                    }
+
+                    if (tagname == "font") {  // can't convert
+                        return value;
+                    }
+                }
+
+                var converted = "<op:" + tagname + opt + ">" + value + "</op:" + tagname + ">";
+                return converted;
+            };
+
+            s = s.gsub(rule, convertHtmlTagToDecoTag);
             rep(/<br\s?\/?>/gi,"\n\n");
             rep(/&nbsp;/gi," ");
@@ -115 +138 @@
             rep(/&amp;/gi,"&");
 
-console.debug('ptt a', s);
             return s; 
         },
@@ -121 +143 @@
         _textToPreview : function(s) {
             s = tinymce.trim(s);
+            var rule = /&lt;op:(b|u|s|i|large|small|color)(:(#[0-9a-f]{3,6})|)&gt;(.*?)&lt;\/op:\1&gt;/;
 
             function rep(re, str) {
@@ -126 +149 @@
             };
 
-console.debug('ptp b', s);
+            function convertDecoTagToHtmlTag(matches)
+            {
+                var tagname = matches[1];
+                var color = matches[3];
+                var value = matches[4].gsub(rule, convertDecoTagToHtmlTag);
+                var opt = '';
+
+                if (tagname == 'color' && color) {
+                    tagname = 'font';
+                    opt = ' color="' + color + '"';
+                }
+
+                if (tagname == 'large') {
+                    tagname = 'font';
+                    opt = ' size="7"';
+                }
+            
+                if (tagname == 'small') {
+                    tagname = 'font';
+                    opt = ' size="2"';
+                }
+
+                var converted = "<" + tagname + opt + ">" + value + "</" + tagname + ">";
+                return converted;
+            };
+
             rep(/</gi,"&lt;");
             rep(/>/gi,"&gt;");
             rep(/\n/gi,"<br />");
-            rep(/&lt;op:color:?(.*?)&gt;/gi,"<font color=\"$1;\">");
-            rep(/&lt;op:large&gt;/gi,"<font size=\"7\">");
-            rep(/&lt;op:small&gt;/gi,"<font size=\"2\">");
-            rep(/&lt;\/op:(small|large|color)&gt;/gi,"</font>");
-            rep(/&lt;op:(b|u|s|i)&gt;/gi,"<$1>");
-            rep(/&lt;\/op:(b|u|s|i)&gt;/gi,"</$1>");
+            s = s.gsub(rule, convertDecoTagToHtmlTag);
 
-console.debug('ptp a', s);
             return s; 
         }