root / trunk / web / dojo / dijit / _editor / plugins / ViewSource.js
History | View | Annotate | Download (8.28 KB)
| 1 | 9 | andrej.cim | /*
|
|---|---|---|---|
| 2 | Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
||
| 3 | Available via Academic Free License >= 2.1 OR the modified BSD license.
|
||
| 4 | see: http://dojotoolkit.org/license for details
|
||
| 5 | */
|
||
| 6 | |||
| 7 | |||
| 8 | if(!dojo._hasResource["dijit._editor.plugins.ViewSource"]){ |
||
| 9 | dojo._hasResource["dijit._editor.plugins.ViewSource"]=true; |
||
| 10 | dojo.provide("dijit._editor.plugins.ViewSource");
|
||
| 11 | dojo.require("dojo.window");
|
||
| 12 | dojo.require("dojo.i18n");
|
||
| 13 | dojo.require("dijit._editor._Plugin");
|
||
| 14 | dojo.require("dijit.form.Button");
|
||
| 15 | dojo.requireLocalization("dijit._editor","commands",null,"ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw"); |
||
| 16 | dojo.declare("dijit._editor.plugins.ViewSource",dijit._editor._Plugin,{stripScripts:true,stripComments:true,stripIFrames:true,readOnly:false,_fsPlugin:null,toggle:function(){ |
||
| 17 | if(dojo.isWebKit){
|
||
| 18 | this._vsFocused=true; |
||
| 19 | } |
||
| 20 | this.button.set("checked",!this.button.get("checked")); |
||
| 21 | },_initButton:function(){ |
||
| 22 | var _1=dojo.i18n.getLocalization("dijit._editor","commands"),_2=this.editor; |
||
| 23 | this.button=new dijit.form.ToggleButton({label:_1["viewSource"],dir:_2.dir,lang:_2.lang,showLabel:false,iconClass:this.iconClassPrefix+" "+this.iconClassPrefix+"ViewSource",tabIndex:"-1",onChange:dojo.hitch(this,"_showSource")}); |
||
| 24 | if(dojo.isIE==7){ |
||
| 25 | this._ieFixNode=dojo.create("div",{style:{opacity:"0",zIndex:"-1000",position:"absolute",top:"-1000px"}},dojo.body()); |
||
| 26 | } |
||
| 27 | this.button.set("readOnly",false); |
||
| 28 | },setEditor:function(_3){ |
||
| 29 | this.editor=_3;
|
||
| 30 | this._initButton();
|
||
| 31 | this.editor.addKeyHandler(dojo.keys.F12,true,true,dojo.hitch(this,function(e){ |
||
| 32 | this.button.focus();
|
||
| 33 | this.toggle();
|
||
| 34 | dojo.stopEvent(e); |
||
| 35 | setTimeout(dojo.hitch(this,function(){ |
||
| 36 | this.editor.focus();
|
||
| 37 | }),100);
|
||
| 38 | })); |
||
| 39 | },_showSource:function(_4){ |
||
| 40 | var ed=this.editor; |
||
| 41 | var _5=ed._plugins;
|
||
| 42 | var _6;
|
||
| 43 | this._sourceShown=_4;
|
||
| 44 | var _7=this; |
||
| 45 | try{
|
||
| 46 | if(!this.sourceArea){ |
||
| 47 | this._createSourceView();
|
||
| 48 | } |
||
| 49 | if(_4){
|
||
| 50 | ed._sourceQueryCommandEnabled=ed.queryCommandEnabled; |
||
| 51 | ed.queryCommandEnabled=function(_8){ |
||
| 52 | var _9=_8.toLowerCase();
|
||
| 53 | if(_9==="viewsource"){ |
||
| 54 | return true; |
||
| 55 | }else{
|
||
| 56 | return false; |
||
| 57 | } |
||
| 58 | }; |
||
| 59 | this.editor.onDisplayChanged();
|
||
| 60 | _6=ed.get("value");
|
||
| 61 | _6=this._filter(_6);
|
||
| 62 | ed.set("value",_6);
|
||
| 63 | this._pluginList=[];
|
||
| 64 | this._disabledPlugins=dojo.filter(_5,function(p){ |
||
| 65 | if(p&&p.button&&!p.button.get("disabled")&&!(p instanceof dijit._editor.plugins.ViewSource)){ |
||
| 66 | p._vs_updateState=p.updateState; |
||
| 67 | p.updateState=function(){ |
||
| 68 | return false; |
||
| 69 | }; |
||
| 70 | p.button.set("disabled",true); |
||
| 71 | if(p.command){
|
||
| 72 | switch(p.command){
|
||
| 73 | case "bold": |
||
| 74 | case "italic": |
||
| 75 | case "underline": |
||
| 76 | case "strikethrough": |
||
| 77 | case "superscript": |
||
| 78 | case "subscript": |
||
| 79 | p.button.set("checked",false); |
||
| 80 | break;
|
||
| 81 | default:
|
||
| 82 | break;
|
||
| 83 | } |
||
| 84 | } |
||
| 85 | return true; |
||
| 86 | } |
||
| 87 | }); |
||
| 88 | if(this._fsPlugin){ |
||
| 89 | this._fsPlugin._getAltViewNode=function(){ |
||
| 90 | return _7.sourceArea;
|
||
| 91 | }; |
||
| 92 | } |
||
| 93 | this.sourceArea.value=_6;
|
||
| 94 | var is=dojo.marginBox(ed.iframe.parentNode);
|
||
| 95 | dojo.marginBox(this.sourceArea,{w:is.w,h:is.h}); |
||
| 96 | dojo.style(ed.iframe,"display","none"); |
||
| 97 | dojo.style(this.sourceArea,{display:"block"}); |
||
| 98 | var _a=function(){ |
||
| 99 | var vp=dojo.window.getBox();
|
||
| 100 | if("_prevW" in this&&"_prevH" in this){ |
||
| 101 | if(vp.w===this._prevW&&vp.h===this._prevH){ |
||
| 102 | return;
|
||
| 103 | }else{
|
||
| 104 | this._prevW=vp.w;
|
||
| 105 | this._prevH=vp.h;
|
||
| 106 | } |
||
| 107 | }else{
|
||
| 108 | this._prevW=vp.w;
|
||
| 109 | this._prevH=vp.h;
|
||
| 110 | } |
||
| 111 | if(this._resizer){ |
||
| 112 | clearTimeout(this._resizer);
|
||
| 113 | delete this._resizer; |
||
| 114 | } |
||
| 115 | this._resizer=setTimeout(dojo.hitch(this,function(){ |
||
| 116 | delete this._resizer; |
||
| 117 | this._resize();
|
||
| 118 | }),10);
|
||
| 119 | }; |
||
| 120 | this._resizeHandle=dojo.connect(window,"onresize",this,_a); |
||
| 121 | setTimeout(dojo.hitch(this,this._resize),100); |
||
| 122 | this.editor.onNormalizedDisplayChanged();
|
||
| 123 | }else{
|
||
| 124 | if(!ed._sourceQueryCommandEnabled){
|
||
| 125 | return;
|
||
| 126 | } |
||
| 127 | dojo.disconnect(this._resizeHandle);
|
||
| 128 | delete this._resizeHandle; |
||
| 129 | ed.queryCommandEnabled=ed._sourceQueryCommandEnabled; |
||
| 130 | if(!this._readOnly){ |
||
| 131 | _6=this.sourceArea.value;
|
||
| 132 | _6=this._filter(_6);
|
||
| 133 | ed.beginEditing(); |
||
| 134 | ed.set("value",_6);
|
||
| 135 | ed.endEditing(); |
||
| 136 | } |
||
| 137 | dojo.forEach(this._disabledPlugins,function(p){ |
||
| 138 | p.button.set("disabled",false); |
||
| 139 | if(p._vs_updateState){
|
||
| 140 | p.updateState=p._vs_updateState; |
||
| 141 | } |
||
| 142 | }); |
||
| 143 | this._disabledPlugins=null; |
||
| 144 | dojo.style(this.sourceArea,"display","none"); |
||
| 145 | dojo.style(ed.iframe,"display","block"); |
||
| 146 | delete ed._sourceQueryCommandEnabled;
|
||
| 147 | this.editor.onDisplayChanged();
|
||
| 148 | } |
||
| 149 | setTimeout(dojo.hitch(this,function(){ |
||
| 150 | var _b=ed.domNode.parentNode;
|
||
| 151 | if(_b){
|
||
| 152 | var _c=dijit.getEnclosingWidget(_b);
|
||
| 153 | if(_c&&_c.resize){
|
||
| 154 | _c.resize(); |
||
| 155 | } |
||
| 156 | } |
||
| 157 | ed.resize(); |
||
| 158 | }),300);
|
||
| 159 | } |
||
| 160 | catch(e){
|
||
| 161 | } |
||
| 162 | },_resize:function(){ |
||
| 163 | var ed=this.editor; |
||
| 164 | var _d=ed.getHeaderHeight();
|
||
| 165 | var fH=ed.getFooterHeight();
|
||
| 166 | var eb=dojo.position(ed.domNode);
|
||
| 167 | var _e=dojo._getPadBorderExtents(ed.iframe.parentNode);
|
||
| 168 | var _f=dojo._getMarginExtents(ed.iframe.parentNode);
|
||
| 169 | var _10=dojo._getPadBorderExtents(ed.domNode);
|
||
| 170 | var _11=dojo._getMarginExtents(ed.domNode);
|
||
| 171 | var edb={w:eb.w-(_10.w+_11.w),h:eb.h-(_d+_10.h+_11.h+fH)}; |
||
| 172 | if(this._fsPlugin&&this._fsPlugin.isFullscreen){ |
||
| 173 | var vp=dojo.window.getBox();
|
||
| 174 | edb.w=(vp.w-_10.w); |
||
| 175 | edb.h=(vp.h-(_d+_10.h+fH)); |
||
| 176 | } |
||
| 177 | if(dojo.isIE){
|
||
| 178 | edb.h-=2;
|
||
| 179 | } |
||
| 180 | if(this._ieFixNode){ |
||
| 181 | var _12=-this._ieFixNode.offsetTop/1000; |
||
| 182 | edb.w=Math.floor((edb.w+0.9)/_12);
|
||
| 183 | edb.h=Math.floor((edb.h+0.9)/_12);
|
||
| 184 | } |
||
| 185 | dojo.marginBox(this.sourceArea,{w:edb.w-(_e.w+_f.w),h:edb.h-(_e.h+_f.h)}); |
||
| 186 | dojo.marginBox(ed.iframe.parentNode,{h:edb.h});
|
||
| 187 | },_createSourceView:function(){ |
||
| 188 | var ed=this.editor; |
||
| 189 | var _13=ed._plugins;
|
||
| 190 | this.sourceArea=dojo.create("textarea"); |
||
| 191 | if(this.readOnly){ |
||
| 192 | dojo.attr(this.sourceArea,"readOnly",true); |
||
| 193 | this._readOnly=true; |
||
| 194 | } |
||
| 195 | dojo.style(this.sourceArea,{padding:"0px",margin:"0px",borderWidth:"0px",borderStyle:"none"}); |
||
| 196 | dojo.place(this.sourceArea,ed.iframe,"before"); |
||
| 197 | if(dojo.isIE&&ed.iframe.parentNode.lastChild!==ed.iframe){
|
||
| 198 | dojo.style(ed.iframe.parentNode.lastChild,{width:"0px",height:"0px",padding:"0px",margin:"0px",borderWidth:"0px",borderStyle:"none"});
|
||
| 199 | } |
||
| 200 | ed._viewsource_oldFocus=ed.focus; |
||
| 201 | var _14=this; |
||
| 202 | ed.focus=function(){ |
||
| 203 | if(_14._sourceShown){
|
||
| 204 | _14.setSourceAreaCaret(); |
||
| 205 | }else{
|
||
| 206 | try{
|
||
| 207 | if(this._vsFocused){ |
||
| 208 | delete this._vsFocused; |
||
| 209 | dijit.focus(ed.editNode); |
||
| 210 | }else{
|
||
| 211 | ed._viewsource_oldFocus(); |
||
| 212 | } |
||
| 213 | } |
||
| 214 | catch(e){
|
||
| 215 | } |
||
| 216 | } |
||
| 217 | }; |
||
| 218 | var i,p;
|
||
| 219 | for(i=0;i<_13.length;i++){ |
||
| 220 | p=_13[i]; |
||
| 221 | if(p&&(p.declaredClass==="dijit._editor.plugins.FullScreen"||p.declaredClass===(dijit._scopeName+"._editor.plugins.FullScreen"))){ |
||
| 222 | this._fsPlugin=p;
|
||
| 223 | break;
|
||
| 224 | } |
||
| 225 | } |
||
| 226 | if(this._fsPlugin){ |
||
| 227 | this._fsPlugin._viewsource_getAltViewNode=this._fsPlugin._getAltViewNode; |
||
| 228 | this._fsPlugin._getAltViewNode=function(){ |
||
| 229 | return _14._sourceShown?_14.sourceArea:this._viewsource_getAltViewNode(); |
||
| 230 | }; |
||
| 231 | } |
||
| 232 | this.connect(this.sourceArea,"onkeydown",dojo.hitch(this,function(e){ |
||
| 233 | if(this._sourceShown&&e.keyCode==dojo.keys.F12&&e.ctrlKey&&e.shiftKey){ |
||
| 234 | this.button.focus();
|
||
| 235 | this.button.set("checked",false); |
||
| 236 | setTimeout(dojo.hitch(this,function(){ |
||
| 237 | ed.focus(); |
||
| 238 | }),100);
|
||
| 239 | dojo.stopEvent(e); |
||
| 240 | } |
||
| 241 | })); |
||
| 242 | },_stripScripts:function(_15){ |
||
| 243 | if(_15){
|
||
| 244 | _15=_15.replace(/<\s*script[^>]*>((.|\s)*?)<\\?\/\s*script\s*>/ig,""); |
||
| 245 | _15=_15.replace(/<\s*script\b([^<>]|\s)*>?/ig,""); |
||
| 246 | _15=_15.replace(/<[^>]*=(\s|)*[("|')]javascript:[^$1][(\s|.)]*[$1][^>]*>/ig,""); |
||
| 247 | } |
||
| 248 | return _15;
|
||
| 249 | },_stripComments:function(_16){ |
||
| 250 | if(_16){
|
||
| 251 | _16=_16.replace(/<!--(.|\s){1,}?-->/g,""); |
||
| 252 | } |
||
| 253 | return _16;
|
||
| 254 | },_stripIFrames:function(_17){ |
||
| 255 | if(_17){
|
||
| 256 | _17=_17.replace(/<\s*iframe[^>]*>((.|\s)*?)<\\?\/\s*iframe\s*>/ig,""); |
||
| 257 | } |
||
| 258 | return _17;
|
||
| 259 | },_filter:function(_18){ |
||
| 260 | if(_18){
|
||
| 261 | if(this.stripScripts){ |
||
| 262 | _18=this._stripScripts(_18);
|
||
| 263 | } |
||
| 264 | if(this.stripComments){ |
||
| 265 | _18=this._stripComments(_18);
|
||
| 266 | } |
||
| 267 | if(this.stripIFrames){ |
||
| 268 | _18=this._stripIFrames(_18);
|
||
| 269 | } |
||
| 270 | } |
||
| 271 | return _18;
|
||
| 272 | },setSourceAreaCaret:function(){ |
||
| 273 | var win=dojo.global;
|
||
| 274 | var _19=this.sourceArea; |
||
| 275 | dijit.focus(_19); |
||
| 276 | if(this._sourceShown&&!this.readOnly){ |
||
| 277 | if(dojo.isIE){
|
||
| 278 | if(this.sourceArea.createTextRange){ |
||
| 279 | var _1a=_19.createTextRange();
|
||
| 280 | _1a.collapse(true);
|
||
| 281 | _1a.moveStart("character",-99999); |
||
| 282 | _1a.moveStart("character",0); |
||
| 283 | _1a.moveEnd("character",0); |
||
| 284 | _1a.select(); |
||
| 285 | } |
||
| 286 | }else{
|
||
| 287 | if(win.getSelection){
|
||
| 288 | if(_19.setSelectionRange){
|
||
| 289 | _19.setSelectionRange(0,0); |
||
| 290 | } |
||
| 291 | } |
||
| 292 | } |
||
| 293 | } |
||
| 294 | },destroy:function(){ |
||
| 295 | if(this._ieFixNode){ |
||
| 296 | dojo.body().removeChild(this._ieFixNode);
|
||
| 297 | } |
||
| 298 | if(this._resizer){ |
||
| 299 | clearTimeout(this._resizer);
|
||
| 300 | delete this._resizer; |
||
| 301 | } |
||
| 302 | if(this._resizeHandle){ |
||
| 303 | dojo.disconnect(this._resizeHandle);
|
||
| 304 | delete this._resizeHandle; |
||
| 305 | } |
||
| 306 | this.inherited(arguments); |
||
| 307 | }}); |
||
| 308 | dojo.subscribe(dijit._scopeName+".Editor.getPlugin",null,function(o){ |
||
| 309 | if(o.plugin){
|
||
| 310 | return;
|
||
| 311 | } |
||
| 312 | var _1b=o.args.name.toLowerCase();
|
||
| 313 | if(_1b==="viewsource"){ |
||
| 314 | o.plugin=new dijit._editor.plugins.ViewSource({readOnly:("readOnly" in o.args)?o.args.readOnly:false,stripComments:("stripComments" in o.args)?o.args.stripComments:true,stripScripts:("stripScripts" in o.args)?o.args.stripScripts:true,stripIFrames:("stripIFrames" in o.args)?o.args.stripIFrames:true}); |
||
| 315 | } |
||
| 316 | }); |
||
| 317 | } |