1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
/*
Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
Available via Academic Free License >= 2.1 OR the modified BSD license.
see: http://dojotoolkit.org/license for details
*/
if(!dojo._hasResource["dojox.editor.plugins.Preview"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dojox.editor.plugins.Preview"] = true;
dojo.provide("dojox.editor.plugins.Preview");
dojo.require("dijit.form.Button");
dojo.require("dijit._editor._Plugin");
dojo.require("dojo.i18n");
dojo.requireLocalization("dojox.editor.plugins", "Preview", null, "ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,kk,ko,nb,nl,pl,pt,pt-pt,ro,ru,sl,sv,th,tr,zh,zh-tw");
dojo.declare("dojox.editor.plugins.Preview",dijit._editor._Plugin,{
// summary:
// This plugin provides Preview cabability to the editor. When
// clicked, the document in the editor frame will displayed in a separate
// window/tab
// useDefaultCommand [protected]
// Over-ride indicating that the command processing is done all by this plugin.
useDefaultCommand: false,
// styles: [public] String
// A string of CSS styles to apply to the previewed content, if any.
styles: "",
// stylesheets: [public] Array
// An array of stylesheets to import into the preview, if any.
stylesheets: null,
// iconClassPrefix: [const] String
// The CSS class name for the button node icon.
iconClassPrefix: "dijitAdditionalEditorIcon",
_initButton: function(){
// summary:
// Over-ride for creation of the preview button.
this._nlsResources = dojo.i18n.getLocalization("dojox.editor.plugins", "Preview");
this.button = new dijit.form.Button({
label: this._nlsResources["preview"],
showLabel: false,
iconClass: this.iconClassPrefix + " " + this.iconClassPrefix + "Preview",
tabIndex: "-1",
onClick: dojo.hitch(this, "_preview")
});
},
setEditor: function(editor){
// summary:
// Over-ride for the setting of the editor.
// editor: Object
// The editor to configure for this plugin to use.
this.editor = editor;
this._initButton();
},
updateState: function(){
// summary:
// Over-ride for button state control for disabled to work.
this.button.set("disabled", this.get("disabled"));
},
_preview: function(){
// summary:
// Function to trigger previewing of the editor document
// tags:
// private
try{
var content = this.editor.get("value");
var head = "\t\t<meta http-equiv='Content-Type' content='text/html; charset='UTF-8'>\n";
var i;
// Apply the stylesheets, then apply the styles.
if(this.stylesheets){
for(i = 0; i < this.stylesheets.length; i++){
head += "\t\t<link rel='stylesheet' type='text/css' href='" + this.stylesheets[i] + "'>\n";
}
}
if(this.styles){
head += ("\t\t<style>" + this.styles + "</style>\n");
}
content = "<html>\n\t<head>\n" + head + "\t</head>\n\t<body>\n" + content + "\n\t</body>\n</html>";
var win = window.open("javascript: ''", this._nlsResources["preview"], "status=1,menubar=0,location=0,toolbar=0");
win.document.open();
win.document.write(content);
win.document.close();
}catch(e){
console.warn(e);
}
}
});
// Register this plugin.
dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
if(o.plugin){ return; }
var name = o.args.name.toLowerCase();
if(name === "preview"){
o.plugin = new dojox.editor.plugins.Preview({
styles: ("styles" in o.args)?o.args.styles:"",
stylesheets: ("stylesheets" in o.args)? o.args.stylesheets:null
});
}
});
}
|
