root / trunk / web / dojo / dojox / editor / README @ 12
History | View | Annotate | Download (12.1 KB)
1 |
------------------------------------------------------------------------------- |
---|---|
2 |
dojox.editor |
3 |
------------------------------------------------------------------------------- |
4 |
Version 0.9 |
5 |
Release date: 9/14/2009 |
6 |
------------------------------------------------------------------------------- |
7 |
Project state: |
8 |
experimental, beta, stable |
9 |
------------------------------------------------------------------------------- |
10 |
Credits |
11 |
Mike Wilcox - Author |
12 |
Jared Jurkiewicz - Author (PrettyPrint, PageBreak, ShowBlockNodes, |
13 |
Preview, Save, ToolbarLineBreak, InsertEntity, |
14 |
NormalizeIndentOutdent, Breadcrumb, FindReplace, |
15 |
CollapsibleToolbar, Blockquote, PasteFromWord, InsertAnchor, |
16 |
TextColor, NormalizeStyle, StatusBar) |
17 |
Dustin Machi - Technical Assistance |
18 |
David Schwartz and Gu Yi He (IBM) - Contributed enhancements to the |
19 |
look and feel of FindReplace, as well as behavioral |
20 |
improvements. |
21 |
------------------------------------------------------------------------------- |
22 |
Project description |
23 |
|
24 |
Space for extensions and additional plugins for dijit.Editor. The project |
25 |
currently contains the following plugins: |
26 |
|
27 |
dojox.editor.plugins.TablePlugins: |
28 |
Status: Experimental. |
29 |
The Table Plugins provide a mechanism for editing tables withing the |
30 |
dijit.Editor. This plugin is experimental and does not work correctly |
31 |
in all dojo supported browsers. |
32 |
|
33 |
dojox.editor.plugins.UploadImage: |
34 |
Status: Experimental. |
35 |
The UploadImage plugin makes use of the dojox upload widgets to provide |
36 |
a mechanism to upload images to your server for use in the editor. |
37 |
|
38 |
dojox.editor.plugins.PrettyPrint: |
39 |
Status: Supported (stable). |
40 |
The PrettyPrint plugin provides a mechanism by which the output from |
41 |
editor.getValue()/editor.attr("value") is nicely formatted. Optional |
42 |
format parameters are how many spaces to indent by (default is tab), |
43 |
the maximum text line length (not including indent), and what |
44 |
characters in text strings should be encoded to their &<enc>; |
45 |
representation. |
46 |
|
47 |
dojox.editor.plugins.PageBreak: |
48 |
Status: Supported (stable). |
49 |
A simple plugin that allows you to insert 'page breaks' into the doc |
50 |
being edited. These page break styles will then cause the document |
51 |
to break to another page when printed. |
52 |
|
53 |
dojox.editor.plugins.ShowBlockNodes: |
54 |
Status: Supported (stable). |
55 |
A simple plugin that allows you to toggle on and off a CSS 'view' of |
56 |
how the page is laid out in terms of the block nodes used for its |
57 |
formatting. |
58 |
|
59 |
dojox.editor.plugins.Save: |
60 |
Status: Supported (beta). |
61 |
A simple plugin that allows you to POST the content of the editor back |
62 |
to a URL. |
63 |
|
64 |
dojox.editor.plugins.Preview: |
65 |
Status: Supported (beta). |
66 |
A simple plugin that allows you to display the content of the editor |
67 |
in a new window and apply a set of styles to it so you can see how |
68 |
content will look with various styles applied. It is likely this |
69 |
plugin will still evolve a bit. |
70 |
|
71 |
dojox.editor.plugins.ToolbarLineBreak: |
72 |
Status: Supported (stable). |
73 |
An extremely simple plugin that allows you to 'linebreak' the dijit toolbar so that really long |
74 |
toolbars for editor (lots of plugins enabled), can be broken up into multiple rows. |
75 |
|
76 |
dojox.editor.plugins.InsertEntity: |
77 |
Status: Experimental (unsupported). |
78 |
A plugin that enables the ability to insert HTML/XML entity characters |
79 |
into a page. These are often called 'symbols'. The set it provides are the |
80 |
basic latin (8859) set and a portion of greek symbols common to mathematics. |
81 |
It has been marked experimental as it is likely this plugin will evolve a bit. |
82 |
|
83 |
dojox.editor.plugins.NormalizeIndentOutdent: |
84 |
Status: Experimental (unsupported). |
85 |
A plugin that normalizes the behavior of indent/outdent to use margin styles instead |
86 |
of <blockquote> tags. Also fixes indent/outdent of lists to work properly. This is new |
87 |
and has been tested, but not extensively. Therefore it is currently classed as experimental. |
88 |
|
89 |
dojox.editor.plugins.Breadcrumb: |
90 |
Status: Experimental (unsupported). |
91 |
A plugin that adds a breadcrumb toolbar to the bottom of the editor. Useful for seeing |
92 |
where you aren and what operations you can perform. This is new and has been tested, but not |
93 |
extensively. Therefore it is currently classed as experimental. |
94 |
|
95 |
dojox.editor.plugins.FindReplace: |
96 |
Status: Experimental (unsupported). |
97 |
A plugin that adds a togglable Find/Replace toolbar to the editor. Useful for searching |
98 |
and replacing text strings in the editor content. Only works on FF, IE, and WebKit. No Opera |
99 |
support. This is new and has been tested, but not extensively. Therefore it is currently |
100 |
classed as experimental. |
101 |
|
102 |
dojox.editor.plugins.CollapsibleToolbar: |
103 |
Status: Supported (Stable). |
104 |
A plugin that modified the header node of the editor so that it is 'collapsible'. Meaning that |
105 |
it can be closed (reduced), and reopened. Useful for increasing editor real-estate. |
106 |
|
107 |
dojox.editor.plugins.Blockquote: |
108 |
Status: Supported (Stable). |
109 |
A plugin that puts a button on the toolbar that allows users to select text for a semantic |
110 |
'blockquote' tag-wrap action. It toggles on and off during state changes to determine if |
111 |
the current section is contained within a blockquote. |
112 |
|
113 |
dojox.editor.plugins.PasteFromWord: |
114 |
Status: Beta (unsupported). |
115 |
A plugin that puts a button that opens a dialog to paste in content from Word and similar |
116 |
programs like wordpad. It will then filter out extraneous and bad html from the content |
117 |
before injecting it into the RTE. Experimental as the filter list may not be complete yet. |
118 |
Feedback is welcome and appreciated. Filters will be updated based on it. |
119 |
|
120 |
dojox.editor.plugins.InsertAnchor: |
121 |
Status: Stable (supported). |
122 |
A plugin that allows anchor points to be inserted into the document being edited. |
123 |
The anchors are styled in the doc to make them easily visible/editable in the document. |
124 |
|
125 |
dojox.editor.plugins.TextColor: |
126 |
Status: Experimental (unsupported). |
127 |
A plugin that makes use of the dojox.widget.ColorPicker widget in lieu of the |
128 |
dijit.ColorPalette. |
129 |
|
130 |
dojox.editor.plugins.NormalizeStyle: |
131 |
Status: Experimental (unsupported). |
132 |
A plugin that tries to normalize the output from the editor as either CSS styled or semantic (<b>, <i>, etc) |
133 |
style. |
134 |
|
135 |
dojox.editor.plugins.StatusBar: |
136 |
Status: Experimental (unsupported). |
137 |
A plugin that adds a status bar and an optional resize handle to the footer of the editor. |
138 |
|
139 |
------------------------------------------------------------------------------- |
140 |
Dependencies: |
141 |
|
142 |
dijit |
143 |
dojox.form |
144 |
dojox.html.format |
145 |
dojox.widget.ColorPicker |
146 |
dojox.layout.ResizeHandle |
147 |
|
148 |
------------------------------------------------------------------------------- |
149 |
Documentation |
150 |
|
151 |
The plugins directory contains extensions which work with dijit.Editor. |
152 |
|
153 |
See also: |
154 |
http://docs.dojocampus.org/dojox/editor/plugins/TablePlugins |
155 |
http://docs.dojocampus.org/dojox/editor/plugins/PrettyPrint |
156 |
http://docs.dojocampus.org/dojox/editor/plugins/PageBreak |
157 |
http://docs.dojocampus.org/dojox/editor/plugins/ShowBlockNodes |
158 |
http://docs.dojocampus.org/dojox/editor/plugins/Preview |
159 |
http://docs.dojocampus.org/dojox/editor/plugins/Save |
160 |
http://docs.dojocampus.org/dojox/editor/plugins/ToolbarLineBreak |
161 |
http://docs.dojocampus.org/dojox/editor/plugins/InsertEntity |
162 |
http://docs.dojocampus.org/dojox/editor/plugins/NormalizeIndentOutdent |
163 |
http://docs.dojocampus.org/dojox/editor/plugins/Breadcrumb |
164 |
http://docs.dojocampus.org/dojox/editor/plugins/FindReplace |
165 |
http://docs.dojocampus.org/dojox/editor/plugins/CollapsibleToolbar |
166 |
http://docs.dojocampus.org/dojox/editor/plugins/Blockquote |
167 |
http://docs.dojocampus.org/dojox/editor/plugins/PasteFromWord |
168 |
http://docs.dojocampus.org/dojox/editor/plugins/InsertAnchor |
169 |
http://docs.dojocampus.org/dojox/editor/plugins/TextColor |
170 |
http://docs.dojocampus.org/dojox/editor/plugins/NormalizeStyle |
171 |
http://docs.dojocampus.org/dojox/editor/plugins/StatusBar |
172 |
|
173 |
------------------------------------------------------------------------------- |
174 |
Plugin Installation instructions |
175 |
|
176 |
Get dojo and dijit from svn. Include the Editor and plugins in your page: |
177 |
|
178 |
dojo.require("dijit.Editor"); |
179 |
|
180 |
For the TablePlugins: |
181 |
dojo.require("dojox.editor.plugins.TablePlugins"); |
182 |
and CSS: |
183 |
<link href="[path]dojox/editor/plugins/resources/editorPlugins.css" type="text/css" rel="stylesheet" /> |
184 |
|
185 |
For the UploadImage plugin: |
186 |
dojo.require("dojox.editor.plugins.UploadImage"); |
187 |
and CSS: |
188 |
<link href="[path]dojox/editor/plugins/resources/editorPlugins.css" type="text/css" rel="stylesheet" /> |
189 |
<link href="[path]dojox/form/resources/FileInput.css" type="text/css" rel="stylesheet" /> |
190 |
|
191 |
For the PrettyPrint plugin: |
192 |
dojo.require("dojox.editor.plugins.PrettyPrint"); |
193 |
and CSS: |
194 |
No CSS required. |
195 |
|
196 |
For the PageBreak plugin: |
197 |
dojo.require("dojox.editor.plugins.PageBreak"); |
198 |
and CSS: |
199 |
<link href="[path]dojox/editor/plugins/resources/css/PageBreak.css" type="text/css" rel="stylesheet" /> |
200 |
|
201 |
For the ShowBlockNodes plugin: |
202 |
dojo.require("dojox.editor.plugins.ShowBockNodes"); |
203 |
and CSS: |
204 |
<link href="[path]dojox/editor/plugins/resources/css/ShowBlockNodes.css" type="text/css" rel="stylesheet" /> |
205 |
|
206 |
For the Preview plugin: |
207 |
dojo.require("dojox.editor.plugins.Preview"); |
208 |
and CSS: |
209 |
<link href="[path]dojox/editor/plugins/resources/css/Preview.css" type="text/css" rel="stylesheet" /> |
210 |
|
211 |
For the Save plugin: |
212 |
dojo.require("dojox.editor.plugins.Save"); |
213 |
and CSS: |
214 |
<link href="[path]dojox/editor/plugins/resources/css/Save.css" type="text/css" rel="stylesheet" /> |
215 |
|
216 |
For the ToolbarLineBreak plugin: |
217 |
dojo.require("dojox.editor.plugins.ToolbarLineBreak"); |
218 |
and CSS: |
219 |
No CSS required. |
220 |
|
221 |
For the InsertEntity plugin: |
222 |
dojo.require("dojox.editor.plugins.InsertEntity"); |
223 |
and CSS: |
224 |
<link href="[path]dojox/editor/plugins/resources/css/InsertEntity.css" type="text/css" rel="stylesheet" /> |
225 |
|
226 |
For the NormalizeIndentOutdent plugin: |
227 |
dojo.require("dojox.editor.plugins.NormalizeIndentOutdent"); |
228 |
and CSS: |
229 |
No CSS required. |
230 |
|
231 |
For the Breadcrumb plugin: |
232 |
dojo.require("dojox.editor.plugins.Breadcrumb"); |
233 |
and CSS: |
234 |
<link href="[path]dojox/editor/plugins/resources/css/Breadcrumb.css" type="text/css" rel="stylesheet" /> |
235 |
|
236 |
For the FindReplace plugin: |
237 |
dojo.require("dojox.editor.plugins.FindReplace"); |
238 |
and CSS: |
239 |
<link href="[path]dojox/editor/plugins/resources/css/FindReplace.css" type="text/css" rel="stylesheet" /> |
240 |
|
241 |
For the CollapsibleToolbar plugin: |
242 |
dojo.require("dojox.editor.plugins.CollapsibleToolbar"); |
243 |
and CSS: |
244 |
<link href="[path]dojox/editor/plugins/resources/css/CollapsibleToolbar.css" type="text/css" rel="stylesheet" /> |
245 |
|
246 |
For the Blockquote plugin: |
247 |
dojo.require("dojox.editor.plugins.Blockquote"); |
248 |
and CSS: |
249 |
<link href="[path]dojox/editor/plugins/resources/css/Blockquote.css" type="text/css" rel="stylesheet" /> |
250 |
|
251 |
For the PasteFromWord plugin: |
252 |
dojo.require("dojox.editor.plugins.PasteFromWord"); |
253 |
and CSS: |
254 |
<link href="[path]dojox/editor/plugins/resources/css/PasteFromWord.css" type="text/css" rel="stylesheet" /> |
255 |
|
256 |
For the InsertAnchor plugin: |
257 |
dojo.require("dojox.editor.plugins.InsertAnchor"); |
258 |
and CSS: |
259 |
<link href="[path]dojox/editor/plugins/resources/css/InsertAnchor.css" type="text/css" rel="stylesheet" /> |
260 |
|
261 |
For the TextColor plugin: |
262 |
dojo.require("dojox.editor.plugins.TextColor"); |
263 |
and CSS: |
264 |
<link href="[path]dojox/editor/plugins/resources/css/TextColor.css" type="text/css" rel="stylesheet" /> |
265 |
|
266 |
For the NormalizeStyle plugin: |
267 |
dojo.require("dojox.editor.plugins.NormalizeStyle"); |
268 |
and CSS: |
269 |
No CSS required. |
270 |
|
271 |
For the StatusBar plugin: |
272 |
dojo.require("dojox.editor.plugins.StatusBar"); |
273 |
and CSS: |
274 |
<link href="[path]dojox/editor/plugins/resources/css/StatusBar.css" type="text/css" rel="stylesheet" /> |
275 |
|
276 |
See tests for examples: |
277 |
dojox/editor/tests/editorTablePlugs.html |
278 |
dojox/editor/tests/editorUploadPlug.html |
279 |
dojox/editor/tests/editorPrettyPrint.html |
280 |
dojox/editor/tests/editorPageBreak.html |
281 |
dojox/editor/tests/editorShowBlockNodes.html |
282 |
dojox/editor/tests/editorPreview.html |
283 |
dojox/editor/tests/editorSave.html |
284 |
dojox/editor/tests/editorToolbarLineBreak.html |
285 |
dojox/editor/tests/editorInsertEntity.html |
286 |
dojox/editor/tests/editorNormalizeIndentOutdent.html |
287 |
dojox/editor/tests/editorBreadcrumb.html |
288 |
dojox/editor/tests/editorFindReplace.html |
289 |
dojox/editor/tests/editorCollapsibleToolbar.html |
290 |
dojox/editor/tests/editorBlockquote.html |
291 |
dojox/editor/tests/editorPasteFromWord.html |
292 |
dojox/editor/tests/editorInsertAnchor.html |
293 |
dojox/editor/tests/editorTextColor.html |
294 |
dojox/editor/tests/editorNormalizeStyle.html |
295 |
dojox/editor/tests/editorStatusBar.html |
296 |
dojox/editor/tests/testPluginsAll.html |