ueditor 0.0.1 → 0.0.2

data/app/assets/javascripts/ueditor/dialogs/image/tangram.js

@@ -0,0 +1 @@
+var T,baidu=T=baidu||{version:"1.5.0"};baidu.guid="$BAIDU$";window[baidu.guid]=window[baidu.guid]||{};baidu.flash=baidu.flash||{};baidu.dom=baidu.dom||{};baidu.dom.g=function(a){if("string"==typeof a||a instanceof String){return document.getElementById(a)}else{if(a&&a.nodeName&&(a.nodeType==1||a.nodeType==9)){return a}}return null};baidu.g=baidu.G=baidu.dom.g;baidu.array=baidu.array||{};baidu.each=baidu.array.forEach=baidu.array.each=function(g,e,b){var d,f,c,a=g.length;if("function"==typeof e){for(c=0;c<a;c++){f=g[c];d=e.call(b||g,f,c);if(d===false){break}}}return g};baidu.lang=baidu.lang||{};baidu.lang.isFunction=function(a){return"[object Function]"==Object.prototype.toString.call(a)};baidu.lang.isString=function(a){return"[object String]"==Object.prototype.toString.call(a)};baidu.isString=baidu.lang.isString;baidu.swf=baidu.swf||{};baidu.swf.version=(function(){var h=navigator;if(h.plugins&&h.mimeTypes.length){var d=h.plugins["Shockwave Flash"];if(d&&d.description){return d.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s)+r/,".")+".0"}}else{if(window.ActiveXObject&&!window.opera){for(var b=12;b>=2;b--){try{var g=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+b);if(g){var a=g.GetVariable("$version");return a.replace(/WIN/g,"").replace(/,/g,".")}}catch(f){}}}}})();baidu.string=baidu.string||{};baidu.string.encodeHTML=function(a){return String(a).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")};baidu.encodeHTML=baidu.string.encodeHTML;baidu.swf.createHTML=function(s){s=s||{};var j=baidu.swf.version,g=s.ver||"6.0.0",f,d,e,c,h,r,a={},o=baidu.string.encodeHTML;for(c in s){a[c]=s[c]}s=a;if(j){j=j.split(".");g=g.split(".");for(e=0;e<3;e++){f=parseInt(j[e],10);d=parseInt(g[e],10);if(d<f){break}else{if(d>f){return""}}}}else{return""}var m=s.vars,l=["classid","codebase","id","width","height","align"];s.align=s.align||"middle";s.classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000";s.codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0";s.movie=s.url||"";delete s.vars;delete s.url;if("string"==typeof m){s.flashvars=m}else{var p=[];for(c in m){r=m[c];p.push(c+"="+encodeURIComponent(r))}s.flashvars=p.join("&")}var n=["<object "];for(e=0,h=l.length;e<h;e++){r=l[e];n.push(" ",r,'="',o(s[r]),'"')}n.push(">");var b={wmode:1,scale:1,quality:1,play:1,loop:1,menu:1,salign:1,bgcolor:1,base:1,allowscriptaccess:1,allownetworking:1,allowfullscreen:1,seamlesstabbing:1,devicefont:1,swliveconnect:1,flashvars:1,movie:1};for(c in s){r=s[c];c=c.toLowerCase();if(b[c]&&(r||r===false||r===0)){n.push('<param name="'+c+'" value="'+o(r)+'" />')}}s.src=s.movie;s.name=s.id;delete s.id;delete s.movie;delete s.classid;delete s.codebase;s.type="application/x-shockwave-flash";s.pluginspage="http://www.macromedia.com/go/getflashplayer";n.push("<embed");var q;for(c in s){r=s[c];if(r||r===false||r===0){if((new RegExp("^salign\x24","i")).test(c)){q=r;continue}n.push(" ",c,'="',o(r),'"')}}if(q){n.push(' salign="',o(q),'"')}n.push("></embed></object>");return n.join("")};baidu.swf.create=function(a,c){a=a||{};var b=baidu.swf.createHTML(a)||a.errorMessage||"";if(c&&"string"==typeof c){c=document.getElementById(c)}if(c){c.innerHTML=b}else{document.write(b)}};baidu.browser=baidu.browser||{};baidu.browser.ie=baidu.ie=/msie (\d+\.\d+)/i.test(navigator.userAgent)?(document.documentMode||+RegExp["\x241"]):undefined;baidu.array.remove=function(c,b){var a=c.length;while(a--){if(a in c&&c[a]===b){c.splice(a,1)}}return c};baidu.lang.isArray=function(a){return"[object Array]"==Object.prototype.toString.call(a)};baidu.lang.toArray=function(b){if(b===null||b===undefined){return[]}if(baidu.lang.isArray(b)){return b}if(typeof b.length!=="number"||typeof b==="string"||baidu.lang.isFunction(b)){return[b]}if(b.item){var a=b.length,c=new Array(a);while(a--){c[a]=b[a]}return c}return[].slice.call(b)};baidu.swf.getMovie=function(c){var a=document[c],b;return baidu.browser.ie==9?a&&a.length?(b=baidu.array.remove(baidu.lang.toArray(a),function(d){return d.tagName.toLowerCase()!="embed"})).length==1?b[0]:b:a:a||window[c]};baidu.flash._Base=(function(){var d="bd__flash__";function b(){return d+Math.floor(Math.random()*2147483648).toString(36)}function a(g){if(typeof g!=="undefined"&&typeof g.flashInit!=="undefined"&&g.flashInit()){return true}else{return false}}function c(h,i){var g=null;h=h.reverse();baidu.each(h,function(j){g=i.call(j.fnName,j.params);j.callBack(g)})}function f(g){var h="";if(baidu.lang.isFunction(g)){h=b();window[h]=function(){g.apply(window,arguments)};return h}else{if(baidu.lang.isString){return g}}}function e(h){if(!h.id){h.id=b()}var g=h.container||"";delete (h.container);baidu.swf.create(h,g);return baidu.swf.getMovie(h.id)}return function(q,i){var n=this,h=(typeof q.autoRender!=="undefined"?q.autoRender:true),p=q.createOptions||{},l=null,m=false,k=[],g=null,i=i||[];n.render=function(){l=e(p);if(i.length>0){baidu.each(i,function(s,r){i[r]=f(q[s]||new Function())})}n.call("setJSFuncName",[i])};n.isReady=function(){return m};n.call=function(u,t,s){if(!u){return}s=s||new Function();var r=null;if(m){r=l.call(u,t);s(r)}else{k.push({fnName:u,params:t,callBack:s});(!g)&&(g=setInterval(j,200))}};n.createFunName=function(r){return f(r)};function j(){if(a(l)){clearInterval(g);g=null;o();m=true}}function o(){c(k,l);k=[]}h&&n.render()}})();baidu.flash.imageUploader=baidu.flash.imageUploader||function(a){var b=this,a=a||{},c=new baidu.flash._Base(a,["selectFileCallback","exceedFileCallback","deleteFileCallback","startUploadCallback","uploadCompleteCallback","uploadErrorCallback","allCompleteCallback","changeFlashHeight"]);b.upload=function(){c.call("upload")};b.pause=function(){c.call("pause")}};

data/app/assets/javascripts/ueditor/dialogs/insertframe/insertframe.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>插入框架</title>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        * {
+            color: #838383
+        }
+
+        body {
+            font-size: 12px;
+            width: 320px;
+            height: 153px;
+            overflow: hidden;
+            margin: 0;
+            padding: 0;
+        }
+        .warp {
+            padding: 20px 0 0 15px;
+            height: 100%;
+            position: relative;
+        }
+        #url {
+            width: 290px;
+            margin-bottom: 2px
+        }
+        table td{
+            padding:5px 0px;
+        }
+
+    </style>
+</head>
+<body>
+<div class="warp">
+        <table width="300" cellpadding="0" cellspacing="0">
+
+            <tr>
+                <td colspan="2">
+                    <span>地址：</span><input style="width:200px" id="url" type="text" value=""/>
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2"><span>宽度：</span><input style="width:200px" type="text" id="width"/> px</td>
+
+            </tr>
+            <tr>
+                <td colspan="2"><span>高度：</span><input style="width:200px" type="text" id="height"/> px</td>
+            </tr>
+            <tr>
+                <td><span>允许滚动条：</span><input type="checkbox" id="scroll"/> </td>
+                <td><span>显示框架边框：</span><input type="checkbox" id="frameborder"/> </td>
+            </tr>
+
+            <tr>
+                <td colspan="2"><span>对齐方式：</span>
+                    <select id="align">
+                        <option value="">默认</option>
+                        <option value="left">左对齐</option>
+                        <option value="right">右对齐</option>
+                        <option value="middle">居中</option>
+                    </select>
+                </td>
+            </tr>
+        </table>
+</div>
+
+<script type="text/javascript">
+    var iframe = editor._iframe;
+    function g(id){
+        return document.getElementById( id );
+    }
+    if(iframe){
+        g("url").value = iframe.getAttribute("src") ? iframe.getAttribute("src") : "";
+        g("width").value = iframe.getAttribute("width") ?  iframe.getAttribute("width") : "";
+        g("height").value = iframe.getAttribute("height") ? iframe.getAttribute("height") : "";
+        g("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
+        g("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
+        g("align").value = iframe.align ? iframe.align : "";
+    }
+    function queding(){
+        var  url = g("url").value.replace(/^\s*|\s*$/ig,""),
+                width = g("width").value,
+                height = g("height").value,
+                scroll = g("scroll"),
+                frameborder = g("frameborder"),
+                float = g("align").value,
+                newIframe = editor.document.createElement("iframe"),
+                div;
+        if(!url){
+            alert("请输入地址！");
+            return false;
+        }
+        newIframe.setAttribute("src",/http:\/\/|https:\/\//ig.test(url) ? url : "http://"+url);
+        /^[1-9]+[.]?\d*$/g.test( width ) ? newIframe.setAttribute("width",width) : "";
+        /^[1-9]+[.]?\d*$/g.test( height ) ? newIframe.setAttribute("height",height) : "";
+        scroll.checked ?  newIframe.setAttribute("scrolling","yes") : newIframe.setAttribute("scrolling","no");
+        frameborder.checked ?  newIframe.setAttribute("frameborder","1",0) : newIframe.setAttribute("frameborder","0",0);
+        float ? newIframe.setAttribute("align",float) :  newIframe.setAttribute("align","");
+        if(iframe){
+            iframe.parentNode.insertBefore(newIframe,iframe);
+            parent.baidu.editor.dom.domUtils.remove(iframe);
+        }else{
+            div = editor.document.createElement("div");
+            div.appendChild(newIframe);
+            editor.execCommand("inserthtml",div.innerHTML);
+        }
+        editor._iframe = null;
+        dialog.close();
+    }
+    dialog.onok = queding;
+    g("url").onkeydown = function(evt){
+        evt = evt || event;
+        if(evt.keyCode == 13){
+            queding();
+        }
+    }
+    var ipt = g( "url" );
+    var isIE = !!window.ActiveXObject;
+    if ( isIE ) {
+        setTimeout( function () {
+            var r = ipt.createTextRange();
+            r.collapse( false );
+            r.select();
+        } );
+    }
+    ipt.focus();
+</script>
+</body>
+</html>

data/app/assets/javascripts/ueditor/dialogs/internal.js

@@ -0,0 +1,10 @@
+var dialog;
+var editor;
+var args;
+(function (){
+    var iframe = window.frameElement;
+    var parentWindow = window.parent;
+    var dialogId = iframe.id.replace(/_iframe$/, '');
+    dialog = parentWindow.$EDITORUI[dialogId];
+    editor = dialog.editor;
+})();

data/app/assets/javascripts/ueditor/dialogs/link/link.html

@@ -0,0 +1,130 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>插入链接</title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        *{color: #838383}
+        body {
+            font-size: 12px;
+            width:382px;
+            height: 100px;
+            overflow: hidden;
+            margin:0px;padding:0px;
+        }
+         span.txt{width: 60px;height:30px;line-height: 30px;display: block;float:left}
+        .content{
+            padding: 9px 0px 0px 15px;
+            height:100%;
+        }
+        #link_href,
+        #title{width:286px;height:21px;background: #FFF;border:1px solid #d7d7d7;padding: 0px; margin: 0px; line-height:21px}
+
+        #link_href{width:208px}
+        .content table{padding:0px;margin:0px}
+        .content table tr{padding:0px;margin:0px; list-style: none;height: 20px; line-height: 20px;}
+
+        .red{color:red;}
+    </style>
+</head>
+<body>
+<div class="content">
+    <table>
+        <tr>
+            <td><span class="txt">链接地址：</span>
+                <select id="protocol">
+                    <option value="http://">http://</option>
+                    <option value="https://">https://</option>
+                </select>
+                <input id="link_href" type="text" /><br/>
+            <span id="msg2" class="red"></span></td>
+        </tr>
+        <tr>
+            <td><span class="txt">标题：</span><input id="title" type="text"/></td>
+        </tr>
+        <tr>
+             <td><span>是否在新窗口打开：</span><input id="target" type="checkbox"/></td>
+        </tr>
+    </table>
+
+</div>
+<script type="text/javascript">
+    var a = editor.queryCommandValue("link"),link = {};
+    if(a){
+        link = a;
+    }
+    function G(id){
+        return document.getElementById(id);
+    }
+    function jbind(obj,evt,fun){
+        if(obj.addEventListener){  // firefox,w3c
+            obj.addEventListener(evt,fun,false);
+        }else{// ie
+            obj.attachEvent("on"+evt,function(){fun.apply(obj);});
+        }
+    }
+    function initIpt(){
+        if(link.href){
+            G("title").value = link.title ? link.title : "";
+            var href = link.getAttribute('data_ue_src') || link.href;
+            /^(?:http:\/\/)/ig.test(href) ? G("protocol").value="http://" : G("protocol").value="https://";
+            G("link_href").value = href.replace(/^(?:https?:\/\/)|(?:\/)$/ig,"");
+            if(link.target == "_blank"){
+                G("target").checked = true;
+            }
+        }
+        var ipt = G("link_href");
+        ipt.focus();
+        ipt.style.cssText = 'border:1px solid #ccc;background-color:#fafafa;';
+        jbind(ipt,'focus',function(){
+            this.style.cssText = 'border:1px solid #ccc;background-color:#fff;';
+        });
+        jbind(ipt,'blur',function(){
+            this.style.cssText = 'border:1px solid #ccc;background-color:#fafafa;';
+        });
+    }
+   
+    function handleDialogOk(){
+        var href = G('link_href').value || '';
+        var obj = {},td,link;
+        obj.href = href.replace(/^\s+|\s+$/g, '');
+        if(!obj.href){
+            G("msg2").innerHTML = "请输入链接地址！";
+            return false;
+        }
+        obj.href = G("protocol").value+obj.href;
+        if(G("target").checked){
+            obj["target"] = "_blank";
+        } else {
+            obj["target"] = "_self";
+        }
+        if(G("title").value.replace(/^\s+|\s+$/g, '')){
+            obj["title"] = G("title").value.replace(/^\s+|\s+$/g, '');
+        }
+        editor.execCommand('link', obj);
+        dialog.close();
+    }
+    var keyHandle = function(evt){
+        evt = evt || window.event;
+        if (evt.keyCode == 13) {
+            handleDialogOk();
+            return false;
+        }
+    }
+    initIpt();
+    dialog.onok = handleDialogOk;
+    G('link_href').onkeydown = keyHandle;
+    var ipt = G('link_href');
+    var isIE = !!window.ActiveXObject;
+    if (isIE) {
+        setTimeout(function (){
+            var r = ipt.createTextRange();
+            r.collapse(false);
+            r.select();
+        });
+    }
+</script>
+</body>
+</html>

data/app/assets/javascripts/ueditor/dialogs/map/map.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>插入地图</title>
+<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
+<script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        *{color: #838383}
+        body {
+            font-size: 12px;
+            width:540px;
+            height: 350px;
+            overflow: hidden;
+            margin:0px;padding:0px;
+        }
+        .content{
+            padding: 9px 0px 0px 15px;
+            height:100%;
+        }
+        .content table{padding:0px;margin:0px;width: 100%}
+        .content table tr{padding:0px;margin:0px; list-style: none;height: 30px; line-height: 30px;}
+        #city,
+        #address
+        {height:21px;background: #FFF;border:1px solid #d7d7d7;padding: 0px; margin: 0px; line-height: 21px;}
+        #city{width:90px}
+        #address{width:220px}
+
+         a.doSearch{display:block;text-align:center;line-height:24px; text-decoration: none;height:24px;width:95px;border: 0px;margin:0px;padding:0px;background:url(../../themes/default/images/icons-all.gif)  no-repeat;}
+         a.doSearch:hover{background-position: 0 -30px;}
+    </style>
+
+</head>
+<body>
+
+    <div class="content">
+
+<table>
+
+    <tr>
+        <td>城市:</td>
+        <td><input id="city" type="text" value="北京市" /></td>
+        <td>地址:</td>
+        <td><input id="address" type="text" value="" /></td>
+        <td><a href="javascript:doSearch()" class="doSearch">搜索</a></td>
+    </tr>
+
+</table>
+
+
+<div style="width:520px;height:340px;border:1px solid gray" id="container">
+</div>
+
+</div>
+<script type="text/javascript">
+
+    var map = new BMap.Map("container"),marker,point,imgcss;
+    map.enableScrollWheelZoom();
+    map.enableContinuousZoom();
+
+    
+    function doSearch(){
+        if (!document.getElementById('city').value) {
+            alert('请输入城市!');
+            return;
+        }
+        var search = new BMap.LocalSearch(document.getElementById('city').value, {
+            onSearchComplete: function (results){
+                if (results && results.getNumPois()) {
+                    var points = [];
+                    for (var i=0; i<results.getCurrentNumPois(); i++) {
+                        points.push(results.getPoi(i).point);
+                    }
+                    if (points.length > 1) {
+                        map.setViewport(points);
+                    } else {
+                        map.centerAndZoom(points[0], 13);
+                    }
+                    point = map.getCenter();
+                    marker.setPoint(point);
+                } else {
+                    alert('无法定位到该地址！');
+                }
+            }
+        });
+        search.search(document.getElementById('address').value || document.getElementById('city').value);
+    }
+    //获得参数
+    function getPars(str,par){
+        var reg = new RegExp(par+"=((\\d+|[.,])*)","g");
+        return reg.exec(str)[1];
+    }
+    function init(){
+        var img = editor.selection.getRange().getClosedNode();
+        if(img && /api[.]map[.]baidu[.]com/ig.test(img.getAttribute("src"))){
+            var url = img.getAttribute("src"),centers;
+            centers = getPars(url,"center").split(",");
+            point = new BMap.Point(Number(centers[0]),Number(centers[1]));
+            map.addControl(new BMap.NavigationControl());
+            map.centerAndZoom(point, Number(getPars(url,"zoom")));
+            imgcss = img.style.cssText;
+        }else{
+            point = new BMap.Point(116.404, 39.915);    // 创建点坐标
+            map.addControl(new BMap.NavigationControl());
+            map.centerAndZoom(point, 10);                     // 初始化地图,设置中心点坐标和地图级别。
+        }
+        marker = new BMap.Marker(point);
+        marker.enableDragging();
+        map.addOverlay(marker);
+    }
+    init();
+    document.getElementById('address').onkeydown = function (evt){
+        evt = evt || event;
+        if (evt.keyCode == 13) {
+            doSearch();
+        }
+    };
+    dialog.onok = function (){
+        var center = map.getCenter();
+        var zoom = map.zoomLevel;
+        var size = map.getSize();
+        var point = marker.getPoint();
+        var url = "http://api.map.baidu.com/staticimage?center=" + center.lng + ',' + center.lat +
+            "&zoom=" + zoom + "&width=" + size.width + '&height=' + size.height + "&markers=" + point.lng + ',' + point.lat;
+        editor.execCommand('inserthtml', '<img width="'+ size.width +'"height="'+ size.height +'" src="' + url + '"' + (imgcss ? ' style="' + imgcss + '"' :'') + '/>');
+    };
+    document.getElementById("address").focus();
+</script>
+
+
+</body>
+</html>

data/app/assets/javascripts/ueditor/dialogs/searchreplace/searchreplace.html

@@ -0,0 +1,254 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>查找替换</title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+
+
+        *{color: #838383}
+        body {
+            font-size: 12px;
+            width:380px;
+            height: 170px;
+            overflow: hidden;
+            margin:0px;padding:0px;
+        }
+        .warp{
+            padding: 39px 0px 0px 15px;
+            height:88%;position:relative;
+        }
+        * +html .warp{height:80%}
+        .head{position:absolute;height:31px;top:9px;}
+        .content{height:110px;border: 1px solid #ddd;padding:5px}
+        
+        .head span{width:62px;height:29px;line-height:29px;background:red;display:block;float: left;text-align: center;margin-right: 1px;cursor: pointer }
+        
+        
+        .head span.def{background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc;}
+        .head span.act{background:#FFF;border:1px solid #ccc;border-bottom: 1px solid #FFF}
+
+        .content table{width:100%;}
+        .content input.int{ width:190px;height:21px;background: #FFF;border:1px solid #d7d7d7;padding: 0px; margin: 0px;line-height:21px;}
+        .content input.btn{width:60px; text-align:center;line-height:24px; text-decoration: none;height:24px;border: 0px;margin:0px;padding:0px;background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc; }
+    </style>
+</head>
+<body>
+<div class="warp">
+    <div id="head" class="head">
+        <span name="find" class="act">查找</span> <span name="replace" class="def">替换</span>
+    </div>
+    <div class="content" id="find">
+        <table>
+            <tr>
+                <td width="80">查找：</td>
+                <td><input id="findtxt" type="text" class="int" /></td>
+            </tr>
+            <tr>
+                <td>区分大小写：</td>
+                <td>
+                    <input id="matchCase" type="checkbox" />
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <input id="nextFindBtn" type="button" value="下一个" class="btn" />
+                    <input id="preFindBtn" type="button" value="上一个"class="btn" />
+                </td>
+            </tr>
+        </table>
+    </div>
+    
+    <div class="content" id="replace">
+        <table>
+            <tr>
+                <td width="80">查找：</td>
+                <td><input id="findtxt1" type="text" class="int"  /></td>
+            </tr>
+            <tr>
+                <td>替换：</td>
+                <td><input id="replacetxt" type="text" class="int" /></td>
+            </tr>
+            <tr>
+                <td>区分大小写：</td>
+                <td>
+                    <input id="matchCase1" type="checkbox" />
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <input id="nextReplaceBtn" type="button" value="下一个" class="btn" />
+                    <input id="preReplaceBtn" type="button" value="上一个" class="btn" />
+                    <input id="repalceBtn" type="button" value="替换" class="btn" />
+                    <input id="allrepalceBtn" type="button" value="全部替换" class="btn" />
+                </td>
+            </tr>
+        </table>
+    </div>
+</div>
+<script type="text/javascript">
+        //清空上次查选的痕迹
+        editor.firstForSR = 0;
+        editor.currentRangeForSR = null;
+
+        g("replace").style.display = "none";
+        var sel =  editor.selection,
+            range = sel.getRange(),
+            searchStr = "";
+        if(!range.collapsed){
+            searchStr = sel._bakIERange ? sel._bakIERange.text : sel.getText();
+            g('findtxt').value = searchStr;
+        }
+        function g (id){
+            return document.getElementById(id);
+        }
+
+
+        function jbind (obj,evt,fun){
+            if(obj.addEventListener){  // firefox,w3c
+                obj.addEventListener(evt,fun,false);
+            }else{// ie
+                obj.attachEvent("on"+evt,function(){fun.apply(obj);});
+            }
+        }
+        //给tab注册切换事件
+        function toggletab(){
+            var tabs = document.getElementsByTagName("span");
+            for(var i=0,j;j=tabs[i];i++){
+                jbind(j,"click",function(){
+                    var name = this.getAttribute("name");
+
+                    var spans = document.getElementsByTagName("span");
+                    var len = spans.length;
+                    for(var s=0;s<len;s++){
+                        spans[s].className = 'def';
+                    }
+                    this.className = 'act';
+                    g("find").style.display = "none";
+                    g("replace").style.display = "none";
+                    g(name).style.display = "";
+                    g('findtxt1').value = g('findtxt').value;
+                });
+            }
+            tabs[0].focus();
+            g("findtxt").focus();
+        }
+        //是否区分大小写
+        function getMatchCase (id){
+            return g(id).checked ? true : false;
+        }
+        //查找
+        g("nextFindBtn").onclick = function(txt,dir,mcase){
+            var findtxt = g("findtxt").value,obj;
+            if(!findtxt){
+                alert("请输入查找内容！");
+                return false;
+            }
+            obj = {
+                searchStr : findtxt,
+                dir : 1,
+                casesensitive : getMatchCase("matchCase")
+            };
+            if(!frCommond(obj)){
+                alert("没有找到内容");
+            }
+        }
+        g("nextReplaceBtn").onclick = function(txt,dir,mcase){
+            var findtxt = g("findtxt1").value,obj;
+            if(!findtxt){
+                alert("请输入查找内容！");
+                return false;
+            }
+            obj = {
+                searchStr : findtxt,
+                dir : 1,
+                casesensitive : getMatchCase("matchCase1")
+            };
+            frCommond(obj);
+        }
+        g("preFindBtn").onclick = function(txt,dir,mcase){
+            var findtxt = g("findtxt").value,obj;
+            if(!findtxt){
+                alert("请输入查找内容！");
+                return false;
+            }
+            obj = {
+                searchStr : findtxt,
+                dir : -1,
+                casesensitive : getMatchCase("matchCase")
+            };
+            if(!frCommond(obj)){
+                alert("没有找到内容");
+            }
+        }
+        g("preReplaceBtn").onclick = function(txt,dir,mcase){
+            var findtxt = g("findtxt1").value,obj;
+            if(!findtxt){
+                alert("请输入查找内容！");
+                return false;
+            }
+            obj = {
+                searchStr : findtxt,
+                dir : -1,
+                casesensitive : getMatchCase("matchCase1")
+            };
+            frCommond(obj);
+        }
+        //替换
+        g("repalceBtn").onclick = function(){
+            var findtxt = g("findtxt1").value.replace(/^\s|\s$/g,""),obj,
+                replacetxt = g("replacetxt").value.replace(/^\s|\s$/g,"");
+            if(!findtxt){
+                alert("请输入需要替换的内容！");
+                return false;
+            }
+            if(findtxt == replacetxt || (!getMatchCase("matchCase1") && findtxt.toLowerCase() == replacetxt.toLowerCase())){
+                alert("查找内容与替换内容一样！")
+                return false;
+            }
+            obj = {
+                searchStr : findtxt,
+                dir : 1,
+                casesensitive : getMatchCase("matchCase1"),
+                replaceStr : replacetxt
+            };
+            if(!frCommond(obj)){
+                alert("没有可替换的内容");
+            }
+        }
+        //全部替换
+        g("allrepalceBtn").onclick = function(){
+            var findtxt = g("findtxt1").value.replace(/^\s|\s$/g,""),obj,
+                replacetxt = g("replacetxt").value.replace(/^\s|\s$/g,"");
+            if(!findtxt){
+                alert("请输入需要替换的内容！");
+                return false;
+            }
+            if(findtxt == replacetxt || (!getMatchCase("matchCase1") && findtxt.toLowerCase() == replacetxt.toLowerCase())){
+                alert("查找内容与替换内容一样！")
+                return false;
+            }
+            obj = {
+                searchStr : findtxt,
+                casesensitive : getMatchCase("matchCase1"),
+                replaceStr : replacetxt,
+                all : true
+            };
+            var num = frCommond(obj);
+            if(num){
+                alert("总共替换了"+num+"个");
+            }
+            if(!num){
+                alert("没有可替换的内容");
+            }
+        }
+        //执行
+        var frCommond = function(obj){
+            return editor.execCommand("searchreplace",obj);
+        }
+        toggletab();
+</script>
+</body>
+</html>