i18n_locale_editor 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG +7 -0
- data/README.rdoc +4 -3
- data/VERSION +1 -1
- data/app/helpers/translations_helper.rb +2 -1
- data/lib/i18n_locale_editor.rb +1 -20
- data/public/{i18n-locale-editor.js → i18n_locale_editor/i18n-locale-editor.js} +15 -4
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-blockquote.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-h1.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-h2.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-h3.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-h4.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-h5.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-h6.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-p.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/lbl-pre.png +0 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/wymiframe.css +90 -0
- data/public/i18n_locale_editor/wymeditor/iframe/default/wymiframe.html +26 -0
- data/public/i18n_locale_editor/wymeditor/jquery.wymeditor.js +4688 -0
- data/public/i18n_locale_editor/wymeditor/jquery.wymeditor.min.js +1 -0
- data/public/i18n_locale_editor/wymeditor/jquery.wymeditor.pack.js +1 -0
- data/public/i18n_locale_editor/wymeditor/lang/bg.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/ca.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/cs.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/cy.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/de.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/en.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/es.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/fa.js +46 -0
- data/public/i18n_locale_editor/wymeditor/lang/fi.js +44 -0
- data/public/i18n_locale_editor/wymeditor/lang/fr.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/gl.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/he.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/hr.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/hu.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/it.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/nb.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/nl.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/nn.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/pl.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/pt-br.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/pt.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/ru.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/sv.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/tr.js +45 -0
- data/public/i18n_locale_editor/wymeditor/lang/zh_cn.js +47 -0
- data/public/i18n_locale_editor/wymeditor/plugins/embed/jquery.wymeditor.embed.js +52 -0
- data/public/i18n_locale_editor/wymeditor/plugins/fullscreen/icon_fullscreen.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/plugins/fullscreen/jquery.wymeditor.fullscreen.js +127 -0
- data/public/i18n_locale_editor/wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js +57 -0
- data/public/i18n_locale_editor/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js +91 -0
- data/public/i18n_locale_editor/wymeditor/plugins/resizable/readme.txt +124 -0
- data/public/i18n_locale_editor/wymeditor/plugins/tidy/README +19 -0
- data/public/i18n_locale_editor/wymeditor/plugins/tidy/jquery.wymeditor.tidy.js +82 -0
- data/public/i18n_locale_editor/wymeditor/plugins/tidy/tidy.php +36 -0
- data/public/i18n_locale_editor/wymeditor/plugins/tidy/wand.png +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/compact/icons.png +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/compact/skin.css +134 -0
- data/public/i18n_locale_editor/wymeditor/skins/compact/skin.js +35 -0
- data/public/i18n_locale_editor/wymeditor/skins/default/icons.png +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/default/skin.css +133 -0
- data/public/i18n_locale_editor/wymeditor/skins/default/skin.js +40 -0
- data/public/i18n_locale_editor/wymeditor/skins/minimal/images/bg.header.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/minimal/images/bg.selector.silver.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/minimal/images/bg.wymeditor.png +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/minimal/images/icons.silver.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/minimal/skin.css +131 -0
- data/public/i18n_locale_editor/wymeditor/skins/minimal/skin.js +30 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/COPYING +674 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/README +27 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/images/bg.header.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/images/bg.selector.silver.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/images/bg.wymeditor.png +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/images/icons.silver.gif +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/skin.css +297 -0
- data/public/i18n_locale_editor/wymeditor/skins/silver/skin.js +61 -0
- data/public/i18n_locale_editor/wymeditor/skins/twopanels/icons.png +0 -0
- data/public/i18n_locale_editor/wymeditor/skins/twopanels/skin.css +134 -0
- data/public/i18n_locale_editor/wymeditor/skins/twopanels/skin.js +39 -0
- data/public/i18n_locale_editor/wymeditor/skins/wymeditor_icon.png +0 -0
- data/rails/init.rb +5 -5
- metadata +79 -5
@@ -0,0 +1,124 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
resizable plugin for WYMeditor
|
4
|
+
##############################
|
5
|
+
|
6
|
+
The ``resizable`` plugin for WYMeditor_ enables vertical resizing of the
|
7
|
+
editor area. The plugin is based on the jQuery UI library.
|
8
|
+
|
9
|
+
Requirements
|
10
|
+
============
|
11
|
+
The following packages are required for using the WYMeditor ``resizable``
|
12
|
+
plugin:
|
13
|
+
|
14
|
+
* jQuery (tested with jQuery ``jquery-1.2.4a.js`` from ``jquery.ui`` package)
|
15
|
+
* WYMeditor SVN trunk (Revision: 482)
|
16
|
+
* jQuery-UI (tested with ``jquery.ui-1.5b2``)
|
17
|
+
|
18
|
+
It should be possible to use this plugin with ``WYMeditor-0.4`` but I have not
|
19
|
+
tried.
|
20
|
+
|
21
|
+
Download
|
22
|
+
========
|
23
|
+
You can download the WYMeditor ``resizable`` plugin here:
|
24
|
+
|
25
|
+
* wymeditor-resizable-plugin-0.2.tgz_
|
26
|
+
* wymeditor-resizable-plugin-0.1.tgz_
|
27
|
+
|
28
|
+
See the Changelog_ for more infos about the releases.
|
29
|
+
|
30
|
+
.. _wymeditor-resizable-plugin-0.2.tgz: http://pyjax.net/download/wymeditor-resizable-plugin-0.2.tgz
|
31
|
+
.. _wymeditor-resizable-plugin-0.1.tgz: http://pyjax.net/download/wymeditor-resizable-plugin-0.1.tgz
|
32
|
+
|
33
|
+
Installation
|
34
|
+
============
|
35
|
+
Just extract the downloaded archive into your WYMeditor's ``plugin``
|
36
|
+
directory.
|
37
|
+
|
38
|
+
Usage
|
39
|
+
=====
|
40
|
+
For general instructions on WYMeditor plugins please refer to the `WYMeditor
|
41
|
+
plugin page`_.
|
42
|
+
|
43
|
+
To use the ``resizable`` plugin simply include the plugin's JavaScript file in
|
44
|
+
your code. You **do not** need to include the jQuery UI files - this is done
|
45
|
+
automatically by the plugin (see `Internals`_)::
|
46
|
+
|
47
|
+
<script type="text/javascript"
|
48
|
+
src="/js/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js">
|
49
|
+
</script>
|
50
|
+
|
51
|
+
Make sure to adjust the ``src`` attribute to your needs, then initialize the
|
52
|
+
plugin in WYMeditor's ``postInit`` function::
|
53
|
+
|
54
|
+
wymeditor({postInit: function(wym) {
|
55
|
+
wym.hovertools(); // other plugins...
|
56
|
+
wym.resizable({handles: "s,e",
|
57
|
+
maxHeight: 600});
|
58
|
+
}
|
59
|
+
})
|
60
|
+
|
61
|
+
The ``resizable`` plugin takes exactly one parameter, which is an object literal
|
62
|
+
containing the options of the plugin. The WYMeditor ``resizable`` plugin
|
63
|
+
supports all options of the jQuery UI ``resizable`` plugin. These are the
|
64
|
+
default values used by the plugin::
|
65
|
+
|
66
|
+
handles: "s,e,se",
|
67
|
+
minHeight: 250,
|
68
|
+
maxHeight: 600
|
69
|
+
|
70
|
+
See the `jQuery UI resizable plugin docs`_ for a list of all options.
|
71
|
+
|
72
|
+
That's it! You are now able to resize the WYMeditor vertically, horizontally or
|
73
|
+
both, depending on your options.
|
74
|
+
|
75
|
+
.. _jQuery UI resizable plugin docs: http://docs.jquery.com/UI/Resizables
|
76
|
+
|
77
|
+
Internals
|
78
|
+
=========
|
79
|
+
The plugin takes care of loading the necessary jQuery UI files (``base`` and
|
80
|
+
``resizable``) from the same path the jQuery library was loaded. Here's how
|
81
|
+
it's done::
|
82
|
+
|
83
|
+
// Get the jQuery path from the editor, stripping away the jQuery file.
|
84
|
+
// see http://www.oreilly.com/catalog/regex/chapter/ch04.html
|
85
|
+
// The match result array contains the path and the filename.
|
86
|
+
var jQueryPath = wym.computeJqueryPath().match(/^(.*)\/(.*)$/)[1];
|
87
|
+
|
88
|
+
// Make an array of the external JavaScript files required by the plugin.
|
89
|
+
var jQueryPlugins = [jQueryPath + '/ui.base.js',
|
90
|
+
jQueryPath + '/ui.resizable.js'];
|
91
|
+
|
92
|
+
// First get the jQuery UI base file
|
93
|
+
$.getScript(jQueryPlugins[0]);
|
94
|
+
|
95
|
+
// Get the jQuery UI resizeable plugin and then init the wymeditor resizable
|
96
|
+
// plugin. It is import to do the initialisation after loading the
|
97
|
+
// necessary jQuery UI files has finished, otherwise the "resizable" method
|
98
|
+
// would not be available.
|
99
|
+
$.getScript(jQueryPlugins[1], function() {
|
100
|
+
jQuery(wym._box).resizable(final_options);
|
101
|
+
});
|
102
|
+
|
103
|
+
An alternative approach would be to use an AJAX queue when getting the script
|
104
|
+
files to ensure that all jQuery files are loaded before the initialisation code
|
105
|
+
of the plugin is executed. There is an `jQuery AJAX queue plugin`_ which does
|
106
|
+
that.
|
107
|
+
|
108
|
+
.. _jQuery AJAX queue plugin: http://plugins.jquery.com/project/ajaxqueue
|
109
|
+
|
110
|
+
Changelog
|
111
|
+
=========
|
112
|
+
|
113
|
+
0.2
|
114
|
+
---
|
115
|
+
- Added full support for all jQuery UI resizable plugin options.
|
116
|
+
- Refactored and documented code.
|
117
|
+
- Now contains a packed version (775 bytes).
|
118
|
+
|
119
|
+
0.1
|
120
|
+
---
|
121
|
+
- Initial release.
|
122
|
+
|
123
|
+
.. _WYMeditor: http://www.wymeditor.org/
|
124
|
+
.. _WYMeditor plugin page: http://trac.wymeditor.org/trac/wiki/0.4/Plugins
|
@@ -0,0 +1,19 @@
|
|
1
|
+
WYMeditor : what you see is What You Mean web-based editor
|
2
|
+
Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
|
3
|
+
Dual licensed under the MIT (MIT-license.txt)
|
4
|
+
and GPL (GPL-license.txt) licenses.
|
5
|
+
|
6
|
+
For further information visit:
|
7
|
+
http://www.wymeditor.org/
|
8
|
+
|
9
|
+
File Name:
|
10
|
+
README - HTML Tidy plugin for WYMeditor
|
11
|
+
|
12
|
+
File Authors:
|
13
|
+
Jean-François Hovinne (jf.hovinne a-t wymeditor dotorg)
|
14
|
+
|
15
|
+
Credits:
|
16
|
+
'HTML Tidy' by Dave Ragget - http://tidy.sourceforge.net/
|
17
|
+
Icon 'wand' by Mark James - http://famfamfam.com/
|
18
|
+
|
19
|
+
WYMeditor documentation is available online at http://www.wymeditor.org/
|
@@ -0,0 +1,82 @@
|
|
1
|
+
/*
|
2
|
+
* WYMeditor : what you see is What You Mean web-based editor
|
3
|
+
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
|
4
|
+
* Dual licensed under the MIT (MIT-license.txt)
|
5
|
+
* and GPL (GPL-license.txt) licenses.
|
6
|
+
*
|
7
|
+
* For further information visit:
|
8
|
+
* http://www.wymeditor.org/
|
9
|
+
*
|
10
|
+
* File Name:
|
11
|
+
* jquery.wymeditor.tidy.js
|
12
|
+
* HTML Tidy plugin for WYMeditor
|
13
|
+
*
|
14
|
+
* File Authors:
|
15
|
+
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
|
16
|
+
*/
|
17
|
+
|
18
|
+
//Extend WYMeditor
|
19
|
+
WYMeditor.editor.prototype.tidy = function(options) {
|
20
|
+
var tidy = new WymTidy(options, this);
|
21
|
+
return(tidy);
|
22
|
+
};
|
23
|
+
|
24
|
+
//WymTidy constructor
|
25
|
+
function WymTidy(options, wym) {
|
26
|
+
|
27
|
+
options = jQuery.extend({
|
28
|
+
|
29
|
+
sUrl: wym._options.basePath + "plugins/tidy/tidy.php",
|
30
|
+
sButtonHtml: "<li class='wym_tools_tidy'>"
|
31
|
+
+ "<a name='CleanUp' href='#'"
|
32
|
+
+ " style='background-image:"
|
33
|
+
+ " url(" + wym._options.basePath + "plugins/tidy/wand.png)'>"
|
34
|
+
+ "Clean up HTML"
|
35
|
+
+ "</a></li>",
|
36
|
+
|
37
|
+
sButtonSelector: "li.wym_tools_tidy a"
|
38
|
+
|
39
|
+
}, options);
|
40
|
+
|
41
|
+
this._options = options;
|
42
|
+
this._wym = wym;
|
43
|
+
|
44
|
+
};
|
45
|
+
|
46
|
+
//WymTidy initialization
|
47
|
+
WymTidy.prototype.init = function() {
|
48
|
+
|
49
|
+
var tidy = this;
|
50
|
+
|
51
|
+
jQuery(this._wym._box).find(
|
52
|
+
this._wym._options.toolsSelector + this._wym._options.toolsListSelector)
|
53
|
+
.append(this._options.sButtonHtml);
|
54
|
+
|
55
|
+
//handle click event
|
56
|
+
jQuery(this._wym._box).find(this._options.sButtonSelector).click(function() {
|
57
|
+
tidy.cleanup();
|
58
|
+
return(false);
|
59
|
+
});
|
60
|
+
|
61
|
+
};
|
62
|
+
|
63
|
+
//WymTidy cleanup
|
64
|
+
WymTidy.prototype.cleanup = function() {
|
65
|
+
|
66
|
+
var wym = this._wym;
|
67
|
+
var html = "<html><body>" + wym.xhtml() + "</body></html>";
|
68
|
+
|
69
|
+
jQuery.post(this._options.sUrl, { html: html}, function(data) {
|
70
|
+
|
71
|
+
if(data.length > 0 && data != '0') {
|
72
|
+
if(data.indexOf("<?php") == 0) {
|
73
|
+
wym.status("Ooops... Is PHP installed?");
|
74
|
+
} else {
|
75
|
+
wym.html(data);
|
76
|
+
wym.status("HTML has been cleaned up.");
|
77
|
+
}
|
78
|
+
} else {
|
79
|
+
wym.status("An error occurred.");
|
80
|
+
}
|
81
|
+
});
|
82
|
+
};
|
@@ -0,0 +1,36 @@
|
|
1
|
+
<?php
|
2
|
+
|
3
|
+
if (get_magic_quotes_gpc()) $html = stripslashes($_REQUEST['html']);
|
4
|
+
else $html = $_REQUEST['html'];
|
5
|
+
|
6
|
+
if(strlen($html) > 0) {
|
7
|
+
|
8
|
+
// Specify configuration
|
9
|
+
$config = array(
|
10
|
+
'bare' => true,
|
11
|
+
'clean' => true,
|
12
|
+
'doctype' => 'strict',
|
13
|
+
'drop-empty-paras' => true,
|
14
|
+
'drop-font-tags' => true,
|
15
|
+
'drop-proprietary-attributes' => true,
|
16
|
+
'enclose-block-text' => true,
|
17
|
+
'indent' => false,
|
18
|
+
'join-classes' => true,
|
19
|
+
'join-styles' => true,
|
20
|
+
'logical-emphasis' => true,
|
21
|
+
'output-xhtml' => true,
|
22
|
+
'show-body-only' => true,
|
23
|
+
'wrap' => 0);
|
24
|
+
|
25
|
+
// Tidy
|
26
|
+
$tidy = new tidy;
|
27
|
+
$tidy->parseString($html, $config, 'utf8');
|
28
|
+
$tidy->cleanRepair();
|
29
|
+
|
30
|
+
// Output
|
31
|
+
echo $tidy;
|
32
|
+
} else {
|
33
|
+
|
34
|
+
echo ('0');
|
35
|
+
}
|
36
|
+
?>
|
Binary file
|
Binary file
|
@@ -0,0 +1,134 @@
|
|
1
|
+
/*
|
2
|
+
* WYMeditor : what you see is What You Mean web-based editor
|
3
|
+
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
|
4
|
+
* Dual licensed under the MIT (MIT-license.txt)
|
5
|
+
* and GPL (GPL-license.txt) licenses.
|
6
|
+
*
|
7
|
+
* For further information visit:
|
8
|
+
* http://www.wymeditor.org/
|
9
|
+
*
|
10
|
+
* File Name:
|
11
|
+
* screen.css
|
12
|
+
* main stylesheet for the WYMeditor skin
|
13
|
+
* See the documentation for more info.
|
14
|
+
*
|
15
|
+
* File Authors:
|
16
|
+
* Daniel Reszka (d.reszka a-t wymeditor dotorg)
|
17
|
+
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
|
18
|
+
*/
|
19
|
+
|
20
|
+
/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
|
21
|
+
.wym_skin_compact p, .wym_skin_compact h2, .wym_skin_compact h3,
|
22
|
+
.wym_skin_compact ul, .wym_skin_compact li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
|
23
|
+
|
24
|
+
|
25
|
+
/*HIDDEN BY DEFAULT*/
|
26
|
+
.wym_skin_compact .wym_area_left { display: none; }
|
27
|
+
.wym_skin_compact .wym_area_right { display: none; }
|
28
|
+
|
29
|
+
|
30
|
+
/*TYPO*/
|
31
|
+
.wym_skin_compact { font-size: 10px; font-family: Verdana, Arial, sans-serif; }
|
32
|
+
.wym_skin_compact h2 { font-size: 110%; /* = 11px */}
|
33
|
+
.wym_skin_compact h3 { font-size: 100%; /* = 10px */}
|
34
|
+
.wym_skin_compact li { font-size: 100%; /* = 10px */}
|
35
|
+
|
36
|
+
|
37
|
+
/*WYM_BOX*/
|
38
|
+
.wym_skin_compact { border: 1px solid gray; padding: 5px}
|
39
|
+
|
40
|
+
/*auto-clear the wym_box*/
|
41
|
+
.wym_skin_compact:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
42
|
+
* html .wym_skin_compact { height: 1%;}
|
43
|
+
|
44
|
+
|
45
|
+
/*WYM_HTML*/
|
46
|
+
.wym_skin_compact .wym_html { width: 98%;}
|
47
|
+
.wym_skin_compact .wym_html textarea { font-size: 120%; width: 100%; height: 200px; border: 1px solid gray; background: white; }
|
48
|
+
|
49
|
+
|
50
|
+
/*WYM_IFRAME*/
|
51
|
+
.wym_skin_compact .wym_iframe { width: 98%;}
|
52
|
+
.wym_skin_compact .wym_iframe iframe { width: 100%; height: 200px; border: 1px solid gray; background: white }
|
53
|
+
|
54
|
+
|
55
|
+
/*AREAS*/
|
56
|
+
.wym_skin_compact .wym_area_left { width: 100px; float: left;}
|
57
|
+
.wym_skin_compact .wym_area_right { width: 150px; float: right;}
|
58
|
+
.wym_skin_compact .wym_area_bottom { height: 1%; clear: both;}
|
59
|
+
* html .wym_skin_compact .wym_area_main { height: 1%;}
|
60
|
+
* html .wym_skin_compact .wym_area_top { height: 1%;}
|
61
|
+
*+html .wym_skin_compact .wym_area_top { height: 1%;}
|
62
|
+
|
63
|
+
/*SECTIONS SYSTEM*/
|
64
|
+
|
65
|
+
/*common defaults for all sections*/
|
66
|
+
.wym_skin_compact .wym_section { margin-bottom: 5px; }
|
67
|
+
.wym_skin_compact .wym_section h2,
|
68
|
+
.wym_skin_compact .wym_section h3 { padding: 1px 3px; margin: 0; }
|
69
|
+
.wym_skin_compact .wym_section a { padding: 0 3px; display: block; text-decoration: none; color: black; }
|
70
|
+
.wym_skin_compact .wym_section a:hover { background-color: yellow; }
|
71
|
+
/*hide section titles by default*/
|
72
|
+
.wym_skin_compact .wym_section h2 { display: none; }
|
73
|
+
/*disable any margin-collapse*/
|
74
|
+
.wym_skin_compact .wym_section { padding-top: 1px; padding-bottom: 1px; }
|
75
|
+
/*auto-clear sections*/
|
76
|
+
.wym_skin_compact .wym_section ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
77
|
+
* html .wym_skin_compact .wym_section ul { height: 1%;}
|
78
|
+
|
79
|
+
/*option: add this class to a section to make it render as a panel*/
|
80
|
+
.wym_skin_compact .wym_panel { }
|
81
|
+
.wym_skin_compact .wym_panel h2 { display: block; }
|
82
|
+
|
83
|
+
/*option: add this class to a section to make it render as a dropdown menu*/
|
84
|
+
.wym_skin_compact .wym_dropdown h2 { display: block; }
|
85
|
+
.wym_skin_compact .wym_dropdown ul { display: none; position: absolute; background: white; }
|
86
|
+
.wym_skin_compact .wym_dropdown:hover ul,
|
87
|
+
.wym_skin_compact .wym_dropdown.hover ul { display: block; }
|
88
|
+
|
89
|
+
/*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
|
90
|
+
.wym_skin_compact .wym_buttons li { float:left;}
|
91
|
+
.wym_skin_compact .wym_buttons a { width: 20px; height: 20px; overflow: hidden; padding: 2px }
|
92
|
+
/*image replacements*/
|
93
|
+
.wym_skin_compact .wym_buttons li a { background: url(icons.png) no-repeat; text-indent: -9999px;}
|
94
|
+
.wym_skin_compact .wym_buttons li.wym_tools_strong a { background-position: 0 -382px;}
|
95
|
+
.wym_skin_compact .wym_buttons li.wym_tools_emphasis a { background-position: 0 -22px;}
|
96
|
+
.wym_skin_compact .wym_buttons li.wym_tools_superscript a { background-position: 0 -430px;}
|
97
|
+
.wym_skin_compact .wym_buttons li.wym_tools_subscript a { background-position: 0 -454px;}
|
98
|
+
.wym_skin_compact .wym_buttons li.wym_tools_ordered_list a { background-position: 0 -48px;}
|
99
|
+
.wym_skin_compact .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
|
100
|
+
.wym_skin_compact .wym_buttons li.wym_tools_indent a { background-position: 0 -574px;}
|
101
|
+
.wym_skin_compact .wym_buttons li.wym_tools_outdent a { background-position: 0 -598px;}
|
102
|
+
.wym_skin_compact .wym_buttons li.wym_tools_undo a { background-position: 0 -502px;}
|
103
|
+
.wym_skin_compact .wym_buttons li.wym_tools_redo a { background-position: 0 -526px;}
|
104
|
+
.wym_skin_compact .wym_buttons li.wym_tools_link a { background-position: 0 -96px;}
|
105
|
+
.wym_skin_compact .wym_buttons li.wym_tools_unlink a { background-position: 0 -168px;}
|
106
|
+
.wym_skin_compact .wym_buttons li.wym_tools_image a { background-position: 0 -121px;}
|
107
|
+
.wym_skin_compact .wym_buttons li.wym_tools_table a { background-position: 0 -144px;}
|
108
|
+
.wym_skin_compact .wym_buttons li.wym_tools_paste a { background-position: 0 -552px;}
|
109
|
+
.wym_skin_compact .wym_buttons li.wym_tools_html a { background-position: 0 -193px;}
|
110
|
+
.wym_skin_compact .wym_buttons li.wym_tools_preview a { background-position: 0 -408px;}
|
111
|
+
|
112
|
+
/*DECORATION*/
|
113
|
+
.wym_skin_compact .wym_section h2 { background: #f0f0f0; border: solid gray; border-width: 0 0 1px;}
|
114
|
+
.wym_skin_compact .wym_section h2 span { color: gray;}
|
115
|
+
.wym_skin_compact .wym_panel { padding: 0; border: solid gray; border-width: 1px; background: white;}
|
116
|
+
.wym_skin_compact .wym_panel ul { margin: 2px 0 5px; }
|
117
|
+
.wym_skin_compact .wym_dropdown { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
|
118
|
+
.wym_skin_compact .wym_dropdown ul { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
|
119
|
+
|
120
|
+
/*DIALOGS*/
|
121
|
+
.wym_dialog div.row { margin-bottom: 5px;}
|
122
|
+
.wym_dialog div.row input { margin-right: 5px;}
|
123
|
+
.wym_dialog div.row label { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
|
124
|
+
.wym_dialog div.row-indent { padding-left: 160px; }
|
125
|
+
/*autoclearing*/
|
126
|
+
.wym_dialog div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
127
|
+
.wym_dialog div.row { display: inline-block; }
|
128
|
+
/* Hides from IE-mac \*/
|
129
|
+
* html .wym_dialog div.row { height: 1%; }
|
130
|
+
.wym_dialog div.row { display: block; }
|
131
|
+
/* End hide from IE-mac */
|
132
|
+
|
133
|
+
/*WYMEDITOR_LINK*/
|
134
|
+
a.wym_wymeditor_link { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png); overflow: hidden; text-decoration: none; }
|
@@ -0,0 +1,35 @@
|
|
1
|
+
WYMeditor.SKINS['compact'] = {
|
2
|
+
|
3
|
+
init: function(wym) {
|
4
|
+
|
5
|
+
//move the containers panel to the top area
|
6
|
+
jQuery(wym._options.containersSelector + ', '
|
7
|
+
+ wym._options.classesSelector, wym._box)
|
8
|
+
.appendTo( jQuery("div.wym_area_top", wym._box) )
|
9
|
+
.addClass("wym_dropdown")
|
10
|
+
.css({"margin-right": "10px", "width": "120px", "float": "left"});
|
11
|
+
|
12
|
+
//render following sections as buttons
|
13
|
+
jQuery(wym._options.toolsSelector, wym._box)
|
14
|
+
.addClass("wym_buttons")
|
15
|
+
.css({"margin-right": "10px", "float": "left"});
|
16
|
+
|
17
|
+
//make hover work under IE < 7
|
18
|
+
jQuery(".wym_section", wym._box).hover(function(){
|
19
|
+
jQuery(this).addClass("hover");
|
20
|
+
},function(){
|
21
|
+
jQuery(this).removeClass("hover");
|
22
|
+
});
|
23
|
+
|
24
|
+
var postInit = wym._options.postInit;
|
25
|
+
wym._options.postInit = function(wym) {
|
26
|
+
|
27
|
+
if(postInit) postInit.call(wym, wym);
|
28
|
+
var rule = {
|
29
|
+
name: 'body',
|
30
|
+
css: 'background-color: #f0f0f0;'
|
31
|
+
};
|
32
|
+
wym.addCssRule( wym._doc.styleSheets[0], rule);
|
33
|
+
};
|
34
|
+
}
|
35
|
+
};
|
Binary file
|
@@ -0,0 +1,133 @@
|
|
1
|
+
/*
|
2
|
+
* WYMeditor : what you see is What You Mean web-based editor
|
3
|
+
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
|
4
|
+
* Dual licensed under the MIT (MIT-license.txt)
|
5
|
+
* and GPL (GPL-license.txt) licenses.
|
6
|
+
*
|
7
|
+
* For further information visit:
|
8
|
+
* http://www.wymeditor.org/
|
9
|
+
*
|
10
|
+
* File Name:
|
11
|
+
* skin.css
|
12
|
+
* main stylesheet for the default WYMeditor skin
|
13
|
+
* See the documentation for more info.
|
14
|
+
*
|
15
|
+
* File Authors:
|
16
|
+
* Daniel Reszka (d.reszka a-t wymeditor dotorg)
|
17
|
+
*/
|
18
|
+
|
19
|
+
/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
|
20
|
+
.wym_skin_default p, .wym_skin_default h2, .wym_skin_default h3,
|
21
|
+
.wym_skin_default ul, .wym_skin_default li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
|
22
|
+
|
23
|
+
|
24
|
+
/*HIDDEN BY DEFAULT*/
|
25
|
+
.wym_skin_default .wym_area_left { display: none; }
|
26
|
+
.wym_skin_default .wym_area_right { display: block; }
|
27
|
+
|
28
|
+
|
29
|
+
/*TYPO*/
|
30
|
+
.wym_skin_default { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
|
31
|
+
.wym_skin_default h2 { font-size: 110%; /* = 11px */}
|
32
|
+
.wym_skin_default h3 { font-size: 100%; /* = 10px */}
|
33
|
+
.wym_skin_default li { font-size: 100%; /* = 10px */}
|
34
|
+
|
35
|
+
|
36
|
+
/*WYM_BOX*/
|
37
|
+
.wym_skin_default { border: 1px solid gray; background: #f2f2f2; padding: 5px}
|
38
|
+
|
39
|
+
/*auto-clear the wym_box*/
|
40
|
+
.wym_skin_default:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
41
|
+
* html .wym_skin_default { height: 1%;}
|
42
|
+
|
43
|
+
|
44
|
+
/*WYM_HTML*/
|
45
|
+
.wym_skin_default .wym_html { width: 98%;}
|
46
|
+
.wym_skin_default .wym_html textarea { width: 100%; height: 200px; border: 1px solid gray; background: white; }
|
47
|
+
|
48
|
+
|
49
|
+
/*WYM_IFRAME*/
|
50
|
+
.wym_skin_default .wym_iframe { width: 98%;}
|
51
|
+
.wym_skin_default .wym_iframe iframe { width: 100%; height: 200px; border: 1px solid gray; background: white }
|
52
|
+
|
53
|
+
|
54
|
+
/*AREAS*/
|
55
|
+
.wym_skin_default .wym_area_left { width: 150px; float: left;}
|
56
|
+
.wym_skin_default .wym_area_right { width: 150px; float: right;}
|
57
|
+
.wym_skin_default .wym_area_bottom { height: 1%; clear: both;}
|
58
|
+
* html .wym_skin_default .wym_area_main { height: 1%;}
|
59
|
+
* html .wym_skin_default .wym_area_top { height: 1%;}
|
60
|
+
*+html .wym_skin_default .wym_area_top { height: 1%;}
|
61
|
+
|
62
|
+
/*SECTIONS SYSTEM*/
|
63
|
+
|
64
|
+
/*common defaults for all sections*/
|
65
|
+
.wym_skin_default .wym_section { margin-bottom: 5px; }
|
66
|
+
.wym_skin_default .wym_section h2,
|
67
|
+
.wym_skin_default .wym_section h3 { padding: 1px 3px; margin: 0; }
|
68
|
+
.wym_skin_default .wym_section a { padding: 0 3px; display: block; text-decoration: none; color: black; }
|
69
|
+
.wym_skin_default .wym_section a:hover { background-color: yellow; }
|
70
|
+
/*hide section titles by default*/
|
71
|
+
.wym_skin_default .wym_section h2 { display: none; }
|
72
|
+
/*disable any margin-collapse*/
|
73
|
+
.wym_skin_default .wym_section { padding-top: 1px; padding-bottom: 1px; }
|
74
|
+
/*auto-clear sections*/
|
75
|
+
.wym_skin_default .wym_section ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
76
|
+
* html .wym_skin_default .wym_section ul { height: 1%;}
|
77
|
+
|
78
|
+
/*option: add this class to a section to make it render as a panel*/
|
79
|
+
.wym_skin_default .wym_panel { }
|
80
|
+
.wym_skin_default .wym_panel h2 { display: block; }
|
81
|
+
|
82
|
+
/*option: add this class to a section to make it render as a dropdown menu*/
|
83
|
+
.wym_skin_default .wym_dropdown h2 { display: block; }
|
84
|
+
.wym_skin_default .wym_dropdown ul { display: none; position: absolute; background: white; }
|
85
|
+
.wym_skin_default .wym_dropdown:hover ul,
|
86
|
+
.wym_skin_default .wym_dropdown.hover ul { display: block; }
|
87
|
+
|
88
|
+
/*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
|
89
|
+
.wym_skin_default .wym_buttons li { float:left;}
|
90
|
+
.wym_skin_default .wym_buttons a { width: 20px; height: 20px; overflow: hidden; padding: 2px }
|
91
|
+
/*image replacements*/
|
92
|
+
.wym_skin_default .wym_buttons li a { background: url(icons.png) no-repeat; text-indent: -9999px;}
|
93
|
+
.wym_skin_default .wym_buttons li.wym_tools_strong a { background-position: 0 -382px;}
|
94
|
+
.wym_skin_default .wym_buttons li.wym_tools_emphasis a { background-position: 0 -22px;}
|
95
|
+
.wym_skin_default .wym_buttons li.wym_tools_superscript a { background-position: 0 -430px;}
|
96
|
+
.wym_skin_default .wym_buttons li.wym_tools_subscript a { background-position: 0 -454px;}
|
97
|
+
.wym_skin_default .wym_buttons li.wym_tools_ordered_list a { background-position: 0 -48px;}
|
98
|
+
.wym_skin_default .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
|
99
|
+
.wym_skin_default .wym_buttons li.wym_tools_indent a { background-position: 0 -574px;}
|
100
|
+
.wym_skin_default .wym_buttons li.wym_tools_outdent a { background-position: 0 -598px;}
|
101
|
+
.wym_skin_default .wym_buttons li.wym_tools_undo a { background-position: 0 -502px;}
|
102
|
+
.wym_skin_default .wym_buttons li.wym_tools_redo a { background-position: 0 -526px;}
|
103
|
+
.wym_skin_default .wym_buttons li.wym_tools_link a { background-position: 0 -96px;}
|
104
|
+
.wym_skin_default .wym_buttons li.wym_tools_unlink a { background-position: 0 -168px;}
|
105
|
+
.wym_skin_default .wym_buttons li.wym_tools_image a { background-position: 0 -121px;}
|
106
|
+
.wym_skin_default .wym_buttons li.wym_tools_table a { background-position: 0 -144px;}
|
107
|
+
.wym_skin_default .wym_buttons li.wym_tools_paste a { background-position: 0 -552px;}
|
108
|
+
.wym_skin_default .wym_buttons li.wym_tools_html a { background-position: 0 -193px;}
|
109
|
+
.wym_skin_default .wym_buttons li.wym_tools_preview a { background-position: 0 -408px;}
|
110
|
+
|
111
|
+
/*DECORATION*/
|
112
|
+
.wym_skin_default .wym_section h2 { background: #ddd; border: solid gray; border-width: 0 0 1px;}
|
113
|
+
.wym_skin_default .wym_section h2 span { color: gray;}
|
114
|
+
.wym_skin_default .wym_panel { padding: 0; border: solid gray; border-width: 1px; background: white;}
|
115
|
+
.wym_skin_default .wym_panel ul { margin: 2px 0 5px; }
|
116
|
+
.wym_skin_default .wym_dropdown { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
|
117
|
+
.wym_skin_default .wym_dropdown ul { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
|
118
|
+
|
119
|
+
/*DIALOGS*/
|
120
|
+
.wym_dialog div.row { margin-bottom: 5px;}
|
121
|
+
.wym_dialog div.row input { margin-right: 5px;}
|
122
|
+
.wym_dialog div.row label { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
|
123
|
+
.wym_dialog div.row-indent { padding-left: 160px; }
|
124
|
+
/*autoclearing*/
|
125
|
+
.wym_dialog div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
126
|
+
.wym_dialog div.row { display: inline-block; }
|
127
|
+
/* Hides from IE-mac \*/
|
128
|
+
* html .wym_dialog div.row { height: 1%; }
|
129
|
+
.wym_dialog div.row { display: block; }
|
130
|
+
/* End hide from IE-mac */
|
131
|
+
|
132
|
+
/*WYMEDITOR_LINK*/
|
133
|
+
a.wym_wymeditor_link { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png); overflow: hidden; text-decoration: none; }
|
@@ -0,0 +1,40 @@
|
|
1
|
+
WYMeditor.SKINS['default'] = {
|
2
|
+
|
3
|
+
init: function(wym) {
|
4
|
+
|
5
|
+
//render following sections as panels
|
6
|
+
jQuery(wym._box).find(wym._options.classesSelector)
|
7
|
+
.addClass("wym_panel");
|
8
|
+
|
9
|
+
//render following sections as buttons
|
10
|
+
jQuery(wym._box).find(wym._options.toolsSelector)
|
11
|
+
.addClass("wym_buttons");
|
12
|
+
|
13
|
+
//render following sections as dropdown menus
|
14
|
+
jQuery(wym._box).find(wym._options.containersSelector)
|
15
|
+
.addClass("wym_dropdown")
|
16
|
+
.find(WYMeditor.H2)
|
17
|
+
.append("<span> ></span>");
|
18
|
+
|
19
|
+
// auto add some margin to the main area sides if left area
|
20
|
+
// or right area are not empty (if they contain sections)
|
21
|
+
jQuery(wym._box).find("div.wym_area_right ul")
|
22
|
+
.parents("div.wym_area_right").show()
|
23
|
+
.parents(wym._options.boxSelector)
|
24
|
+
.find("div.wym_area_main")
|
25
|
+
.css({"margin-right": "155px"});
|
26
|
+
|
27
|
+
jQuery(wym._box).find("div.wym_area_left ul")
|
28
|
+
.parents("div.wym_area_left").show()
|
29
|
+
.parents(wym._options.boxSelector)
|
30
|
+
.find("div.wym_area_main")
|
31
|
+
.css({"margin-left": "155px"});
|
32
|
+
|
33
|
+
//make hover work under IE < 7
|
34
|
+
jQuery(wym._box).find(".wym_section").hover(function(){
|
35
|
+
jQuery(this).addClass("hover");
|
36
|
+
},function(){
|
37
|
+
jQuery(this).removeClass("hover");
|
38
|
+
});
|
39
|
+
}
|
40
|
+
};
|
Binary file
|