Initial TinyMCE editor support (still need to work on spellcheck and skins)
@ -0,0 +1,148 @@
|
||||
/*
|
||||
+-----------------------------------------------------------------------+
|
||||
| RoundCube editor js library |
|
||||
| |
|
||||
| This file is part of the RoundCube web development suite |
|
||||
| Copyright (C) 2006, RoundCube Dev, - Switzerland |
|
||||
| Licensed under the GNU GPL |
|
||||
| |
|
||||
+-----------------------------------------------------------------------+
|
||||
| Author: Eric Stadtherr <estadtherr@gmail.com> |
|
||||
+-----------------------------------------------------------------------+
|
||||
|
||||
$Id: editor.js 000 2006-05-18 19:12:28Z roundcube $
|
||||
*/
|
||||
|
||||
// Initialize the message editor
|
||||
|
||||
function rcmail_editor_init(skin_path)
|
||||
{
|
||||
tinyMCE.init({ mode : 'specific_textareas',
|
||||
accessibility_focus : false,
|
||||
apply_source_formatting : true,
|
||||
theme : 'advanced',
|
||||
plugins : 'emotions,table,searchreplace',
|
||||
theme_advanced_buttons1 : 'bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,separator,bullist,numlist,outdent,indent,separator,forecolor,backcolor,formatselect,fontselect,fontsizeselect',
|
||||
theme_advanced_buttons2 : 'undo,redo,image,hr,link,unlink,emotions,charmap,code,separator,search,replace,spellchecker,separator,tablecontrols',
|
||||
theme_advanced_buttons3 : '',
|
||||
theme_advanced_toolbar_location : 'top',
|
||||
theme_advanced_toolbar_align : 'left',
|
||||
extended_valid_elements : 'font[face|size|color|style],span[id|class|align|style]',
|
||||
content_css : skin_path + '/editor_content.css',
|
||||
popups_css : skin_path + '/editor_popups.css',
|
||||
editor_css : skin_path + '/editor_ui.css'
|
||||
});
|
||||
}
|
||||
|
||||
// Set the state of the HTML/Plain toggles based on the _is_html field value
|
||||
function rcmail_set_editor_toggle_states()
|
||||
{
|
||||
// set the editor toggle based on the state of the editor
|
||||
|
||||
var htmlFlag = document.getElementsByName('_is_html')[0];
|
||||
var toggles = document.getElementsByName('_editorSelect');
|
||||
for(var t=0; t<toggles.length; t++)
|
||||
{
|
||||
if (toggles[t].value == 'html')
|
||||
{
|
||||
toggles[t].checked = (htmlFlag.value == "1");
|
||||
}
|
||||
else
|
||||
{
|
||||
toggles[t].checked = (htmlFlag.value == "0");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle between the HTML and Plain Text editors
|
||||
|
||||
function rcmail_toggle_editor(toggler)
|
||||
{
|
||||
var selectedEditor = toggler.value;
|
||||
|
||||
// determine the currently displayed editor
|
||||
|
||||
var htmlFlag = document.getElementsByName('_is_html')[0];
|
||||
var currentEditor = htmlFlag.value;
|
||||
|
||||
if (selectedEditor == currentEditor)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
// do the appropriate conversion
|
||||
|
||||
var composeElement = document.getElementById('compose-body');
|
||||
|
||||
if (selectedEditor == 'html')
|
||||
{
|
||||
var existingPlainText = composeElement.value;
|
||||
var htmlText = "<pre>" + existingPlainText + "</pre>";
|
||||
composeElement.value = htmlText;
|
||||
tinyMCE.execCommand('mceAddControl', true, '_message');
|
||||
htmlFlag.value = "1";
|
||||
}
|
||||
else
|
||||
{
|
||||
rcmail.set_busy(true, 'converting');
|
||||
var thisMCE = tinyMCE.getInstanceById('_message');
|
||||
var existingHtml = tinyMCE.getContent();
|
||||
rcmail_html2plain(existingHtml);
|
||||
tinyMCE.execCommand('mceRemoveControl', true, '_message');
|
||||
htmlFlag.value = "0";
|
||||
}
|
||||
}
|
||||
|
||||
function rcmail_html2plain(htmlText)
|
||||
{
|
||||
var http_request = new rcube_http_request();
|
||||
|
||||
http_request.onerror = function(o) { rcmail_handle_toggle_error(o); };
|
||||
http_request.oncomplete = function(o) { rcmail_set_text_value(o); };
|
||||
var url=rcmail.env.comm_path+'&_action=html2text';
|
||||
console('HTTP request: ' + url);
|
||||
http_request.POST(url, htmlText, 'application/octet-stream');
|
||||
}
|
||||
|
||||
/*
|
||||
function old_html2Plain(htmlText)
|
||||
{
|
||||
var http_request = false;
|
||||
if (window.XMLHttpRequest)
|
||||
{
|
||||
http_request = new XMLHttpRequest();
|
||||
//http_request.overrideMimeType('text/plain');
|
||||
}
|
||||
|
||||
if (http_request)
|
||||
{
|
||||
rcmail.set_busy(true);
|
||||
|
||||
http_request.onreadystatechange = function()
|
||||
{ setTextValue(http_request); };
|
||||
//var url = window.location.protocol + '://' +
|
||||
//window.location.host + window.location.pathname +
|
||||
//'conv_html.php';
|
||||
|
||||
var url = 'conv_html.php';
|
||||
//alert('calling ' + url);
|
||||
var reqbody = 'htmlText=' + htmlText;
|
||||
http_request.open('POST', url, true);
|
||||
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
||||
http_request.send(reqbody);
|
||||
}
|
||||
}
|
||||
|
||||
*/
|
||||
|
||||
function rcmail_set_text_value(httpRequest)
|
||||
{
|
||||
rcmail.set_busy(false);
|
||||
var composeElement = document.getElementById('compose-body');
|
||||
composeElement.value = httpRequest.get_text();
|
||||
}
|
||||
|
||||
function rcmail_handle_toggle_error(httpRequest)
|
||||
{
|
||||
alert('html2text request returned with error ' + httpRequest.xmlhttp.status);
|
||||
}
|
@ -0,0 +1,9 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>blank_page</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
</head>
|
||||
<body class="mceContentBody">
|
||||
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,41 @@
|
||||
// UK lang variables
|
||||
|
||||
tinyMCE.addToLang('',{
|
||||
bold_desc : 'Bold (Ctrl+B)',
|
||||
italic_desc : 'Italic (Ctrl+I)',
|
||||
underline_desc : 'Underline (Ctrl+U)',
|
||||
striketrough_desc : 'Strikethrough',
|
||||
justifyleft_desc : 'Align left',
|
||||
justifycenter_desc : 'Align center',
|
||||
justifyright_desc : 'Align right',
|
||||
justifyfull_desc : 'Align full',
|
||||
bullist_desc : 'Unordered list',
|
||||
numlist_desc : 'Ordered list',
|
||||
outdent_desc : 'Outdent',
|
||||
indent_desc : 'Indent',
|
||||
undo_desc : 'Undo (Ctrl+Z)',
|
||||
redo_desc : 'Redo (Ctrl+Y)',
|
||||
link_desc : 'Insert/edit link',
|
||||
unlink_desc : 'Unlink',
|
||||
image_desc : 'Insert/edit image',
|
||||
cleanup_desc : 'Cleanup messy code',
|
||||
focus_alert : 'A editor instance must be focused before using this command.',
|
||||
edit_confirm : 'Do you want to use the WYSIWYG mode for this textarea?',
|
||||
insert_link_title : 'Insert/edit link',
|
||||
insert : 'Insert',
|
||||
update : 'Update',
|
||||
cancel : 'Cancel',
|
||||
insert_link_url : 'Link URL',
|
||||
insert_link_target : 'Target',
|
||||
insert_link_target_same : 'Open link in the same window',
|
||||
insert_link_target_blank : 'Open link in a new window',
|
||||
insert_image_title : 'Insert/edit image',
|
||||
insert_image_src : 'Image URL',
|
||||
insert_image_alt : 'Image description',
|
||||
help_desc : 'Help',
|
||||
bold_img : "bold.gif",
|
||||
italic_img : "italic.gif",
|
||||
underline_img : "underline.gif",
|
||||
clipboard_msg : 'Copy/Cut/Paste is not available in Mozilla and Firefox.\nDo you want more information about this issue?',
|
||||
popup_blocked : 'Sorry, but we have noticed that your popup-blocker has disabled a window that provides application functionality. You will need to disable popup blocking on this site in order to fully utilize this tool.'
|
||||
});
|
@ -0,0 +1,7 @@
|
||||
Language packs are from version 2.0.5 removed from the core but can be downloadable from the TinyMCE website.
|
||||
http://tinymce.moxiecode.com/download.php
|
||||
|
||||
The language pack codes are based on ISO-639-1
|
||||
http://www.loc.gov/standards/iso639-2/englangn.html
|
||||
|
||||
Try using entires if possible. å etc.
|
@ -0,0 +1,437 @@
|
||||
GNU LIBRARY GENERAL PUBLIC LICENSE
|
||||
Version 2, June 1991
|
||||
|
||||
Copyright (C) 1991 Free Software Foundation, Inc.
|
||||
59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
[This is the first released version of the library GPL. It is
|
||||
numbered 2 because it goes with version 2 of the ordinary GPL.]
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
Licenses are intended to guarantee your freedom to share and change
|
||||
free software--to make sure the software is free for all its users.
|
||||
|
||||
This license, the Library General Public License, applies to some
|
||||
specially designated Free Software Foundation software, and to any
|
||||
other libraries whose authors decide to use it. You can use it for
|
||||
your libraries, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not
|
||||
price. Our General Public Licenses are designed to make sure that you
|
||||
have the freedom to distribute copies of free software (and charge for
|
||||
this service if you wish), that you receive source code or can get it
|
||||
if you want it, that you can change the software or use pieces of it
|
||||
in new free programs; and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid
|
||||
anyone to deny you these rights or to ask you to surrender the rights.
|
||||
These restrictions translate to certain responsibilities for you if
|
||||
you distribute copies of the library, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of the library, whether gratis
|
||||
or for a fee, you must give the recipients all the rights that we gave
|
||||
you. You must make sure that they, too, receive or can get the source
|
||||
code. If you link a program with the library, you must provide
|
||||
complete object files to the recipients so that they can relink them
|
||||
with the library, after making changes to the library and recompiling
|
||||
it. And you must show them these terms so they know their rights.
|
||||
|
||||
Our method of protecting your rights has two steps: (1) copyright
|
||||
the library, and (2) offer you this license which gives you legal
|
||||
permission to copy, distribute and/or modify the library.
|
||||
|
||||
Also, for each distributor's protection, we want to make certain
|
||||
that everyone understands that there is no warranty for this free
|
||||
library. If the library is modified by someone else and passed on, we
|
||||
want its recipients to know that what they have is not the original
|
||||
version, so that any problems introduced by others will not reflect on
|
||||
the original authors' reputations.
|
||||
.
|
||||
Finally, any free program is threatened constantly by software
|
||||
patents. We wish to avoid the danger that companies distributing free
|
||||
software will individually obtain patent licenses, thus in effect
|
||||
transforming the program into proprietary software. To prevent this,
|
||||
we have made it clear that any patent must be licensed for everyone's
|
||||
free use or not licensed at all.
|
||||
|
||||
Most GNU software, including some libraries, is covered by the ordinary
|
||||
GNU General Public License, which was designed for utility programs. This
|
||||
license, the GNU Library General Public License, applies to certain
|
||||
designated libraries. This license is quite different from the ordinary
|
||||
one; be sure to read it in full, and don't assume that anything in it is
|
||||
the same as in the ordinary license.
|
||||
|
||||
The reason we have a separate public license for some libraries is that
|
||||
they blur the distinction we usually make between modifying or adding to a
|
||||
program and simply using it. Linking a program with a library, without
|
||||
changing the library, is in some sense simply using the library, and is
|
||||
analogous to running a utility program or application program. However, in
|
||||
a textual and legal sense, the linked executable is a combined work, a
|
||||
derivative of the original library, and the ordinary General Public License
|
||||
treats it as such.
|
||||
|
||||
Because of this blurred distinction, using the ordinary General
|
||||
Public License for libraries did not effectively promote software
|
||||
sharing, because most developers did not use the libraries. We
|
||||
concluded that weaker conditions might promote sharing better.
|
||||
|
||||
However, unrestricted linking of non-free programs would deprive the
|
||||
users of those programs of all benefit from the free status of the
|
||||
libraries themselves. This Library General Public License is intended to
|
||||
permit developers of non-free programs to use free libraries, while
|
||||
preserving your freedom as a user of such programs to change the free
|
||||
libraries that are incorporated in them. (We have not seen how to achieve
|
||||
this as regards changes in header files, but we have achieved it as regards
|
||||
changes in the actual functions of the Library.) The hope is that this
|
||||
will lead to faster development of free libraries.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow. Pay close attention to the difference between a
|
||||
"work based on the library" and a "work that uses the library". The
|
||||
former contains code derived from the library, while the latter only
|
||||
works together with the library.
|
||||
|
||||
Note that it is possible for a library to be covered by the ordinary
|
||||
General Public License rather than by this special one.
|
||||
.
|
||||
GNU LIBRARY GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License Agreement applies to any software library which
|
||||
contains a notice placed by the copyright holder or other authorized
|
||||
party saying it may be distributed under the terms of this Library
|
||||
General Public License (also called "this License"). Each licensee is
|
||||
addressed as "you".
|
||||
|
||||
A "library" means a collection of software functions and/or data
|
||||
prepared so as to be conveniently linked with application programs
|
||||
(which use some of those functions and data) to form executables.
|
||||
|
||||
The "Library", below, refers to any such software library or work
|
||||
which has been distributed under these terms. A "work based on the
|
||||
Library" means either the Library or any derivative work under
|
||||
copyright law: that is to say, a work containing the Library or a
|
||||
portion of it, either verbatim or with modifications and/or translated
|
||||
straightforwardly into another language. (Hereinafter, translation is
|
||||
included without limitation in the term "modification".)
|
||||
|
||||
"Source code" for a work means the preferred form of the work for
|
||||
making modifications to it. For a library, complete source code means
|
||||
all the source code for all modules it contains, plus any associated
|
||||
interface definition files, plus the scripts used to control compilation
|
||||
and installation of the library.
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running a program using the Library is not restricted, and output from
|
||||
such a program is covered only if its contents constitute a work based
|
||||
on the Library (independent of the use of the Library in a tool for
|
||||
writing it). Whether that is true depends on what the Library does
|
||||
and what the program that uses the Library does.
|
||||
|
||||
1. You may copy and distribute verbatim copies of the Library's
|
||||
complete source code as you receive it, in any medium, provided that
|
||||
you conspicuously and appropriately publish on each copy an
|
||||
appropriate copyright notice and disclaimer of warranty; keep intact
|
||||
all the notices that refer to this License and to the absence of any
|
||||
warranty; and distribute a copy of this License along with the
|
||||
Library.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy,
|
||||
and you may at your option offer warranty protection in exchange for a
|
||||
fee.
|
||||
.
|
||||
2. You may modify your copy or copies of the Library or any portion
|
||||
of it, thus forming a work based on the Library, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) The modified work must itself be a software library.
|
||||
|
||||
b) You must cause the files modified to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
c) You must cause the whole of the work to be licensed at no
|
||||
charge to all third parties under the terms of this License.
|
||||
|
||||
d) If a facility in the modified Library refers to a function or a
|
||||
table of data to be supplied by an application program that uses
|
||||
the facility, other than as an argument passed when the facility
|
||||
is invoked, then you must make a good faith effort to ensure that,
|
||||
in the event an application does not supply such function or
|
||||
table, the facility still operates, and performs whatever part of
|
||||
its purpose remains meaningful.
|
||||
|
||||
(For example, a function in a library to compute square roots has
|
||||
a purpose that is entirely well-defined independent of the
|
||||
application. Therefore, Subsection 2d requires that any
|
||||
application-supplied function or table used by this function must
|
||||
be optional: if the application does not supply it, the square
|
||||
root function must still compute square roots.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Library,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Library, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote
|
||||
it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Library.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Library
|
||||
with the Library (or with a work based on the Library) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may opt to apply the terms of the ordinary GNU General Public
|
||||
License instead of this License to a given copy of the Library. To do
|
||||
this, you must alter all the notices that refer to this License, so
|
||||
that they refer to the ordinary GNU General Public License, version 2,
|
||||
instead of to this License. (If a newer version than version 2 of the
|
||||
ordinary GNU General Public License has appeared, then you can specify
|
||||
that version instead if you wish.) Do not make any other change in
|
||||
these notices.
|
||||
.
|
||||
Once this change is made in a given copy, it is irreversible for
|
||||
that copy, so the ordinary GNU General Public License applies to all
|
||||
subsequent copies and derivative works made from that copy.
|
||||
|
||||
This option is useful when you wish to copy part of the code of
|
||||
the Library into a program that is not a library.
|
||||
|
||||
4. You may copy and distribute the Library (or a portion or
|
||||
derivative of it, under Section 2) in object code or executable form
|
||||
under the terms of Sections 1 and 2 above provided that you accompany
|
||||
it with the complete corresponding machine-readable source code, which
|
||||
must be distributed under the terms of Sections 1 and 2 above on a
|
||||
medium customarily used for software interchange.
|
||||
|
||||
If distribution of object code is made by offering access to copy
|
||||
from a designated place, then offering equivalent access to copy the
|
||||
source code from the same place satisfies the requirement to
|
||||
distribute the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
5. A program that contains no derivative of any portion of the
|
||||
Library, but is designed to work with the Library by being compiled or
|
||||
linked with it, is called a "work that uses the Library". Such a
|
||||
work, in isolation, is not a derivative work of the Library, and
|
||||
therefore falls outside the scope of this License.
|
||||
|
||||
However, linking a "work that uses the Library" with the Library
|
||||
creates an executable that is a derivative of the Library (because it
|
||||
contains portions of the Library), rather than a "work that uses the
|
||||
library". The executable is therefore covered by this License.
|
||||
Section 6 states terms for distribution of such executables.
|
||||
|
||||
When a "work that uses the Library" uses material from a header file
|
||||
that is part of the Library, the object code for the work may be a
|
||||
derivative work of the Library even though the source code is not.
|
||||
Whether this is true is especially significant if the work can be
|
||||
linked without the Library, or if the work is itself a library. The
|
||||
threshold for this to be true is not precisely defined by law.
|
||||
|
||||
If such an object file uses only numerical parameters, data
|
||||
structure layouts and accessors, and small macros and small inline
|
||||
functions (ten lines or less in length), then the use of the object
|
||||
file is unrestricted, regardless of whether it is legally a derivative
|
||||
work. (Executables containing this object code plus portions of the
|
||||
Library will still fall under Section 6.)
|
||||
|
||||
Otherwise, if the work is a derivative of the Library, you may
|
||||
distribute the object code for the work under the terms of Section 6.
|
||||
Any executables containing that work also fall under Section 6,
|
||||
whether or not they are linked directly with the Library itself.
|
||||
.
|
||||
6. As an exception to the Sections above, you may also compile or
|
||||
link a "work that uses the Library" with the Library to produce a
|
||||
work containing portions of the Library, and distribute that work
|
||||
under terms of your choice, provided that the terms permit
|
||||
modification of the work for the customer's own use and reverse
|
||||
engineering for debugging such modifications.
|
||||
|
||||
You must give prominent notice with each copy of the work that the
|
||||
Library is used in it and that the Library and its use are covered by
|
||||
this License. You must supply a copy of this License. If the work
|
||||
during execution displays copyright notices, you must include the
|
||||
copyright notice for the Library among them, as well as a reference
|
||||
directing the user to the copy of this License. Also, you must do one
|
||||
of these things:
|
||||
|
||||
a) Accompany the work with the complete corresponding
|
||||
machine-readable source code for the Library including whatever
|
||||
changes were used in the work (which must be distributed under
|
||||
Sections 1 and 2 above); and, if the work is an executable linked
|
||||
with the Library, with the complete machine-readable "work that
|
||||
uses the Library", as object code and/or source code, so that the
|
||||
user can modify the Library and then relink to produce a modified
|
||||
executable containing the modified Library. (It is understood
|
||||
that the user who changes the contents of definitions files in the
|
||||
Library will not necessarily be able to recompile the application
|
||||
to use the modified definitions.)
|
||||
|
||||
b) Accompany the work with a written offer, valid for at
|
||||
least three years, to give the same user the materials
|
||||
specified in Subsection 6a, above, for a charge no more
|
||||
than the cost of performing this distribution.
|
||||
|
||||
c) If distribution of the work is made by offering access to copy
|
||||
from a designated place, offer equivalent access to copy the above
|
||||
specified materials from the same place.
|
||||
|
||||
d) Verify that the user has already received a copy of these
|
||||
materials or that you have already sent this user a copy.
|
||||
|
||||
For an executable, the required form of the "work that uses the
|
||||
Library" must include any data and utility programs needed for
|
||||
reproducing the executable from it. However, as a special exception,
|
||||
the source code distributed need not include anything that is normally
|
||||
distributed (in either source or binary form) with the major
|
||||
components (compiler, kernel, and so on) of the operating system on
|
||||
which the executable runs, unless that component itself accompanies
|
||||
the executable.
|
||||
|
||||
It may happen that this requirement contradicts the license
|
||||
restrictions of other proprietary libraries that do not normally
|
||||
accompany the operating system. Such a contradiction means you cannot
|
||||
use both them and the Library together in an executable that you
|
||||
distribute.
|
||||
.
|
||||
7. You may place library facilities that are a work based on the
|
||||
Library side-by-side in a single library together with other library
|
||||
facilities not covered by this License, and distribute such a combined
|
||||
library, provided that the separate distribution of the work based on
|
||||
the Library and of the other library facilities is otherwise
|
||||
permitted, and provided that you do these two things:
|
||||
|
||||
a) Accompany the combined library with a copy of the same work
|
||||
based on the Library, uncombined with any other library
|
||||
facilities. This must be distributed under the terms of the
|
||||
Sections above.
|
||||
|
||||
b) Give prominent notice with the combined library of the fact
|
||||
that part of it is a work based on the Library, and explaining
|
||||
where to find the accompanying uncombined form of the same work.
|
||||
|
||||
8. You may not copy, modify, sublicense, link with, or distribute
|
||||
the Library except as expressly provided under this License. Any
|
||||
attempt otherwise to copy, modify, sublicense, link with, or
|
||||
distribute the Library is void, and will automatically terminate your
|
||||
rights under this License. However, parties who have received copies,
|
||||
or rights, from you under this License will not have their licenses
|
||||
terminated so long as such parties remain in full compliance.
|
||||
|
||||
9. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Library or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Library (or any work based on the
|
||||
Library), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Library or works based on it.
|
||||
|
||||
10. Each time you redistribute the Library (or any work based on the
|
||||
Library), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute, link with or modify the Library
|
||||
subject to these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties to
|
||||
this License.
|
||||
.
|
||||
11. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Library at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Library by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Library.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under any
|
||||
particular circumstance, the balance of the section is intended to apply,
|
||||
and the section as a whole is intended to apply in other circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
12. If the distribution and/or use of the Library is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Library under this License may add
|
||||
an explicit geographical distribution limitation excluding those countries,
|
||||
so that distribution is permitted only in or among countries not thus
|
||||
excluded. In such case, this License incorporates the limitation as if
|
||||
written in the body of this License.
|
||||
|
||||
13. The Free Software Foundation may publish revised and/or new
|
||||
versions of the Library General Public License from time to time.
|
||||
Such new versions will be similar in spirit to the present version,
|
||||
but may differ in detail to address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Library
|
||||
specifies a version number of this License which applies to it and
|
||||
"any later version", you have the option of following the terms and
|
||||
conditions either of that version or of any later version published by
|
||||
the Free Software Foundation. If the Library does not specify a
|
||||
license version number, you may choose any version ever published by
|
||||
the Free Software Foundation.
|
||||
.
|
||||
14. If you wish to incorporate parts of the Library into other free
|
||||
programs whose distribution conditions are incompatible with these,
|
||||
write to the author to ask for permission. For software which is
|
||||
copyrighted by the Free Software Foundation, write to the Free
|
||||
Software Foundation; we sometimes make exceptions for this. Our
|
||||
decision will be guided by the two goals of preserving the free status
|
||||
of all derivatives of our free software and of promoting the sharing
|
||||
and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
|
||||
WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
|
||||
EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
|
||||
OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
|
||||
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
|
||||
LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
|
||||
THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||
|
||||
16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
|
||||
WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
|
||||
AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
|
||||
FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
|
||||
CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
|
||||
LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
|
||||
RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
|
||||
FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
|
||||
SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
|
||||
DAMAGES.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
@ -0,0 +1,12 @@
|
||||
/**
|
||||
* $RCSfile: editor_plugin_src.js,v $
|
||||
* $Revision: 1.10 $
|
||||
* $Date: 2006/02/10 16:29:38 $
|
||||
*
|
||||
* Experimental plugin for new Cleanup routine, this logic will be moved into the core ones it's stable enougth.
|
||||
*
|
||||
* @author Moxiecode
|
||||
* @copyright Copyright © 2004-2006, Moxiecode Systems AB, All rights reserved.
|
||||
*/
|
||||
|
||||
/* Dummy file since cleanup is now moved to core */
|
@ -0,0 +1 @@
|
||||
Dummy plugin since cleanup is now moved into core.
|
@ -0,0 +1 @@
|
||||
tinyMCE.importPluginLanguagePack('emotions','en,tr,sv,zh_cn,cs,fa,fr_ca,fr,de,pl,pt_br,nl,da,he,nb,hu,ru,ru_KOI8-R,ru_UTF-8,nn,es,cy,is,zh_tw,zh_tw_utf8,sk');var TinyMCE_EmotionsPlugin={getInfo:function(){return{longname:'Emotions',author:'Moxiecode Systems',authorurl:'http://tinymce.moxiecode.com',infourl:'http://tinymce.moxiecode.com/tinymce/docs/plugin_emotions.html',version:tinyMCE.majorVersion+"."+tinyMCE.minorVersion};},getControlHTML:function(cn){switch(cn){case"emotions":return tinyMCE.getButtonHTML(cn,'lang_emotions_desc','{$pluginurl}/images/emotions.gif','mceEmotion');}return"";},execCommand:function(editor_id,element,command,user_interface,value){switch(command){case"mceEmotion":var template=new Array();template['file']='../../plugins/emotions/emotions.htm';template['width']=160;template['height']=160;template['width']+=tinyMCE.getLang('lang_emotions_delta_width',0);template['height']+=tinyMCE.getLang('lang_emotions_delta_height',0);tinyMCE.openWindow(template,{editor_id:editor_id,inline:"yes"});return true;}return false;}};tinyMCE.addPlugin('emotions',TinyMCE_EmotionsPlugin);
|
@ -0,0 +1,65 @@
|
||||
/**
|
||||
* $RCSfile: editor_plugin_src.js,v $
|
||||
* $Revision: 1.23 $
|
||||
* $Date: 2006/02/10 16:29:38 $
|
||||
*
|
||||
* @author Moxiecode
|
||||
* @copyright Copyright © 2004-2006, Moxiecode Systems AB, All rights reserved.
|
||||
*/
|
||||
|
||||
/* Import plugin specific language pack */
|
||||
tinyMCE.importPluginLanguagePack('emotions', 'en,tr,sv,zh_cn,cs,fa,fr_ca,fr,de,pl,pt_br,nl,da,he,nb,hu,ru,ru_KOI8-R,ru_UTF-8,nn,es,cy,is,zh_tw,zh_tw_utf8,sk');
|
||||
|
||||
// Plucin static class
|
||||
var TinyMCE_EmotionsPlugin = {
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Emotions',
|
||||
author : 'Moxiecode Systems',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://tinymce.moxiecode.com/tinymce/docs/plugin_emotions.html',
|
||||
version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns the HTML contents of the emotions control.
|
||||
*/
|
||||
getControlHTML : function(cn) {
|
||||
switch (cn) {
|
||||
case "emotions":
|
||||
return tinyMCE.getButtonHTML(cn, 'lang_emotions_desc', '{$pluginurl}/images/emotions.gif', 'mceEmotion');
|
||||
}
|
||||
|
||||
return "";
|
||||
},
|
||||
|
||||
/**
|
||||
* Executes the mceEmotion command.
|
||||
*/
|
||||
execCommand : function(editor_id, element, command, user_interface, value) {
|
||||
// Handle commands
|
||||
switch (command) {
|
||||
case "mceEmotion":
|
||||
var template = new Array();
|
||||
|
||||
template['file'] = '../../plugins/emotions/emotions.htm'; // Relative to theme
|
||||
template['width'] = 160;
|
||||
template['height'] = 160;
|
||||
|
||||
// Language specific width and height addons
|
||||
template['width'] += tinyMCE.getLang('lang_emotions_delta_width', 0);
|
||||
template['height'] += tinyMCE.getLang('lang_emotions_delta_height', 0);
|
||||
|
||||
tinyMCE.openWindow(template, {editor_id : editor_id, inline : "yes"});
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
// Pass to next handler in chain
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
// Register plugin
|
||||
tinyMCE.addPlugin('emotions', TinyMCE_EmotionsPlugin);
|
@ -0,0 +1,40 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_emotions_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/functions.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body style="display: none">
|
||||
<div align="center">
|
||||
<div class="title">{$lang_emotions_title}:<br /><br /></div>
|
||||
|
||||
<table border="0" cellspacing="0" cellpadding="4">
|
||||
<tr>
|
||||
<td><a href="javascript:insertEmotion('smiley-cool.gif','lang_emotions_cool');"><img src="images/smiley-cool.gif" width="18" height="18" border="0" alt="{$lang_emotions_cool}" title="{$lang_emotions_cool}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-cry.gif','lang_emotions_cry');"><img src="images/smiley-cry.gif" width="18" height="18" border="0" alt="{$lang_emotions_cry}" title="{$lang_emotions_cry}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-embarassed.gif','lang_emotions_embarassed');"><img src="images/smiley-embarassed.gif" width="18" height="18" border="0" alt="{$lang_emotions_embarassed}" title="{$lang_emotions_embarassed}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-foot-in-mouth.gif','lang_emotions_foot_in_mouth');"><img src="images/smiley-foot-in-mouth.gif" width="18" height="18" border="0" alt="{$lang_emotions_foot_in_mouth}" title="{$lang_emotions_foot_in_mouth}" /></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="javascript:insertEmotion('smiley-frown.gif','lang_emotions_frown');"><img src="images/smiley-frown.gif" width="18" height="18" border="0" alt="{$lang_emotions_frown}" title="{$lang_emotions_frown}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-innocent.gif','lang_emotions_innocent');"><img src="images/smiley-innocent.gif" width="18" height="18" border="0" alt="{$lang_emotions_innocent}" title="{$lang_emotions_innocent}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-kiss.gif','lang_emotions_kiss');"><img src="images/smiley-kiss.gif" width="18" height="18" border="0" alt="{$lang_emotions_kiss}" title="{$lang_emotions_kiss}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-laughing.gif','lang_emotions_laughing');"><img src="images/smiley-laughing.gif" width="18" height="18" border="0" alt="{$lang_emotions_laughing}" title="{$lang_emotions_laughing}" /></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="javascript:insertEmotion('smiley-money-mouth.gif','lang_emotions_money_mouth');"><img src="images/smiley-money-mouth.gif" width="18" height="18" border="0" alt="{$lang_emotions_money_mouth}" title="{$lang_emotions_money_mouth}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-sealed.gif','lang_emotions_sealed');"><img src="images/smiley-sealed.gif" width="18" height="18" border="0" alt="{$lang_emotions_sealed}" title="{$lang_emotions_sealed}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-smile.gif','lang_emotions_smile');"><img src="images/smiley-smile.gif" width="18" height="18" border="0" alt="{$lang_emotions_smile}" title="{$lang_emotions_smile}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-surprised.gif','lang_emotions_surprised');"><img src="images/smiley-surprised.gif" width="18" height="18" border="0" alt="{$lang_emotions_surprised}" title="{$lang_emotions_surprised}" /></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="javascript:insertEmotion('smiley-tongue-out.gif','lang_emotions_tongue_out');"><img src="images/smiley-tongue-out.gif" width="18" height="18" border="0" alt="{$lang_emotions_tongue-out}" title="{$lang_emotions_tongue_out}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-undecided.gif','lang_emotions_undecided');"><img src="images/smiley-undecided.gif" width="18" height="18" border="0" alt="{$lang_emotions_undecided}" title="{$lang_emotions_undecided}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-wink.gif','lang_emotions_wink');"><img src="images/smiley-wink.gif" width="18" height="18" border="0" alt="{$lang_emotions_wink}" title="{$lang_emotions_wink}" /></a></td>
|
||||
<td><a href="javascript:insertEmotion('smiley-yell.gif','lang_emotions_yell');"><img src="images/smiley-yell.gif" width="18" height="18" border="0" alt="{$lang_emotions_yell}" title="{$lang_emotions_yell}" /></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
After Width: | Height: | Size: 319 B |
@ -0,0 +1,2 @@
|
||||
These emotions where taken from Mozilla Thunderbird.
|
||||
I hope they don't get angry if I use them here after all this is a open source project aswell.
|
After Width: | Height: | Size: 354 B |
After Width: | Height: | Size: 329 B |
After Width: | Height: | Size: 331 B |
After Width: | Height: | Size: 344 B |
After Width: | Height: | Size: 340 B |
After Width: | Height: | Size: 336 B |
After Width: | Height: | Size: 338 B |
After Width: | Height: | Size: 344 B |
After Width: | Height: | Size: 321 B |
After Width: | Height: | Size: 325 B |
After Width: | Height: | Size: 345 B |
After Width: | Height: | Size: 342 B |
After Width: | Height: | Size: 328 B |
After Width: | Height: | Size: 337 B |
After Width: | Height: | Size: 351 B |
After Width: | Height: | Size: 336 B |
@ -0,0 +1,21 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
}
|
||||
|
||||
function insertEmotion(file_name, title) {
|
||||
title = tinyMCE.getLang(title);
|
||||
|
||||
if (title == null)
|
||||
title = "";
|
||||
|
||||
// XML encode
|
||||
title = title.replace(/&/g, '&');
|
||||
title = title.replace(/\"/g, '"');
|
||||
title = title.replace(/</g, '<');
|
||||
title = title.replace(/>/g, '>');
|
||||
|
||||
var html = '<img src="' + tinyMCE.baseURL + "/plugins/emotions/images/" + file_name + '" mce_src="' + tinyMCE.baseURL + "/plugins/emotions/images/" + file_name + '" border="0" alt="' + title + '" title="' + title + '" />';
|
||||
|
||||
tinyMCE.execCommand('mceInsertContent', false, html);
|
||||
tinyMCEPopup.close();
|
||||
}
|
@ -0,0 +1,22 @@
|
||||
// UK lang variables
|
||||
|
||||
tinyMCE.addToLang('emotions',{
|
||||
title : 'Insert emotion',
|
||||
desc : 'Emotions',
|
||||
cool : 'Cool',
|
||||
cry : 'Cry',
|
||||
embarassed : 'Embarassed',
|
||||
foot_in_mouth : 'Foot in mouth',
|
||||
frown : 'Frown',
|
||||
innocent : 'Innocent',
|
||||
kiss : 'Kiss',
|
||||
laughing : 'Laughing',
|
||||
money_mouth : 'Money mouth',
|
||||
sealed : 'Sealed',
|
||||
smile : 'Smile',
|
||||
surprised : 'Surprised',
|
||||
tongue_out : 'Tongue out',
|
||||
undecided : 'Undecided',
|
||||
wink : 'Wink',
|
||||
yell : 'Yell'
|
||||
});
|
@ -0,0 +1 @@
|
||||
Check the TinyMCE documentation for details on this plugin.
|
@ -0,0 +1 @@
|
||||
This is the location you place TinyMCE plugins.
|
@ -0,0 +1 @@
|
||||
tinyMCE.importPluginLanguagePack('searchreplace','en,tr,sv,zh_cn,fa,fr_ca,fr,de,pl,pt_br,cs,nl,da,he,nb,hu,ru,ru_KOI8-R,ru_UTF-8,nn,fi,cy,es,is,zh_tw,zh_tw_utf8,sk');var TinyMCE_SearchReplacePlugin={getInfo:function(){return{longname:'Search/Replace',author:'Moxiecode Systems',authorurl:'http://tinymce.moxiecode.com',infourl:'http://tinymce.moxiecode.com/tinymce/docs/plugin_searchreplace.html',version:tinyMCE.majorVersion+"."+tinyMCE.minorVersion};},initInstance:function(inst){inst.addShortcut('ctrl','f','lang_searchreplace_search_desc','mceSearch',true);},getControlHTML:function(cn){switch(cn){case"search":return tinyMCE.getButtonHTML(cn,'lang_searchreplace_search_desc','{$pluginurl}/images/search.gif','mceSearch',true);case"replace":return tinyMCE.getButtonHTML(cn,'lang_searchreplace_replace_desc','{$pluginurl}/images/replace.gif','mceSearchReplace',true);}return"";},execCommand:function(editor_id,element,command,user_interface,value){var instance=tinyMCE.getInstanceById(editor_id);function defValue(key,default_value){value[key]=typeof(value[key])=="undefined"?default_value:value[key];}function replaceSel(search_str,str,back){instance.execCommand('mceInsertContent',false,str);}if(!value)value=new Array();defValue("editor_id",editor_id);defValue("searchstring","");defValue("replacestring",null);defValue("replacemode","none");defValue("casesensitive",false);defValue("backwards",false);defValue("wrap",false);defValue("wholeword",false);defValue("inline","yes");switch(command){case"mceResetSearch":tinyMCE.lastSearchRng=null;return true;case"mceSearch":if(user_interface){var template=new Array();if(value['replacestring']!=null){template['file']='../../plugins/searchreplace/replace.htm';template['width']=320;template['height']=100+(tinyMCE.isNS7?20:0);template['width']+=tinyMCE.getLang('lang_searchreplace_replace_delta_width',0);template['height']+=tinyMCE.getLang('lang_searchreplace_replace_delta_height',0);}else{template['file']='../../plugins/searchreplace/search.htm';template['width']=310;template['height']=105+(tinyMCE.isNS7?25:0);template['width']+=tinyMCE.getLang('lang_searchreplace_search_delta_width',0);template['height']+=tinyMCE.getLang('lang_searchreplace_replace_delta_height',0);}instance.execCommand('SelectAll');if(tinyMCE.isMSIE){var r=instance.selection.getRng();r.collapse(true);r.select();}else instance.selection.getSel().collapseToStart();tinyMCE.openWindow(template,value);}else{var win=tinyMCE.getInstanceById(editor_id).contentWindow;var doc=tinyMCE.getInstanceById(editor_id).contentWindow.document;var body=tinyMCE.getInstanceById(editor_id).contentWindow.document.body;if(body.innerHTML==""){alert(tinyMCE.getLang('lang_searchreplace_notfound'));return true;}if(value['replacemode']=="current"){replaceSel(value['string'],value['replacestring'],value['backwards']);value['replacemode']="none";tinyMCE.execInstanceCommand(editor_id,'mceSearch',user_interface,value,false);return true;}if(tinyMCE.isMSIE){var rng=tinyMCE.lastSearchRng?tinyMCE.lastSearchRng:doc.selection.createRange();var flags=0;if(value['wholeword'])flags=flags|2;if(value['casesensitive'])flags=flags|4;if(!rng.findText){alert('This operation is currently not supported by this browser.');return true;}if(value['replacemode']=="all"){while(rng.findText(value['string'],value['backwards']?-1:1,flags)){rng.scrollIntoView();rng.select();rng.collapse(false);replaceSel(value['string'],value['replacestring'],value['backwards']);}alert(tinyMCE.getLang('lang_searchreplace_allreplaced'));return true;}if(rng.findText(value['string'],value['backwards']?-1:1,flags)){rng.scrollIntoView();rng.select();rng.collapse(value['backwards']);tinyMCE.lastSearchRng=rng;}else alert(tinyMCE.getLang('lang_searchreplace_notfound'));}else{if(value['replacemode']=="all"){while(win.find(value['string'],value['casesensitive'],value['backwards'],value['wrap'],value['wholeword'],false,false))replaceSel(value['string'],value['replacestring'],value['backwards']);alert(tinyMCE.getLang('lang_searchreplace_allreplaced'));return true;}if(!win.find(value['string'],value['casesensitive'],value['backwards'],value['wrap'],value['wholeword'],false,false))alert(tinyMCE.getLang('lang_searchreplace_notfound'));}}return true;case"mceSearchReplace":value['replacestring']="";tinyMCE.execInstanceCommand(editor_id,'mceSearch',user_interface,value,false);return true;}return false;}};tinyMCE.addPlugin("searchreplace",TinyMCE_SearchReplacePlugin);
|
@ -0,0 +1,185 @@
|
||||
/**
|
||||
* $RCSfile: editor_plugin_src.js,v $
|
||||
* $Revision: 1.27 $
|
||||
* $Date: 2006/02/13 15:09:28 $
|
||||
*
|
||||
* @author Moxiecode
|
||||
* @copyright Copyright © 2004-2006, Moxiecode Systems AB, All rights reserved.
|
||||
*/
|
||||
|
||||
/* Import theme specific language pack */
|
||||
tinyMCE.importPluginLanguagePack('searchreplace', 'en,tr,sv,zh_cn,fa,fr_ca,fr,de,pl,pt_br,cs,nl,da,he,nb,hu,ru,ru_KOI8-R,ru_UTF-8,nn,fi,cy,es,is,zh_tw,zh_tw_utf8,sk');
|
||||
|
||||
var TinyMCE_SearchReplacePlugin = {
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Search/Replace',
|
||||
author : 'Moxiecode Systems',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://tinymce.moxiecode.com/tinymce/docs/plugin_searchreplace.html',
|
||||
version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
initInstance : function(inst) {
|
||||
inst.addShortcut('ctrl', 'f', 'lang_searchreplace_search_desc', 'mceSearch', true);
|
||||
},
|
||||
|
||||
getControlHTML : function(cn) {
|
||||
switch (cn) {
|
||||
case "search":
|
||||
return tinyMCE.getButtonHTML(cn, 'lang_searchreplace_search_desc', '{$pluginurl}/images/search.gif', 'mceSearch', true);
|
||||
case "replace":
|
||||
return tinyMCE.getButtonHTML(cn, 'lang_searchreplace_replace_desc', '{$pluginurl}/images/replace.gif', 'mceSearchReplace', true);
|
||||
}
|
||||
return "";
|
||||
},
|
||||
|
||||
/**
|
||||
* Executes the search/replace commands.
|
||||
*/
|
||||
execCommand : function(editor_id, element, command, user_interface, value) {
|
||||
var instance = tinyMCE.getInstanceById(editor_id);
|
||||
|
||||
function defValue(key, default_value) {
|
||||
value[key] = typeof(value[key]) == "undefined" ? default_value : value[key];
|
||||
}
|
||||
|
||||
function replaceSel(search_str, str, back) {
|
||||
instance.execCommand('mceInsertContent', false, str);
|
||||
}
|
||||
|
||||
if (!value)
|
||||
value = new Array();
|
||||
|
||||
// Setup defualt values
|
||||
defValue("editor_id", editor_id);
|
||||
defValue("searchstring", "");
|
||||
defValue("replacestring", null);
|
||||
defValue("replacemode", "none");
|
||||
defValue("casesensitive", false);
|
||||
defValue("backwards", false);
|
||||
defValue("wrap", false);
|
||||
defValue("wholeword", false);
|
||||
defValue("inline", "yes");
|
||||
|
||||
// Handle commands
|
||||
switch (command) {
|
||||
case "mceResetSearch":
|
||||
tinyMCE.lastSearchRng = null;
|
||||
return true;
|
||||
|
||||
case "mceSearch":
|
||||
if (user_interface) {
|
||||
// Open search dialog
|
||||
var template = new Array();
|
||||
|
||||
if (value['replacestring'] != null) {
|
||||
template['file'] = '../../plugins/searchreplace/replace.htm'; // Relative to theme
|
||||
template['width'] = 320;
|
||||
template['height'] = 100 + (tinyMCE.isNS7 ? 20 : 0);
|
||||
template['width'] += tinyMCE.getLang('lang_searchreplace_replace_delta_width', 0);
|
||||
template['height'] += tinyMCE.getLang('lang_searchreplace_replace_delta_height', 0);
|
||||
} else {
|
||||
template['file'] = '../../plugins/searchreplace/search.htm'; // Relative to theme
|
||||
template['width'] = 310;
|
||||
template['height'] = 105 + (tinyMCE.isNS7 ? 25 : 0);
|
||||
template['width'] += tinyMCE.getLang('lang_searchreplace_search_delta_width', 0);
|
||||
template['height'] += tinyMCE.getLang('lang_searchreplace_replace_delta_height', 0);
|
||||
}
|
||||
|
||||
instance.execCommand('SelectAll');
|
||||
|
||||
if (tinyMCE.isMSIE) {
|
||||
var r = instance.selection.getRng();
|
||||
r.collapse(true);
|
||||
r.select();
|
||||
} else
|
||||
instance.selection.getSel().collapseToStart();
|
||||
|
||||
tinyMCE.openWindow(template, value);
|
||||
} else {
|
||||
var win = tinyMCE.getInstanceById(editor_id).contentWindow;
|
||||
var doc = tinyMCE.getInstanceById(editor_id).contentWindow.document;
|
||||
var body = tinyMCE.getInstanceById(editor_id).contentWindow.document.body;
|
||||
|
||||
// Whats the point
|
||||
if (body.innerHTML == "") {
|
||||
alert(tinyMCE.getLang('lang_searchreplace_notfound'));
|
||||
return true;
|
||||
}
|
||||
|
||||
// Handle replace current
|
||||
if (value['replacemode'] == "current") {
|
||||
replaceSel(value['string'], value['replacestring'], value['backwards']);
|
||||
|
||||
// Search next one
|
||||
value['replacemode'] = "none";
|
||||
tinyMCE.execInstanceCommand(editor_id, 'mceSearch', user_interface, value, false);
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if (tinyMCE.isMSIE) {
|
||||
var rng = tinyMCE.lastSearchRng ? tinyMCE.lastSearchRng : doc.selection.createRange();
|
||||
var flags = 0;
|
||||
|
||||
if (value['wholeword'])
|
||||
flags = flags | 2;
|
||||
|
||||
if (value['casesensitive'])
|
||||
flags = flags | 4;
|
||||
|
||||
if (!rng.findText) {
|
||||
alert('This operation is currently not supported by this browser.');
|
||||
return true;
|
||||
}
|
||||
|
||||
// Handle replace all mode
|
||||
if (value['replacemode'] == "all") {
|
||||
while (rng.findText(value['string'], value['backwards'] ? -1 : 1, flags)) {
|
||||
rng.scrollIntoView();
|
||||
rng.select();
|
||||
rng.collapse(false);
|
||||
replaceSel(value['string'], value['replacestring'], value['backwards']);
|
||||
}
|
||||
|
||||
alert(tinyMCE.getLang('lang_searchreplace_allreplaced'));
|
||||
return true;
|
||||
}
|
||||
|
||||
if (rng.findText(value['string'], value['backwards'] ? -1 : 1, flags)) {
|
||||
rng.scrollIntoView();
|
||||
rng.select();
|
||||
rng.collapse(value['backwards']);
|
||||
tinyMCE.lastSearchRng = rng;
|
||||
} else
|
||||
alert(tinyMCE.getLang('lang_searchreplace_notfound'));
|
||||
} else {
|
||||
if (value['replacemode'] == "all") {
|
||||
while (win.find(value['string'], value['casesensitive'], value['backwards'], value['wrap'], value['wholeword'], false, false))
|
||||
replaceSel(value['string'], value['replacestring'], value['backwards']);
|
||||
|
||||
alert(tinyMCE.getLang('lang_searchreplace_allreplaced'));
|
||||
return true;
|
||||
}
|
||||
|
||||
if (!win.find(value['string'], value['casesensitive'], value['backwards'], value['wrap'], value['wholeword'], false, false))
|
||||
alert(tinyMCE.getLang('lang_searchreplace_notfound'));
|
||||
}
|
||||
}
|
||||
return true;
|
||||
|
||||
case "mceSearchReplace":
|
||||
value['replacestring'] = "";
|
||||
|
||||
tinyMCE.execInstanceCommand(editor_id, 'mceSearch', user_interface, value, false);
|
||||
return true;
|
||||
}
|
||||
|
||||
// Pass to next handler in chain
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
tinyMCE.addPlugin("searchreplace", TinyMCE_SearchReplacePlugin);
|
After Width: | Height: | Size: 125 B |
After Width: | Height: | Size: 191 B |
@ -0,0 +1,40 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
var formObj = document.forms[0];
|
||||
|
||||
formObj.searchstring.value = tinyMCE.getWindowArg("searchstring");
|
||||
formObj.replacestring.value = tinyMCE.getWindowArg("replacestring");
|
||||
formObj.casesensitivebox.checked = tinyMCE.getWindowArg("casesensitive");
|
||||
// formObj.backwards[0].checked = tinyMCE.getWindowArg("backwards");
|
||||
// formObj.backwards[1].checked = !tinyMCE.getWindowArg("backwards");
|
||||
// formObj.wrapatend.checked = tinyMCE.getWindowArg("wrap");
|
||||
// formObj.wholeword.checked = tinyMCE.getWindowArg("wholeword");
|
||||
|
||||
tinyMCEPopup.execCommand("mceResetSearch", false, {dummy : ""}, false);
|
||||
}
|
||||
|
||||
function searchNext(replacemode) {
|
||||
var formObj = document.forms[0];
|
||||
|
||||
// Whats the point?
|
||||
if (formObj.searchstring.value == "" || formObj.searchstring.value == formObj.replacestring.value)
|
||||
return;
|
||||
|
||||
// Do search
|
||||
tinyMCEPopup.execCommand('mceSearch', false, {
|
||||
string : formObj.searchstring.value,
|
||||
replacestring : formObj.replacestring.value,
|
||||
replacemode : replacemode,
|
||||
casesensitive : formObj.casesensitivebox.checked,
|
||||
backwards : false
|
||||
// wrap : formObj.wrapatend.checked,
|
||||
// wholeword : formObj.wholeword.checked
|
||||
}, false);
|
||||
|
||||
window.focus();
|
||||
}
|
||||
|
||||
function cancelAction() {
|
||||
tinyMCEPopup.close();
|
||||
}
|
@ -0,0 +1,36 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
var formObj = document.forms[0];
|
||||
|
||||
formObj.searchstring.value = tinyMCE.getWindowArg("searchstring");
|
||||
formObj.casesensitivebox.checked = tinyMCE.getWindowArg("casesensitive");
|
||||
formObj.backwards[0].checked = tinyMCE.getWindowArg("backwards");
|
||||
formObj.backwards[1].checked = !tinyMCE.getWindowArg("backwards");
|
||||
// formObj.wrapatend.checked = tinyMCE.getWindowArg("wrap");
|
||||
// formObj.wholeword.checked = tinyMCE.getWindowArg("wholeword");
|
||||
|
||||
tinyMCEPopup.execCommand("mceResetSearch", false, {dummy : ""}, false);
|
||||
}
|
||||
|
||||
function searchNext() {
|
||||
var formObj = document.forms[0];
|
||||
|
||||
if (formObj.searchstring.value == "")
|
||||
return;
|
||||
|
||||
// Do search
|
||||
tinyMCEPopup.execCommand('mceSearch', false, {
|
||||
string : formObj.searchstring.value,
|
||||
casesensitive : formObj.casesensitivebox.checked,
|
||||
backwards : formObj.backwards[0].checked
|
||||
// wrap : formObj.wrapatend.checked,
|
||||
// wholeword : formObj.wholeword.checked
|
||||
}, false);
|
||||
|
||||
window.focus();
|
||||
}
|
||||
|
||||
function cancelAction() {
|
||||
tinyMCEPopup.close();
|
||||
}
|
@ -0,0 +1,21 @@
|
||||
// UK lang variables
|
||||
|
||||
tinyMCE.addToLang('',{
|
||||
searchreplace_search_desc : 'Find',
|
||||
searchreplace_searchnext_desc : 'Find again',
|
||||
searchreplace_replace_desc : 'Find/Replace',
|
||||
searchreplace_notfound : 'The search has been completed. The search string could not be found.',
|
||||
searchreplace_search_title : 'Find',
|
||||
searchreplace_replace_title : 'Find/Replace',
|
||||
searchreplace_allreplaced : 'All occurrences of the search string were replaced.',
|
||||
searchreplace_findwhat : 'Find what',
|
||||
searchreplace_replacewith : 'Replace with',
|
||||
searchreplace_direction : 'Direction',
|
||||
searchreplace_up : 'Up',
|
||||
searchreplace_down : 'Down',
|
||||
searchreplace_case : 'Match case',
|
||||
searchreplace_findnext : 'Find next',
|
||||
searchreplace_replace : 'Replace',
|
||||
searchreplace_replaceall : 'Replace all',
|
||||
searchreplace_cancel : 'Cancel'
|
||||
});
|
@ -0,0 +1 @@
|
||||
Check the TinyMCE documentation for details on this plugin.
|
@ -0,0 +1,49 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_searchreplace_replace_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/replace.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none; margin: 4px;">
|
||||
<form onsubmit="searchNext('none');return false;" action="#">
|
||||
<table border="0" cellspacing="0" cellpadding="2">
|
||||
<tr>
|
||||
<td><label for="searchstring">{$lang_searchreplace_findwhat}</label></td>
|
||||
<td><input type="text" id="searchstring" name="searchstring" style="width: 200px" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="replacestring">{$lang_searchreplace_replacewith}</label></td>
|
||||
<td><input type="text" id="replacestring" name="replacestring" style="width: 200px" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><!--<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><label>{$lang_searchreplace_direction}</label></td>
|
||||
<td><input id="backwardsu" name="backwards" class="radio" type="radio" value="true" /></td>
|
||||
<td><label for="backwardsu">{$lang_searchreplace_up}</label></td>
|
||||
<td><input id="backwardsd" name="backwards" class="radio" type="radio" value="false" /></td>
|
||||
<td><label for="backwardsd">{$lang_searchreplace_down}</label></td>
|
||||
</tr>
|
||||
</table>--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input id="casesensitivebox" name="casesensitivebox" class="checkbox" type="checkbox" value="true" /></td>
|
||||
<td><label for="casesensitivebox">{$lang_searchreplace_case}</label></td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" width="300" cellspacing="0" cellpadding="4">
|
||||
<tr>
|
||||
<td><input id="insertBtn" name="insertBtn" type="button" value="{$lang_searchreplace_findnext}" onclick="searchNext('none');" /></td>
|
||||
<td><input name="replaceBtn" type="button" id="replaceBtn" value="{$lang_searchreplace_replace}" onclick="searchNext('current');" /></td>
|
||||
<td><input name="replaceBtn" type="button" id="replaceAllBtn" value="{$lang_searchreplace_replaceall}" onclick="searchNext('all');" /></td>
|
||||
<td align="right"><input name="cancelBtn" type="button" id="cancelBtn" value="{$lang_searchreplace_cancel}" onclick="cancelAction();" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,42 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_searchreplace_search_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/search.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none; margin: 4px;">
|
||||
<form onsubmit="searchNext();return false;" action="#">
|
||||
<table border="0" cellspacing="0" cellpadding="2">
|
||||
<tr>
|
||||
<td><label for="searchstring">{$lang_searchreplace_findwhat}</label> <input type="text" id="searchstring" name="searchstring" style="width: 200px" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><label>{$lang_searchreplace_direction}</label></td>
|
||||
<td><input id="backwardsu" name="backwards" class="radio" type="radio" value="true" /></td>
|
||||
<td><label for="backwardsu">{$lang_searchreplace_up}</label></td>
|
||||
<td><input id="backwardsd" name="backwards" class="radio" type="radio" value="false" /></td>
|
||||
<td><label for="backwardsd">{$lang_searchreplace_down}</label></td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input id="casesensitivebox" name="casesensitivebox" class="checkbox" type="checkbox" value="true" /></td>
|
||||
<td><label for="casesensitivebox">{$lang_searchreplace_case}</label></td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" width="300" cellspacing="0" cellpadding="4">
|
||||
<tr>
|
||||
<td><input id="insert" name="insert" type="submit" value="{$lang_searchreplace_findnext}" /></td>
|
||||
<td align="right"><input id="cancel" name="cancel" type="button" value="{$lang_searchreplace_cancel}" onclick="cancelAction();" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,182 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_cell_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/cell.js"></script>
|
||||
<link href="css/cell.css" rel="stylesheet" type="text/css" />
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="tablecell" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<form onsubmit="updateAction();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_general_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td><label for="align">{$lang_table_align}</label></td>
|
||||
<td>
|
||||
<select id="align" name="align">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="center">{$lang_table_align_middle}</option>
|
||||
<option value="left">{$lang_table_align_left}</option>
|
||||
<option value="right">{$lang_table_align_right}</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td><label for="celltype">{$lang_table_cell_type}</label></td>
|
||||
<td>
|
||||
<select id="celltype" name="celltype">
|
||||
<option value="td">{$lang_table_td}</option>
|
||||
<option value="th">{$lang_table_th}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="valign">{$lang_table_valign}</label></td>
|
||||
<td>
|
||||
<select id="valign" name="valign">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="top">{$lang_table_align_top}</option>
|
||||
<option value="middle">{$lang_table_align_middle}</option>
|
||||
<option value="bottom">{$lang_table_align_bottom}</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td><label for="scope">{$lang_table_scope}</label></td>
|
||||
<td>
|
||||
<select id="scope" name="scope">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="col">{$lang_table_col}</option>
|
||||
<option value="row">{$lang_table_row}</option>
|
||||
<option value="rowgroup">{$lang_table_rowgroup}</option>
|
||||
<option value="colgroup">{$lang_table_colgroup}</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="width">{$lang_table_width}</label></td>
|
||||
<td><input id="width" name="width" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
|
||||
<td><label for="height">{$lang_table_height}</label></td>
|
||||
<td><input id="height" name="height" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr id="styleSelectRow">
|
||||
<td><label for="class">{$lang_class_name}</label></td>
|
||||
<td colspan="3">
|
||||
<select id="class" name="class">
|
||||
<option value="" selected="selected">{$lang_not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="id">{$lang_table_id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="style">{$lang_table_style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{$lang_table_langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" style="width: 200px">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="ltr">{$lang_table_ltr}</option>
|
||||
<option value="rtl">{$lang_table_rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="lang">{$lang_table_langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" style="width: 200px" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
|
||||
<td id="backgroundimagebrowsercontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bordercolor">{$lang_table_bordercolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
|
||||
<td id="bordercolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
|
||||
<td id="bgcolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div>
|
||||
<select id="action" name="action">
|
||||
<option value="cell">{$lang_table_cell_cell}</option>
|
||||
<option value="row">{$lang_table_cell_row}</option>
|
||||
<option value="all">{$lang_table_cell_all}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div style="float: left">
|
||||
<div><input type="button" id="insert" name="insert" value="{$lang_update}" onclick="updateAction();" /></div>
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,17 @@
|
||||
/* CSS file for cell dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#action {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#class {
|
||||
width: 150px;
|
||||
}
|
@ -0,0 +1,25 @@
|
||||
/* CSS file for row dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#action {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#rowtype,#align,#valign,#class,#height {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
#height {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.col2 {
|
||||
padding-left: 20px;
|
||||
}
|
@ -0,0 +1,13 @@
|
||||
/* CSS file for table dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#class {
|
||||
width: 150px;
|
||||
}
|
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 287 B |
After Width: | Height: | Size: 189 B |
After Width: | Height: | Size: 372 B |
After Width: | Height: | Size: 163 B |
After Width: | Height: | Size: 171 B |
After Width: | Height: | Size: 165 B |
After Width: | Height: | Size: 165 B |
After Width: | Height: | Size: 163 B |
After Width: | Height: | Size: 159 B |
After Width: | Height: | Size: 198 B |
After Width: | Height: | Size: 187 B |
After Width: | Height: | Size: 210 B |
@ -0,0 +1,249 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
||||
document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor')
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var tdElm = tinyMCE.getParentElement(inst.getFocusElement(), "td,th");
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(tinyMCE.getAttrib(tdElm, "style"));
|
||||
|
||||
// Get table cell data
|
||||
var celltype = tdElm.nodeName.toLowerCase();
|
||||
var align = tinyMCE.getAttrib(tdElm, 'align');
|
||||
var valign = tinyMCE.getAttrib(tdElm, 'valign');
|
||||
var width = trimSize(getStyle(tdElm, 'width', 'width'));
|
||||
var height = trimSize(getStyle(tdElm, 'height', 'height'));
|
||||
var bordercolor = convertRGBToHex(getStyle(tdElm, 'bordercolor', 'borderLeftColor'));
|
||||
var bgcolor = convertRGBToHex(getStyle(tdElm, 'bgcolor', 'backgroundColor'));
|
||||
var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tdElm, 'class'), false);
|
||||
var backgroundimage = getStyle(tdElm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");;
|
||||
var id = tinyMCE.getAttrib(tdElm, 'id');
|
||||
var lang = tinyMCE.getAttrib(tdElm, 'lang');
|
||||
var dir = tinyMCE.getAttrib(tdElm, 'dir');
|
||||
var scope = tinyMCE.getAttrib(tdElm, 'scope');
|
||||
|
||||
// Setup form
|
||||
addClassesToList('class', 'table_cell_styles');
|
||||
formObj.bordercolor.value = bordercolor;
|
||||
formObj.bgcolor.value = bgcolor;
|
||||
formObj.backgroundimage.value = backgroundimage;
|
||||
formObj.width.value = width;
|
||||
formObj.height.value = height;
|
||||
formObj.id.value = id;
|
||||
formObj.lang.value = lang;
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
selectByValue(formObj, 'align', align);
|
||||
selectByValue(formObj, 'valign', valign);
|
||||
selectByValue(formObj, 'class', className);
|
||||
selectByValue(formObj, 'celltype', celltype);
|
||||
selectByValue(formObj, 'dir', dir);
|
||||
selectByValue(formObj, 'scope', scope);
|
||||
|
||||
// Resize some elements
|
||||
if (isVisible('backgroundimagebrowser'))
|
||||
document.getElementById('backgroundimage').style.width = '180px';
|
||||
|
||||
updateColor('bordercolor_pick', 'bordercolor');
|
||||
updateColor('bgcolor_pick', 'bgcolor');
|
||||
}
|
||||
|
||||
function updateAction() {
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var tdElm = tinyMCE.getParentElement(inst.getFocusElement(), "td,th");
|
||||
var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");
|
||||
var tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
|
||||
var formObj = document.forms[0];
|
||||
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
|
||||
switch (getSelectValue(formObj, 'action')) {
|
||||
case "cell":
|
||||
var celltype = getSelectValue(formObj, 'celltype');
|
||||
var scope = getSelectValue(formObj, 'scope');
|
||||
|
||||
if (tinyMCE.getParam("accessibility_warnings")) {
|
||||
if (celltype == "th" && scope == "")
|
||||
var answer = confirm(tinyMCE.getLang('lang_table_missing_scope', '', true));
|
||||
else
|
||||
var answer = true;
|
||||
|
||||
if (!answer)
|
||||
return;
|
||||
}
|
||||
|
||||
updateCell(tdElm);
|
||||
break;
|
||||
|
||||
case "row":
|
||||
var cell = trElm.firstChild;
|
||||
|
||||
if (cell.nodeName != "TD" && cell.nodeName != "TH")
|
||||
cell = nextCell(cell);
|
||||
|
||||
do {
|
||||
cell = updateCell(cell, true);
|
||||
} while ((cell = nextCell(cell)) != null);
|
||||
|
||||
break;
|
||||
|
||||
case "all":
|
||||
var rows = tableElm.getElementsByTagName("tr");
|
||||
|
||||
for (var i=0; i<rows.length; i++) {
|
||||
var cell = rows[i].firstChild;
|
||||
|
||||
if (cell.nodeName != "TD" && cell.nodeName != "TH")
|
||||
cell = nextCell(cell);
|
||||
|
||||
do {
|
||||
cell = updateCell(cell, true);
|
||||
} while ((cell = nextCell(cell)) != null);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
|
||||
tinyMCE.triggerNodeChange();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function nextCell(elm) {
|
||||
while ((elm = elm.nextSibling) != null) {
|
||||
if (elm.nodeName == "TD" || elm.nodeName == "TH")
|
||||
return elm;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function updateCell(td, skip_id) {
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var formObj = document.forms[0];
|
||||
var curCellType = td.nodeName.toLowerCase();
|
||||
var celltype = getSelectValue(formObj, 'celltype');
|
||||
var doc = inst.getDoc();
|
||||
|
||||
if (!skip_id)
|
||||
td.setAttribute('id', formObj.id.value);
|
||||
|
||||
td.setAttribute('align', formObj.align.value);
|
||||
td.setAttribute('vAlign', formObj.valign.value);
|
||||
td.setAttribute('lang', formObj.lang.value);
|
||||
td.setAttribute('dir', getSelectValue(formObj, 'dir'));
|
||||
td.setAttribute('style', tinyMCE.serializeStyle(tinyMCE.parseStyle(formObj.style.value)));
|
||||
td.setAttribute('scope', formObj.scope.value);
|
||||
tinyMCE.setAttrib(td, 'class', getSelectValue(formObj, 'class'));
|
||||
|
||||
// Clear deprecated attributes
|
||||
tinyMCE.setAttrib(td, 'width', '');
|
||||
tinyMCE.setAttrib(td, 'height', '');
|
||||
tinyMCE.setAttrib(td, 'bgColor', '');
|
||||
tinyMCE.setAttrib(td, 'borderColor', '');
|
||||
tinyMCE.setAttrib(td, 'background', '');
|
||||
|
||||
// Set styles
|
||||
td.style.width = getCSSSize(formObj.width.value);
|
||||
td.style.height = getCSSSize(formObj.height.value);
|
||||
if (formObj.bordercolor.value != "") {
|
||||
td.style.borderColor = formObj.bordercolor.value;
|
||||
td.style.borderStyle = td.style.borderStyle == "" ? "solid" : td.style.borderStyle;
|
||||
td.style.borderWidth = td.style.borderWidth == "" ? "1px" : td.style.borderWidth;
|
||||
} else
|
||||
td.style.borderColor = '';
|
||||
|
||||
td.style.backgroundColor = formObj.bgcolor.value;
|
||||
|
||||
if (formObj.backgroundimage.value != "")
|
||||
td.style.backgroundImage = "url('" + formObj.backgroundimage.value + "')";
|
||||
else
|
||||
td.style.backgroundImage = '';
|
||||
|
||||
if (curCellType != celltype) {
|
||||
// changing to a different node type
|
||||
var newCell = doc.createElement(celltype);
|
||||
|
||||
for (var c=0; c<td.childNodes.length; c++)
|
||||
newCell.appendChild(td.childNodes[c].cloneNode(1));
|
||||
|
||||
for (var a=0; a<td.attributes.length; a++) {
|
||||
var attr = td.attributes[a];
|
||||
newCell.setAttribute(attr.name, attr.value);
|
||||
}
|
||||
|
||||
td.parentNode.replaceChild(newCell, td);
|
||||
td = newCell;
|
||||
}
|
||||
|
||||
return td;
|
||||
}
|
||||
|
||||
function changedBackgroundImage() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedSize() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
var width = formObj.width.value;
|
||||
if (width != "")
|
||||
st['width'] = getCSSSize(width);
|
||||
else
|
||||
st['width'] = "";
|
||||
|
||||
var height = formObj.height.value;
|
||||
if (height != "")
|
||||
st['height'] = getCSSSize(height);
|
||||
else
|
||||
st['height'] = "";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedColor() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-color'] = formObj.bgcolor.value;
|
||||
st['border-color'] = formObj.bordercolor.value;
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedStyle() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
if (st['background-image'])
|
||||
formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
else
|
||||
formObj.backgroundimage.value = '';
|
||||
|
||||
if (st['width'])
|
||||
formObj.width.value = trimSize(st['width']);
|
||||
|
||||
if (st['height'])
|
||||
formObj.height.value = trimSize(st['height']);
|
||||
|
||||
if (st['background-color']) {
|
||||
formObj.bgcolor.value = st['background-color'];
|
||||
updateColor('bgcolor_pick','bgcolor');
|
||||
}
|
||||
|
||||
if (st['border-color']) {
|
||||
formObj.bordercolor.value = st['border-color'];
|
||||
updateColor('bordercolor_pick','bordercolor');
|
||||
}
|
||||
}
|
@ -0,0 +1,19 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
var formObj = document.forms[0];
|
||||
|
||||
formObj.numcols.value = tinyMCE.getWindowArg('numcols', 1);
|
||||
formObj.numrows.value = tinyMCE.getWindowArg('numrows', 1);
|
||||
}
|
||||
|
||||
function mergeCells() {
|
||||
var args = new Array();
|
||||
var formObj = document.forms[0];
|
||||
|
||||
args["numcols"] = formObj.numcols.value;
|
||||
args["numrows"] = formObj.numrows.value;
|
||||
|
||||
tinyMCEPopup.execCommand("mceTableMergeCells", false, args);
|
||||
tinyMCEPopup.close();
|
||||
}
|
@ -0,0 +1,200 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(tinyMCE.getAttrib(trElm, "style"));
|
||||
|
||||
// Get table row data
|
||||
var rowtype = trElm.parentNode.nodeName.toLowerCase();
|
||||
var align = tinyMCE.getAttrib(trElm, 'align');
|
||||
var valign = tinyMCE.getAttrib(trElm, 'valign');
|
||||
var height = trimSize(getStyle(trElm, 'height', 'height'));
|
||||
var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(trElm, 'class'), false);
|
||||
var bgcolor = convertRGBToHex(getStyle(trElm, 'bgcolor', 'backgroundColor'));
|
||||
var backgroundimage = getStyle(trElm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");;
|
||||
var id = tinyMCE.getAttrib(trElm, 'id');
|
||||
var lang = tinyMCE.getAttrib(trElm, 'lang');
|
||||
var dir = tinyMCE.getAttrib(trElm, 'dir');
|
||||
|
||||
// Setup form
|
||||
addClassesToList('class', 'table_row_styles');
|
||||
formObj.bgcolor.value = bgcolor;
|
||||
formObj.backgroundimage.value = backgroundimage;
|
||||
formObj.height.value = height;
|
||||
formObj.id.value = id;
|
||||
formObj.lang.value = lang;
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
selectByValue(formObj, 'align', align);
|
||||
selectByValue(formObj, 'valign', valign);
|
||||
selectByValue(formObj, 'class', className);
|
||||
selectByValue(formObj, 'rowtype', rowtype);
|
||||
selectByValue(formObj, 'dir', dir);
|
||||
|
||||
// Resize some elements
|
||||
if (isVisible('backgroundimagebrowser'))
|
||||
document.getElementById('backgroundimage').style.width = '180px';
|
||||
|
||||
updateColor('bgcolor_pick', 'bgcolor');
|
||||
}
|
||||
|
||||
function updateAction() {
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");
|
||||
var tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
|
||||
var formObj = document.forms[0];
|
||||
var action = getSelectValue(formObj, 'action');
|
||||
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
|
||||
switch (action) {
|
||||
case "row":
|
||||
updateRow(trElm);
|
||||
break;
|
||||
|
||||
case "all":
|
||||
var rows = tableElm.getElementsByTagName("tr");
|
||||
|
||||
for (var i=0; i<rows.length; i++)
|
||||
updateRow(rows[i], true);
|
||||
|
||||
break;
|
||||
|
||||
case "odd":
|
||||
case "even":
|
||||
var rows = tableElm.getElementsByTagName("tr");
|
||||
|
||||
for (var i=0; i<rows.length; i++) {
|
||||
if ((i % 2 == 0 && action == "odd") || (i % 2 != 0 && action == "even"))
|
||||
updateRow(rows[i], true, true);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
|
||||
tinyMCE.triggerNodeChange();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function updateRow(tr_elm, skip_id, skip_parent) {
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var formObj = document.forms[0];
|
||||
var curRowType = tr_elm.parentNode.nodeName.toLowerCase();
|
||||
var rowtype = getSelectValue(formObj, 'rowtype');
|
||||
var doc = inst.getDoc();
|
||||
|
||||
// Update row element
|
||||
if (!skip_id)
|
||||
tr_elm.setAttribute('id', formObj.id.value);
|
||||
|
||||
tr_elm.setAttribute('align', getSelectValue(formObj, 'align'));
|
||||
tr_elm.setAttribute('vAlign', getSelectValue(formObj, 'valign'));
|
||||
tr_elm.setAttribute('lang', formObj.lang.value);
|
||||
tr_elm.setAttribute('dir', getSelectValue(formObj, 'dir'));
|
||||
tr_elm.setAttribute('style', tinyMCE.serializeStyle(tinyMCE.parseStyle(formObj.style.value)));
|
||||
tinyMCE.setAttrib(tr_elm, 'class', getSelectValue(formObj, 'class'));
|
||||
|
||||
// Clear deprecated attributes
|
||||
tr_elm.setAttribute('background', '');
|
||||
tr_elm.setAttribute('bgColor', '');
|
||||
tr_elm.setAttribute('height', '');
|
||||
|
||||
// Set styles
|
||||
tr_elm.style.height = getCSSSize(formObj.height.value);
|
||||
tr_elm.style.backgroundColor = formObj.bgcolor.value;
|
||||
|
||||
if (formObj.backgroundimage.value != "")
|
||||
tr_elm.style.backgroundImage = "url('" + formObj.backgroundimage.value + "')";
|
||||
else
|
||||
tr_elm.style.backgroundImage = '';
|
||||
|
||||
// Setup new rowtype
|
||||
if (curRowType != rowtype && !skip_parent) {
|
||||
// first, clone the node we are working on
|
||||
var newRow = tr_elm.cloneNode(1);
|
||||
|
||||
// next, find the parent of its new destination (creating it if necessary)
|
||||
var theTable = tinyMCE.getParentElement(tr_elm, "table");
|
||||
var dest = rowtype;
|
||||
var newParent = null;
|
||||
for (var i = 0; i < theTable.childNodes.length; i++) {
|
||||
if (theTable.childNodes[i].nodeName.toLowerCase() == dest)
|
||||
newParent = theTable.childNodes[i];
|
||||
}
|
||||
|
||||
if (newParent == null) {
|
||||
newParent = doc.createElement(dest);
|
||||
|
||||
if (dest == "thead")
|
||||
theTable.insertBefore(newParent, theTable.firstChild);
|
||||
else
|
||||
theTable.appendChild(newParent);
|
||||
}
|
||||
|
||||
// append the row to the new parent
|
||||
newParent.appendChild(newRow);
|
||||
|
||||
// remove the original
|
||||
tr_elm.parentNode.removeChild(tr_elm);
|
||||
|
||||
// set tr_elm to the new node
|
||||
tr_elm = newRow;
|
||||
}
|
||||
}
|
||||
|
||||
function changedBackgroundImage() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedStyle() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
if (st['background-image'])
|
||||
formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
else
|
||||
formObj.backgroundimage.value = '';
|
||||
|
||||
if (st['height'])
|
||||
formObj.height.value = trimSize(st['height']);
|
||||
|
||||
if (st['background-color']) {
|
||||
formObj.bgcolor.value = st['background-color'];
|
||||
updateColor('bgcolor_pick','bgcolor');
|
||||
}
|
||||
}
|
||||
|
||||
function changedSize() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
var height = formObj.height.value;
|
||||
if (height != "")
|
||||
st['height'] = getCSSSize(height);
|
||||
else
|
||||
st['height'] = "";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedColor() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-color'] = formObj.bgcolor.value;
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
@ -0,0 +1,344 @@
|
||||
var action, orgTableWidth, orgTableHeight;
|
||||
|
||||
function insertTable() {
|
||||
var formObj = document.forms[0];
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className;
|
||||
var html = '';
|
||||
var elm = tinyMCE.tableElm;
|
||||
var cellLimit, rowLimit, colLimit;
|
||||
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
// Get form data
|
||||
cols = formObj.elements['cols'].value;
|
||||
rows = formObj.elements['rows'].value;
|
||||
border = formObj.elements['border'].value != "" ? formObj.elements['border'].value : 0;
|
||||
cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : "";
|
||||
cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : "";
|
||||
align = formObj.elements['align'].options[formObj.elements['align'].selectedIndex].value;
|
||||
width = formObj.elements['width'].value;
|
||||
height = formObj.elements['height'].value;
|
||||
bordercolor = formObj.elements['bordercolor'].value;
|
||||
bgcolor = formObj.elements['bgcolor'].value;
|
||||
className = formObj.elements['class'].options[formObj.elements['class'].selectedIndex].value;
|
||||
id = formObj.elements['id'].value;
|
||||
summary = formObj.elements['summary'].value;
|
||||
style = formObj.elements['style'].value;
|
||||
dir = formObj.elements['dir'].value;
|
||||
lang = formObj.elements['lang'].value;
|
||||
background = formObj.elements['backgroundimage'].value;
|
||||
|
||||
cellLimit = tinyMCE.getParam('table_cell_limit', false);
|
||||
rowLimit = tinyMCE.getParam('table_row_limit', false);
|
||||
colLimit = tinyMCE.getParam('table_col_limit', false);
|
||||
|
||||
// Validate table size
|
||||
if (colLimit && cols > colLimit) {
|
||||
alert(tinyMCE.getLang('lang_table_col_limit', '', true, {cols : colLimit}));
|
||||
return false;
|
||||
} else if (rowLimit && rows > rowLimit) {
|
||||
alert(tinyMCE.getLang('lang_table_row_limit', '', true, {rows : rowLimit}));
|
||||
return false;
|
||||
} else if (cellLimit && cols * rows > cellLimit) {
|
||||
alert(tinyMCE.getLang('lang_table_cell_limit', '', true, {cells : cellLimit}));
|
||||
return false;
|
||||
}
|
||||
|
||||
// Update table
|
||||
if (action == "update") {
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
|
||||
tinyMCE.setAttrib(elm, 'cellPadding', cellpadding, true);
|
||||
tinyMCE.setAttrib(elm, 'cellSpacing', cellspacing, true);
|
||||
tinyMCE.setAttrib(elm, 'border', border, true);
|
||||
tinyMCE.setAttrib(elm, 'align', align);
|
||||
tinyMCE.setAttrib(elm, 'class', className);
|
||||
tinyMCE.setAttrib(elm, 'style', style);
|
||||
tinyMCE.setAttrib(elm, 'id', id);
|
||||
tinyMCE.setAttrib(elm, 'summary', summary);
|
||||
tinyMCE.setAttrib(elm, 'dir', dir);
|
||||
tinyMCE.setAttrib(elm, 'lang', lang);
|
||||
|
||||
// Not inline styles
|
||||
if (!tinyMCE.getParam("inline_styles"))
|
||||
tinyMCE.setAttrib(elm, 'width', width, true);
|
||||
|
||||
// Remove these since they are not valid XHTML
|
||||
tinyMCE.setAttrib(elm, 'borderColor', '');
|
||||
tinyMCE.setAttrib(elm, 'bgColor', '');
|
||||
tinyMCE.setAttrib(elm, 'background', '');
|
||||
tinyMCE.setAttrib(elm, 'height', '');
|
||||
|
||||
if (background != '')
|
||||
elm.style.backgroundImage = "url('" + background + "')";
|
||||
else
|
||||
elm.style.backgroundImage = '';
|
||||
|
||||
if (tinyMCE.getParam("inline_styles"))
|
||||
elm.style.borderWidth = border + "px";
|
||||
|
||||
if (tinyMCE.getParam("inline_styles")) {
|
||||
if (width != '')
|
||||
elm.style.width = getCSSSize(width);
|
||||
}
|
||||
|
||||
if (bordercolor != "") {
|
||||
elm.style.borderColor = bordercolor;
|
||||
elm.style.borderStyle = elm.style.borderStyle == "" ? "solid" : elm.style.borderStyle;
|
||||
elm.style.borderWidth = border == "" ? "1px" : border;
|
||||
} else
|
||||
elm.style.borderColor = '';
|
||||
|
||||
elm.style.backgroundColor = bgcolor;
|
||||
elm.style.height = getCSSSize(height);
|
||||
|
||||
tinyMCE.handleVisualAid(tinyMCE.tableElm, false, inst.visualAid, inst);
|
||||
|
||||
// Fix for stange MSIE align bug
|
||||
tinyMCE.tableElm.outerHTML = tinyMCE.tableElm.outerHTML;
|
||||
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
|
||||
tinyMCE.triggerNodeChange();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
|
||||
// Repaint if dimensions changed
|
||||
if (formObj.width.value != orgTableWidth || formObj.height.value != orgTableHeight)
|
||||
inst.repaint();
|
||||
|
||||
tinyMCEPopup.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
// Create new table
|
||||
html += '<table';
|
||||
|
||||
html += makeAttrib('id', id);
|
||||
html += makeAttrib('border', border);
|
||||
html += makeAttrib('cellpadding', cellpadding);
|
||||
html += makeAttrib('cellspacing', cellspacing);
|
||||
html += makeAttrib('width', width);
|
||||
//html += makeAttrib('height', height);
|
||||
//html += makeAttrib('bordercolor', bordercolor);
|
||||
//html += makeAttrib('bgcolor', bgcolor);
|
||||
html += makeAttrib('align', align);
|
||||
html += makeAttrib('class', tinyMCE.getVisualAidClass(className, border == 0));
|
||||
html += makeAttrib('style', style);
|
||||
html += makeAttrib('summary', summary);
|
||||
html += makeAttrib('dir', dir);
|
||||
html += makeAttrib('lang', lang);
|
||||
|
||||
html += '>';
|
||||
|
||||
for (var y=0; y<rows; y++) {
|
||||
html += "<tr>";
|
||||
|
||||
for (var x=0; x<cols; x++)
|
||||
html += '<td> </td>';
|
||||
|
||||
html += "</tr>";
|
||||
}
|
||||
|
||||
html += "</table>";
|
||||
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
inst.execCommand('mceInsertContent', false, html);
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, tinyMCE.settings['visual']);
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function makeAttrib(attrib, value) {
|
||||
var formObj = document.forms[0];
|
||||
var valueElm = formObj.elements[attrib];
|
||||
|
||||
if (typeof(value) == "undefined" || value == null) {
|
||||
value = "";
|
||||
|
||||
if (valueElm)
|
||||
value = valueElm.value;
|
||||
}
|
||||
|
||||
if (value == "")
|
||||
return "";
|
||||
|
||||
// XML encode it
|
||||
value = value.replace(/&/g, '&');
|
||||
value = value.replace(/\"/g, '"');
|
||||
value = value.replace(/</g, '<');
|
||||
value = value.replace(/>/g, '>');
|
||||
|
||||
return ' ' + attrib + '="' + value + '"';
|
||||
}
|
||||
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
||||
document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
||||
document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
||||
|
||||
var cols = 2, rows = 2, border = 0, cellpadding = "", cellspacing = "";
|
||||
var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = "";
|
||||
var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "";
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var formObj = document.forms[0];
|
||||
var elm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
|
||||
|
||||
tinyMCE.tableElm = elm;
|
||||
action = tinyMCE.getWindowArg('action');
|
||||
if (action == null)
|
||||
action = tinyMCE.tableElm ? "update" : "insert";
|
||||
|
||||
if (tinyMCE.tableElm && action != "insert") {
|
||||
var rowsAr = tinyMCE.tableElm.rows;
|
||||
var cols = 0;
|
||||
for (var i=0; i<rowsAr.length; i++)
|
||||
if (rowsAr[i].cells.length > cols)
|
||||
cols = rowsAr[i].cells.length;
|
||||
|
||||
cols = cols;
|
||||
rows = rowsAr.length;
|
||||
|
||||
st = tinyMCE.parseStyle(tinyMCE.getAttrib(tinyMCE.tableElm, "style"));
|
||||
border = trimSize(getStyle(elm, 'border', 'borderWidth'));
|
||||
cellpadding = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellpadding', "");
|
||||
cellspacing = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellspacing', "");
|
||||
width = trimSize(getStyle(elm, 'width', 'width'));
|
||||
height = trimSize(getStyle(elm, 'height', 'height'));
|
||||
bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor'));
|
||||
bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor'));
|
||||
align = tinyMCE.getAttrib(tinyMCE.tableElm, 'align', align);
|
||||
className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tinyMCE.tableElm, 'class'), false);
|
||||
id = tinyMCE.getAttrib(tinyMCE.tableElm, 'id');
|
||||
summary = tinyMCE.getAttrib(tinyMCE.tableElm, 'summary');
|
||||
style = tinyMCE.serializeStyle(st);
|
||||
dir = tinyMCE.getAttrib(tinyMCE.tableElm, 'dir');
|
||||
lang = tinyMCE.getAttrib(tinyMCE.tableElm, 'lang');
|
||||
background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
|
||||
orgTableWidth = width;
|
||||
orgTableHeight = height;
|
||||
|
||||
action = "update";
|
||||
}
|
||||
|
||||
addClassesToList('class', "table_styles");
|
||||
|
||||
// Update form
|
||||
selectByValue(formObj, 'align', align);
|
||||
selectByValue(formObj, 'class', className);
|
||||
formObj.cols.value = cols;
|
||||
formObj.rows.value = rows;
|
||||
formObj.border.value = border;
|
||||
formObj.cellpadding.value = cellpadding;
|
||||
formObj.cellspacing.value = cellspacing;
|
||||
formObj.width.value = width;
|
||||
formObj.height.value = height;
|
||||
formObj.bordercolor.value = bordercolor;
|
||||
formObj.bgcolor.value = bgcolor;
|
||||
formObj.id.value = id;
|
||||
formObj.summary.value = summary;
|
||||
formObj.style.value = style;
|
||||
formObj.dir.value = dir;
|
||||
formObj.lang.value = lang;
|
||||
formObj.backgroundimage.value = background;
|
||||
formObj.insert.value = tinyMCE.getLang('lang_' + action, 'Insert', true);
|
||||
|
||||
updateColor('bordercolor_pick', 'bordercolor');
|
||||
updateColor('bgcolor_pick', 'bgcolor');
|
||||
|
||||
// Resize some elements
|
||||
if (isVisible('backgroundimagebrowser'))
|
||||
document.getElementById('backgroundimage').style.width = '180px';
|
||||
|
||||
// Disable some fields in update mode
|
||||
if (action == "update") {
|
||||
formObj.cols.disabled = true;
|
||||
formObj.rows.disabled = true;
|
||||
}
|
||||
}
|
||||
|
||||
function changedSize() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
var width = formObj.width.value;
|
||||
if (width != "")
|
||||
st['width'] = tinyMCE.getParam("inline_styles") ? getCSSSize(width) : "";
|
||||
else
|
||||
st['width'] = "";
|
||||
|
||||
var height = formObj.height.value;
|
||||
if (height != "")
|
||||
st['height'] = getCSSSize(height);
|
||||
else
|
||||
st['height'] = "";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedBackgroundImage() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedBorder() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
// Update border width if the element has a color
|
||||
if (formObj.border.value != "" && formObj.bordercolor.value != "")
|
||||
st['border-width'] = formObj.border.value + "px";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedColor() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-color'] = formObj.bgcolor.value;
|
||||
|
||||
if (formObj.bordercolor.value != "") {
|
||||
st['border-color'] = formObj.bordercolor.value;
|
||||
|
||||
// Add border-width if it's missing
|
||||
if (!st['border-width'])
|
||||
st['border-width'] = formObj.border.value == "" ? "1px" : formObj.border.value + "px";
|
||||
}
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedStyle() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
|
||||
if (st['background-image'])
|
||||
formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
else
|
||||
formObj.backgroundimage.value = '';
|
||||
|
||||
if (st['width'])
|
||||
formObj.width.value = trimSize(st['width']);
|
||||
|
||||
if (st['height'])
|
||||
formObj.height.value = trimSize(st['height']);
|
||||
|
||||
if (st['background-color']) {
|
||||
formObj.bgcolor.value = st['background-color'];
|
||||
updateColor('bgcolor_pick','bgcolor');
|
||||
}
|
||||
|
||||
if (st['border-color']) {
|
||||
formObj.bordercolor.value = st['border-color'];
|
||||
updateColor('bordercolor_pick','bordercolor');
|
||||
}
|
||||
}
|
@ -0,0 +1,78 @@
|
||||
// UK lang variables
|
||||
|
||||
tinyMCE.addToLang('table',{
|
||||
general_tab : 'General',
|
||||
advanced_tab : 'Advanced',
|
||||
general_props : 'General properties',
|
||||
advanced_props : 'Advanced properties',
|
||||
desc : 'Inserts a new table',
|
||||
row_before_desc : 'Insert row before',
|
||||
row_after_desc : 'Insert row after',
|
||||
delete_row_desc : 'Delete row',
|
||||
col_before_desc : 'Insert column before',
|
||||
col_after_desc : 'Insert column after',
|
||||
delete_col_desc : 'Remove column',
|
||||
rowtype : 'Row in table part',
|
||||
title : 'Insert/Modify table',
|
||||
width : 'Width',
|
||||
height : 'Height',
|
||||
cols : 'Columns',
|
||||
rows : 'Rows',
|
||||
cellspacing : 'Cellspacing',
|
||||
cellpadding : 'Cellpadding',
|
||||
border : 'Border',
|
||||
align : 'Alignment',
|
||||
align_default : 'Default',
|
||||
align_left : 'Left',
|
||||
align_right : 'Right',
|
||||
align_middle : 'Center',
|
||||
row_title : 'Table row properties',
|
||||
cell_title : 'Table cell properties',
|
||||
cell_type : 'Cell type',
|
||||
row_desc : 'Table row properties',
|
||||
cell_desc : 'Table cell properties',
|
||||
valign : 'Vertical alignment',
|
||||
align_top : 'Top',
|
||||
align_bottom : 'Bottom',
|
||||
props_desc : 'Table properties',
|
||||
bordercolor : 'Border color',
|
||||
bgcolor : 'Background color',
|
||||
merge_cells_title : 'Merge table cells',
|
||||
split_cells_desc : 'Split table cells',
|
||||
merge_cells_desc : 'Merge table cells',
|
||||
cut_row_desc : 'Cut table row',
|
||||
copy_row_desc : 'Copy table row',
|
||||
paste_row_before_desc : 'Paste table row before',
|
||||
paste_row_after_desc : 'Paste table row after',
|
||||
id : 'Id',
|
||||
style: 'Style',
|
||||
langdir : 'Language direction',
|
||||
langcode : 'Language code',
|
||||
mime : 'Target MIME type',
|
||||
ltr : 'Left to right',
|
||||
rtl : 'Right to left',
|
||||
bgimage : 'Background image',
|
||||
summary : 'Summary',
|
||||
td : "Data",
|
||||
th : "Header",
|
||||
cell_cell : 'Update current cell',
|
||||
cell_row : 'Update all cells in row',
|
||||
cell_all : 'Update all cells in table',
|
||||
row_row : 'Update current row',
|
||||
row_odd : 'Update odd rows in table',
|
||||
row_even : 'Update even rows in table',
|
||||
row_all : 'Update all rows in table',
|
||||
thead : 'Table Head',
|
||||
tbody : 'Table Body',
|
||||
tfoot : 'Table Foot',
|
||||
del : 'Delete table',
|
||||
scope : 'Scope',
|
||||
row : 'Row',
|
||||
col : 'Col',
|
||||
rowgroup : 'Row Group',
|
||||
colgroup : 'Col Group',
|
||||
col_limit : 'You\'ve exceeded the maximum number of columns of {$cols}.',
|
||||
row_limit : 'You\'ve exceeded the maximum number of rows of {$rows}.',
|
||||
cell_limit : 'You\'ve exceeded the maximum number of cells of {$cells}.',
|
||||
missing_scope: 'Are you sure you want to continue without specifying a scope for this table header cell. Without it, it may be difficult for some users with disabilities to understand the content or data displayed of the table.'
|
||||
});
|
@ -0,0 +1,37 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_merge_cells_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/merge_cells.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="margin: 8px" style="display: none">
|
||||
<form onsubmit="insertTable();return false;" action="#">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_merge_cells_title}</legend>
|
||||
<table border="0" cellpadding="0" cellspacing="3" width="100%">
|
||||
<tr>
|
||||
<td>{$lang_table_cols}:</td>
|
||||
<td align="right"><input type="text" name="numcols" value="" style="width: 30px" /></td>
|
||||
<td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{$lang_table_rows}:</td>
|
||||
<td align="right"><input type="text" name="numrows" value="" style="width: 30px" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div style="float: left">
|
||||
<input type="button" id="insert" name="insert" value="{$lang_update}" onclick="mergeCells();" />
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1 @@
|
||||
Check the TinyMCE documentation for details on this plugin.
|
@ -0,0 +1,159 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_row_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/row.js"></script>
|
||||
<link href="css/row.css" rel="stylesheet" type="text/css" />
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="tablerow" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<form onsubmit="updateAction();return false;">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_general_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td><label for="rowtype">{$lang_table_rowtype}</label></td>
|
||||
<td class="col2">
|
||||
<select id="rowtype" name="rowtype">
|
||||
<option value="thead">{$lang_table_thead}</option>
|
||||
<option value="tbody">{$lang_table_tbody}</option>
|
||||
<option value="tfoot">{$lang_table_tfoot}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="align">{$lang_table_align}</label></td>
|
||||
<td class="col2">
|
||||
<select id="align" name="align">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="center">{$lang_table_align_middle}</option>
|
||||
<option value="left">{$lang_table_align_left}</option>
|
||||
<option value="right">{$lang_table_align_right}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="valign">{$lang_table_valign}</label></td>
|
||||
<td class="col2">
|
||||
<select id="valign" name="valign">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="top">{$lang_table_align_top}</option>
|
||||
<option value="middle">{$lang_table_align_middle}</option>
|
||||
<option value="bottom">{$lang_table_align_bottom}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="styleSelectRow">
|
||||
<td><label for="class">{$lang_class_name}</label></td>
|
||||
<td class="col2">
|
||||
<select id="class" name="class">
|
||||
<option value="" selected="selected">{$lang_not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="height">{$lang_table_height}</label></td>
|
||||
<td class="col2"><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="id">{$lang_table_id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="style">{$lang_table_style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{$lang_table_langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" style="width: 200px">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="ltr">{$lang_table_ltr}</option>
|
||||
<option value="rtl">{$lang_table_rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="lang">{$lang_table_langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" style="width: 200px" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="backgroundimage" name="backgroundimage" type="text" value="" style="width: 200px" onchange="changedBackgroundImage();" /></td>
|
||||
<td id="backgroundimagebrowsercontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
|
||||
<td id="bgcolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div>
|
||||
<select id="action" name="action">
|
||||
<option value="row">{$lang_table_row_row}</option>
|
||||
<option value="odd">{$lang_table_row_odd}</option>
|
||||
<option value="even">{$lang_table_row_even}</option>
|
||||
<option value="all">{$lang_table_row_all}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div style="float: left">
|
||||
<div><input type="button" id="insert" name="insert" value="{$lang_update}" onclick="updateAction();" /></div>
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,155 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/table.js"></script>
|
||||
<link href="css/table.css" rel="stylesheet" type="text/css" />
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="table" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<form onsubmit="insertTable();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_general_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td><label id="colslabel" for="cols">{$lang_table_cols}</label></td>
|
||||
<td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" /></td>
|
||||
<td><label id="rowslabel" for="rows">{$lang_table_rows}</label></td>
|
||||
<td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="cellpaddinglabel" for="cellpadding">{$lang_table_cellpadding}</label></td>
|
||||
<td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" /></td>
|
||||
<td><label id="cellspacinglabel" for="cellspacing">{$lang_table_cellspacing}</label></td>
|
||||
<td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="alignlabel" for="align">{$lang_table_align}</label></td>
|
||||
<td><select id="align" name="align">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="center">{$lang_table_align_middle}</option>
|
||||
<option value="left">{$lang_table_align_left}</option>
|
||||
<option value="right">{$lang_table_align_right}</option>
|
||||
</select></td>
|
||||
<td><label id="borderlabel" for="border">{$lang_table_border}</label></td>
|
||||
<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="widthlabel" for="width">{$lang_table_width}</label></td>
|
||||
<td><input name="width" type="text" id="width" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
<td><label id="heightlabel" for="height">{$lang_table_height}</label></td>
|
||||
<td><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
</tr>
|
||||
<tr id="styleSelectRow">
|
||||
<td><label id="classlabel" for="class">{$lang_class_name}</label></td>
|
||||
<td colspan="3">
|
||||
<select id="class" name="class">
|
||||
<option value="" selected>{$lang_not_set}</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="id">{$lang_table_id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" class="advfield" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="summary">{$lang_table_summary}</label></td>
|
||||
<td><input id="summary" name="summary" type="text" value="" class="advfield" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="style">{$lang_table_style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" class="advfield" onchange="changedStyle();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{$lang_table_langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" class="advfield">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="ltr">{$lang_table_ltr}</option>
|
||||
<option value="rtl">{$lang_table_rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="langlabel" for="lang">{$lang_table_langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" class="advfield" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="backgroundimage" name="backgroundimage" type="text" value="" class="advfield" onchange="changedBackgroundImage();" /></td>
|
||||
<td id="backgroundimagebrowsercontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bordercolor">{$lang_table_bordercolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bordercolor" name="bordercolor" type="text" value="" size="9" onchange="updateColor('bordercolor_pick','bordercolor');changedColor();" /></td>
|
||||
<td id="bordercolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedColor();" /></td>
|
||||
<td id="bgcolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div style="float: left">
|
||||
<input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertTable();" />
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,52 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_about_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/about.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="about" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_about}</a></span></li>
|
||||
<li id="help_tab"><span><a href="javascript:mcTabs.displayTab('help_tab','help_panel');" onmousedown="return false;">{$lang_help}</a></span></li>
|
||||
<li id="plugins_tab"><span><a href="javascript:mcTabs.displayTab('plugins_tab','plugins_panel');" onmousedown="return false;">{$lang_plugins}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<h3>{$lang_about_title}</h3>
|
||||
<p>Version: {$tinymce_version} ({$tinymce_releasedate})</p>
|
||||
<p>TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under <a href="../../license.txt" target="_blank">LGPL</a>
|
||||
by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances.</p>
|
||||
<p>Copyright © 2003-2006, <a href="http://www.moxiecode.com" target="_blank">Moxiecode Systems AB</a>, All rights reserved.</p>
|
||||
<p>For more information about this software visit the <a href="http://tinymce.moxiecode.com" target="_blank">TinyMCE website</a>.</p>
|
||||
|
||||
<div id="buttoncontainer"></div>
|
||||
</div>
|
||||
|
||||
<div id="plugins_panel" class="panel">
|
||||
<div id="pluginscontainer">
|
||||
<h3>{$lang_loaded_plugins}</h3>
|
||||
|
||||
<div id="plugintablecontainer">
|
||||
</div>
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="help_panel" class="panel noscroll" style="overflow: visible;">
|
||||
<div id="iframecontainer"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_close}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,33 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_insert_anchor_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/anchor.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<form onsubmit="insertAnchor();return false;" action="#">
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td colspan="2" class="title">{$lang_insert_anchor_title}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap">{$lang_insert_anchor_name}:</td>
|
||||
<td><input name="anchorName" type="text" id="anchorName" value="" style="width: 200px" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div style="float: left">
|
||||
<input type="button" id="insert" name="insert" value="{$lang_update}" onclick="insertAnchor();" />
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,53 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_theme_charmap_title}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/charmap.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="2">
|
||||
<tr>
|
||||
<td colspan="2" class="title">{$lang_theme_charmap_title}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2" align="left" valign="top">
|
||||
<script language="javascript" type="text/javascript">renderCharMapHTML();</script>
|
||||
</td>
|
||||
<td width="100" align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100" style="height: 100px">
|
||||
<tr>
|
||||
<td class="charmapOver" style="font-size: 40px; height:80px;" id="codeV"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align:center;" id="codeN"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="bottom" style="padding-bottom: 3px;">
|
||||
<table width="100" align="center" border="0" cellpadding="2" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center" style="border-left: 1px solid #666699; border-top: 1px solid #666699; border-right: 1px solid #666699;">HTML-Code</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 16px; font-weight: bold; border-left: 1px solid #666699; border-bottom: 1px solid #666699; border-right: 1px solid #666699;" id="codeA" align="center"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 1px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="border-left: 1px solid #666699; border-top: 1px solid #666699; border-right: 1px solid #666699;">NUM-Code</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 16px; font-weight: bold; border-left: 1px solid #666699; border-bottom: 1px solid #666699; border-right: 1px solid #666699;" id="codeB" align="center"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,13 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_theme_colorpicker_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/color_picker.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="margin: 3px; display: none">
|
||||
<div align="center">
|
||||
<script language="javascript" type="text/javascript">renderColorMap();</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,31 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>About TinyMCE</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">About TinyMCE</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
TinyMCE is a small WYSIWYG editor control for web browsers such as MSIE or Mozilla
|
||||
that enables you to edit HTML contents in a more user friendly way. It has common
|
||||
features that are found in most word processors and should not be difficult to
|
||||
use.<br>
|
||||
<br>
|
||||
<hr noshade>
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,162 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Common buttons</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Common buttons</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
Below is a short description about each button.
|
||||
<br>
|
||||
<br>
|
||||
<table border="1" cellpadding="3" cellspacing="0">
|
||||
<tr>
|
||||
<td><img src="../../images/bold.gif" width="20" height="20" alt="Bold text icon" /></td>
|
||||
<td>Bold text style (Ctrl+B).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/italic.gif" width="20" height="20" alt="Italic text icon" /></td>
|
||||
<td>Italic text style (Ctrl+I).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/underline.gif" width="20" height="20" alt="Underline text icon." /></td>
|
||||
<td>Underline text style (Ctrl+U).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/strikethrough.gif" width="20" height="20" alt="Strikethrough text icon." /></td>
|
||||
<td>Strikethrough text style.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/justifyleft.gif" width="20" height="20" alt="Align left icon." /></td>
|
||||
<td>Align left.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/justifycenter.gif" width="20" height="20" alt="Align center icon." /></td>
|
||||
<td>Align center.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/justifyright.gif" width="20" height="20" alt="Align right icon." /></td>
|
||||
<td>Align right.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/justifyfull.gif" width="20" height="20" alt="Align full icon." /></td>
|
||||
<td>Align full.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/bullist.gif" width="20" height="20" alt="Unordered list/bullet list icon." /></td>
|
||||
<td>Unordered list/bullet list.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/numlist.gif" width="20" height="20" alt="Ordered list/numbered list icon." /></td>
|
||||
<td>Ordered list/numbered list</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/outdent.gif" width="20" height="20" alt="Outdent/decrease indentation icon." /></td>
|
||||
<td>Outdent/decrease indentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/indent.gif" width="20" height="20" alt="Indent/increase indentation icon." /></td>
|
||||
<td>Indent/increase indentation.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/undo.gif" width="20" height="20" alt="Undo the last operation." /></td>
|
||||
<td>Undo the last operation (Ctrl+Z).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/redo.gif" width="20" height="20" alt="Redo the last operation icon." /></td>
|
||||
<td>Redo the last operation (Ctrl+Y).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/link.gif" width="20" height="20" alt="Insert a new link icon." /></td>
|
||||
<td>Insert a new link, read more about this function in the <a href="insert_link_button.htm">Insert
|
||||
link section</a>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/unlink.gif" width="20" height="20" alt="Unlinks the current selection icon." /></td>
|
||||
<td>Unlinks the current selection/removes all selected links.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/anchor.gif" width="20" height="20" alt="Insert a new anchor icon." /></td>
|
||||
<td>Insert a new anchor, read more about this function in the <a href="insert_anchor_button.htm">Insert anchor section.</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/image.gif" width="20" height="20" alt="Insert a new image icon." /></td>
|
||||
<td>Insert a new image, read more about this function in the <a href="insert_image_button.htm">Insert
|
||||
image section</a>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/cleanup.gif" width="20" height="20" alt="Cleanup code icon." /></td>
|
||||
<td>Cleanup code/Removes unwanted formating. This function is useful when
|
||||
you copy contents from for example a office product.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/help.gif" width="20" height="20" alt="Show help icon." /></td>
|
||||
<td>Shows this help window.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/code.gif" width="20" height="20" alt="Source code editor icon." /></td>
|
||||
<td>Opens HTML source code editor. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table.gif" width="20" height="20" alt="Insert table icon." /></td>
|
||||
<td>Inserts a new table at the current location. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table_insert_row_before.gif" width="20" height="20" alt="Adds a row above icon." /></td>
|
||||
<td>Adds a row above the current one. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table_insert_row_after.gif" width="20" height="20" alt="Adds a row under icon." /></td>
|
||||
<td>Adds a row under the current one. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table_delete_row.gif" width="20" height="20" alt="Remove row icon." /></td>
|
||||
<td>Removes the row. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table_insert_col_before.gif" width="20" height="20" alt="Add column before icon." /></td>
|
||||
<td>Adds a column before the current one.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table_insert_col_after.gif" width="20" height="20" alt="Add column after icon." /></td>
|
||||
<td>Adds a column after the current one.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../../../plugins/table/images/table_delete_col.gif" width="20" height="20" alt="Remove column icon." /></td>
|
||||
<td>Removes the current column.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/hr.gif" width="20" height="20" alt="Insert horizontal ruler icon." /></td>
|
||||
<td>Inserts a new horizontal ruler </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/removeformat.gif" width="20" height="20" alt="Remove formatting icon." /></td>
|
||||
<td>Removes formatting from the selection. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/sub.gif" width="20" height="20" alt="Subscript icon." /></td>
|
||||
<td>Makes the selection to be subscript. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="../../images/sup.gif" width="20" height="20" alt="Superscript icon." /></td>
|
||||
<td>Makes the selection to be superscripted. </td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<hr noshade="noshade" />
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,45 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Insert table button</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Create accessible content</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<p>TinyMCE can create HTML content that will be accessible to all users, including those with disabilities using assistive technologies, as well as those using text-based browsers, or those browsing the Web with images turned off. </p>
|
||||
|
||||
<p><strong>Things you can do to make your content accessible:</strong></p>
|
||||
<ol>
|
||||
<li><strong>Include an Image Description:</strong> Blind users, or others who are unable to view images, will rely on the Image Description (or Alt text) to take the place of the image. If an image contains no meaning, such as a decoration or a spacer image, leave the Image Description empty. TinyMCE will then insert an empty Alt text attribute that will force assistive technologies to ignore the image. <br /><br /></li>
|
||||
|
||||
<li> <strong>Add Scope to data table header cells:</strong> In the table cell editor dialog window, choose a Scope when creating Header cells so the column or row label in that cell becomes explicitely associated with its data cells. Table cell headers will then be announced with each data cell, making it easier for blind users using a screen reader to understand what the content of each cell represents. <br /><br /></li>
|
||||
|
||||
<li><strong> Structure content with properly nested headings:</strong> In the format selection menu choose Heading 1 to Heading 6 to represent headings in your content, rather than using other font formating options. Blind users using a screen reader can then extract the headings from the page to generate a summary of the content it contains, and use those headings to navigate quickly to subsections within the page.<br /><br /></li>
|
||||
|
||||
<li><strong> Include alternate content:</strong> Create an alternate page for non-HTML content such as Flash, Java applets, or embedded movies. This might be a static image, with a description of the image, and a description of the content that would have appeared in its place. An alternate HTML page could also be created, and a link to it included next to the non-HTML object. This will ensure that the content will be accessible to users of assistive technologies that can not view or play the content, and ensure the content will be available to those who do not have the appropriate plugin or helper application installed.<br /><br /></li>
|
||||
|
||||
<li><strong> Check accessbility: </strong> When the AChecker plugin is installed with TinyMCE, click on the Check Accessibility button to generate a report of potential accessibility problems.<br /><br /></li>
|
||||
|
||||
</ol>
|
||||
|
||||
<p>See the <a href="http://checker.atrc.utoronto.ca" target="_new">AChecker Web Site</a> for further details about creating content that will be accessible to all users.<br />
|
||||
</p>
|
||||
|
||||
<hr noshade>
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
</BODY>
|
||||
</HTML>
|
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 7.0 KiB |
After Width: | Height: | Size: 5.5 KiB |
After Width: | Height: | Size: 6.9 KiB |
@ -0,0 +1,27 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Help Index</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
<BODY onload="window.focus();">
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Table of contents</span></td>
|
||||
<td align="right"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
Click the links below to go to the different help sections.
|
||||
<ul class="toc_ul">
|
||||
<li class="toc_li"><a href="about.htm">About TinyMCE</a></li>
|
||||
<li class="toc_li"><a href="common_buttons.htm">Common buttons</a></li>
|
||||
<li class="toc_li"><a href="insert_image_button.htm">Insert image button</a></li>
|
||||
<li class="toc_li"><a href="insert_link_button.htm">Insert link button</a></li>
|
||||
<li class="toc_li"><a href="insert_anchor_button.htm">Insert anchor button</a></li>
|
||||
<li class="toc_li"><a href="insert_table_button.htm">Insert table button</a></li>
|
||||
<li class="toc_li"><a href="create_accessible_content.htm">Create accessible content</a></li>
|
||||
</ul>
|
||||
<hr noshade>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,32 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Insert anchor button</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Insert anchor button</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
This button opens a new window with the insert/edit anchor function.<br>
|
||||
<br>
|
||||
<img src="images/insert_anchor_window.gif" width="330" height="139" alt="Anchor dialog/window" /><br>
|
||||
<br>
|
||||
There are one field in this window, this is where you enter the name of you anchor point. Remember the anchor name needs to be unique. <br>
|
||||
<br>
|
||||
<hr noshade>
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,65 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Insert image button</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Insert image button</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
The insert image button opens the window shown below.<br>
|
||||
<br>
|
||||
<img src="images/insert_image_window.gif" alt="Insert image dialog/window" /><br>
|
||||
<br>
|
||||
You simply enter a URL to the image you want to link to and enter a image description,
|
||||
this is then displayed as an alternative text descripton of the image on the page.<br>
|
||||
<br>
|
||||
<strong>Field descriptions:</strong><br>
|
||||
<table border="1" cellspacing="0">
|
||||
<tr>
|
||||
<td width="150"><strong>Image URL </strong></td>
|
||||
<td>URL/path to the image.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="150"><strong>Image description </strong></td>
|
||||
<td>Alternative description of image contents.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Dimentions</strong></td>
|
||||
<td>Image width/height. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Alignment</strong></td>
|
||||
<td>Image alignment, useful when wrapping text around images.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Border</strong></td>
|
||||
<td>Border thickness. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>VSpace</strong></td>
|
||||
<td>Vertical space, useful when wrapping text around images.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>HSpace</strong></td>
|
||||
<td>Horizontal space, useful when wrapping text around images.</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<hr noshade>
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,33 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Insert link button</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Insert link button</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
This button opens a new window with the insert/edit link function.<br>
|
||||
<br>
|
||||
<img src="images/insert_link_window.gif" width="330" height="159" alt="Insert link dialog/window" /><br>
|
||||
<br>
|
||||
There are two fields in this window the first one "Link URL" is the
|
||||
URL of the link. The target enables you to select how the link is to be opened.<br>
|
||||
<br>
|
||||
<hr noshade>
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,71 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<HEAD>
|
||||
<TITLE>Insert table button</TITLE>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</HEAD>
|
||||
|
||||
<BODY>
|
||||
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader">
|
||||
<tr>
|
||||
<td><span class="title">Insert table button</span></td>
|
||||
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr noshade>
|
||||
<br>
|
||||
The insert table button opens the window shown below. This action enables you to create tables. <br>
|
||||
<br>
|
||||
<img src="images/insert_table_window.gif" width="340" height="229" alt="Image of table window" /><br>
|
||||
<br>
|
||||
<strong>Field descriptions:</strong><br>
|
||||
<table border="1" cellspacing="0">
|
||||
<tr>
|
||||
<td width="150"><strong>Columns</strong></td>
|
||||
<td>Number of columns in the table. </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="150"><strong>Rows</strong></td>
|
||||
<td>Number of rows in the new table.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Cellpadding</strong></td>
|
||||
<td>Cellpadding of the table . </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Cellspacing</strong></td>
|
||||
<td>Cellspacing of the table .</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Alignment</strong></td>
|
||||
<td>Table alignment . </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Border</strong></td>
|
||||
<td>Border thinkness of table.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Width</strong></td>
|
||||
<td>Width in pixels of table .</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Height</strong></td>
|
||||
<td>Height in pixels of table.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Class</strong></td>
|
||||
<td>Style or CSS class of table.</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<hr noshade>
|
||||
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
|
||||
<tr>
|
||||
<td>Go to: <a href="index.htm">Table of contents</a></td>
|
||||
<td align="right"><a href="#">Top</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</BODY>
|
||||
</HTML>
|
@ -0,0 +1,28 @@
|
||||
body { background-color: #FFFFFF; }
|
||||
body, td, .content { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; }
|
||||
.title { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; }
|
||||
.subtitle { font-size: 12px; font-weight: bold; }
|
||||
|
||||
.toc_ul, .toc_li { margin-left: 8px; line-height: 16px; }
|
||||
.step_ol, .step_li { margin-left: 11px; line-height: 16px; }
|
||||
img { border: #000000 solid 1px; }
|
||||
|
||||
a:visited { color: #666666; text-decoration: underline; }
|
||||
a:active { color: #666666; text-decoration: underline; }
|
||||
a:hover { color: #666666; text-decoration: underline; }
|
||||
a { color: #666666; text-decoration: underline; }
|
||||
|
||||
.pageheader { border: #E0E0E0 solid 1px; }
|
||||
.pagefooter { border: #E0E0E0 solid 1px; }
|
||||
.sample { background-color: #FFFFFF; border: #000000 solid 1px; }
|
||||
.samplecontent { font-size: 10px; }
|
||||
|
||||
.code { background-color: #FFFFFF; border: #000000 solid 1px; }
|
||||
.codecontent { font-size: 10px; }
|
||||
.codecontent a:visited { color: #666666; text-decoration: none; font-weight: bold }
|
||||
.codecontent a:active { color: #666666; text-decoration: none; font-weight: bold }
|
||||
.codecontent a:hover { color: #666666; text-decoration: none; font-weight: bold }
|
||||
.codecontent a { color: #666666; text-decoration: none; font-weight: bold }
|
||||
|
||||
hr { height: 1px; }
|
||||
|