@ -0,0 +1,8 @@ |
||||
<h3><%=l(:label_wysiwyg_editor)%></h3> |
||||
<div class="box tabular"> |
||||
<p> |
||||
<%= label :wysiwyg_editing, :enabled %> |
||||
<%= check_box_tag("wysiwyg_editing[enabled]", '1', enabled) %> |
||||
</p> |
||||
</div> |
||||
|
@ -0,0 +1,21 @@ |
||||
tinyMCE.init({ |
||||
// General options
|
||||
mode : "none", |
||||
theme : "advanced", |
||||
plugins : "autolink,lists,spellchecker,style,table,advhr,advimage,advlink,template,iespell,inlinepopups,insertdatetime,media,searchreplace,contextmenu,paste,noneditable,visualchars,nonbreaking,xhtmlxtras", |
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,|,cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,image,cleanup,code,|,insertdate,inserttime,preview", |
||||
theme_advanced_buttons2 : "forecolor,backcolor,|,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,media,advhr,|,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,|,insertfile,insertimage", |
||||
theme_advanced_toolbar_location : "top", |
||||
theme_advanced_toolbar_align : "left", |
||||
theme_advanced_statusbar_location : "bottom", |
||||
theme_advanced_resizing : true, |
||||
|
||||
// Skin options
|
||||
skin : "o2k7", |
||||
skin_variant : "silver", |
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
//content_css : "css/example.css",
|
||||
}); |
@ -0,0 +1,504 @@ |
||||
GNU LESSER GENERAL PUBLIC LICENSE |
||||
Version 2.1, February 1999 |
||||
|
||||
Copyright (C) 1991, 1999 Free Software Foundation, Inc. |
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 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 Lesser GPL. It also counts |
||||
as the successor of the GNU Library Public License, version 2, hence |
||||
the version number 2.1.] |
||||
|
||||
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 Lesser General Public License, applies to some |
||||
specially designated software packages--typically libraries--of the |
||||
Free Software Foundation and other authors who decide to use it. You |
||||
can use it too, but we suggest you first think carefully about whether |
||||
this license or the ordinary General Public License is the better |
||||
strategy to use in any particular case, based on the explanations below. |
||||
|
||||
When we speak of free software, we are referring to freedom of use, |
||||
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 and use pieces of |
||||
it in new free programs; and that you are informed that you can do |
||||
these things. |
||||
|
||||
To protect your rights, we need to make restrictions that forbid |
||||
distributors to deny you these rights or to ask you to surrender these |
||||
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 other code 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. |
||||
|
||||
We protect your rights with a two-step method: (1) we copyright the |
||||
library, and (2) we offer you this license, which gives you legal |
||||
permission to copy, distribute and/or modify the library. |
||||
|
||||
To protect each distributor, we want to make it very clear that |
||||
there is no warranty for the free library. Also, if the library is |
||||
modified by someone else and passed on, the recipients should know |
||||
that what they have is not the original version, so that the original |
||||
author's reputation will not be affected by problems that might be |
||||
introduced by others. |
||||
|
||||
Finally, software patents pose a constant threat to the existence of |
||||
any free program. We wish to make sure that a company cannot |
||||
effectively restrict the users of a free program by obtaining a |
||||
restrictive license from a patent holder. Therefore, we insist that |
||||
any patent license obtained for a version of the library must be |
||||
consistent with the full freedom of use specified in this license. |
||||
|
||||
Most GNU software, including some libraries, is covered by the |
||||
ordinary GNU General Public License. This license, the GNU Lesser |
||||
General Public License, applies to certain designated libraries, and |
||||
is quite different from the ordinary General Public License. We use |
||||
this license for certain libraries in order to permit linking those |
||||
libraries into non-free programs. |
||||
|
||||
When a program is linked with a library, whether statically or using |
||||
a shared library, the combination of the two is legally speaking a |
||||
combined work, a derivative of the original library. The ordinary |
||||
General Public License therefore permits such linking only if the |
||||
entire combination fits its criteria of freedom. The Lesser General |
||||
Public License permits more lax criteria for linking other code with |
||||
the library. |
||||
|
||||
We call this license the "Lesser" General Public License because it |
||||
does Less to protect the user's freedom than the ordinary General |
||||
Public License. It also provides other free software developers Less |
||||
of an advantage over competing non-free programs. These disadvantages |
||||
are the reason we use the ordinary General Public License for many |
||||
libraries. However, the Lesser license provides advantages in certain |
||||
special circumstances. |
||||
|
||||
For example, on rare occasions, there may be a special need to |
||||
encourage the widest possible use of a certain library, so that it becomes |
||||
a de-facto standard. To achieve this, non-free programs must be |
||||
allowed to use the library. A more frequent case is that a free |
||||
library does the same job as widely used non-free libraries. In this |
||||
case, there is little to gain by limiting the free library to free |
||||
software only, so we use the Lesser General Public License. |
||||
|
||||
In other cases, permission to use a particular library in non-free |
||||
programs enables a greater number of people to use a large body of |
||||
free software. For example, permission to use the GNU C Library in |
||||
non-free programs enables many more people to use the whole GNU |
||||
operating system, as well as its variant, the GNU/Linux operating |
||||
system. |
||||
|
||||
Although the Lesser General Public License is Less protective of the |
||||
users' freedom, it does ensure that the user of a program that is |
||||
linked with the Library has the freedom and the wherewithal to run |
||||
that program using a modified version of the Library. |
||||
|
||||
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, whereas the latter must |
||||
be combined with the library in order to run. |
||||
|
||||
GNU LESSER GENERAL PUBLIC LICENSE |
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION |
||||
|
||||
0. This License Agreement applies to any software library or other |
||||
program which contains a notice placed by the copyright holder or |
||||
other authorized party saying it may be distributed under the terms of |
||||
this Lesser 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 combine 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) Use a suitable shared library mechanism for linking with the |
||||
Library. A suitable mechanism is one that (1) uses at run time a |
||||
copy of the library already present on the user's computer system, |
||||
rather than copying library functions into the executable, and (2) |
||||
will operate properly with a modified version of the library, if |
||||
the user installs one, as long as the modified version is |
||||
interface-compatible with the version that the work was made with. |
||||
|
||||
c) 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. |
||||
|
||||
d) 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. |
||||
|
||||
e) 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 materials to be 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 with |
||||
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 Lesser 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 |
||||
|
||||
How to Apply These Terms to Your New Libraries |
||||
|
||||
If you develop a new library, and you want it to be of the greatest |
||||
possible use to the public, we recommend making it free software that |
||||
everyone can redistribute and change. You can do so by permitting |
||||
redistribution under these terms (or, alternatively, under the terms of the |
||||
ordinary General Public License). |
||||
|
||||
To apply these terms, attach the following notices to the library. It is |
||||
safest to attach them to the start of each source file to most effectively |
||||
convey the exclusion of warranty; and each file should have at least the |
||||
"copyright" line and a pointer to where the full notice is found. |
||||
|
||||
<one line to give the library's name and a brief idea of what it does.> |
||||
Copyright (C) <year> <name of author> |
||||
|
||||
This library is free software; you can redistribute it and/or |
||||
modify it under the terms of the GNU Lesser General Public |
||||
License as published by the Free Software Foundation; either |
||||
version 2.1 of the License, or (at your option) any later version. |
||||
|
||||
This library is distributed in the hope that it will be useful, |
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
||||
Lesser General Public License for more details. |
||||
|
||||
You should have received a copy of the GNU Lesser General Public |
||||
License along with this library; if not, write to the Free Software |
||||
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
||||
|
||||
Also add information on how to contact you by electronic and paper mail. |
||||
|
||||
You should also get your employer (if you work as a programmer) or your |
||||
school, if any, to sign a "copyright disclaimer" for the library, if |
||||
necessary. Here is a sample; alter the names: |
||||
|
||||
Yoyodyne, Inc., hereby disclaims all copyright interest in the |
||||
library `Frob' (a library for tweaking knobs) written by James Random Hacker. |
||||
|
||||
<signature of Ty Coon>, 1 April 1990 |
||||
Ty Coon, President of Vice |
||||
|
||||
That's all there is to it! |
||||
|
||||
|
@ -0,0 +1,5 @@ |
||||
input.radio {border:1px none #000; background:transparent; vertical-align:middle;} |
||||
.panel_wrapper div.current {height:80px;} |
||||
#width {width:50px; vertical-align:middle;} |
||||
#width2 {width:50px; vertical-align:middle;} |
||||
#size {width:100px;} |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.AdvancedHRPlugin",{init:function(a,b){a.addCommand("mceAdvancedHr",function(){a.windowManager.open({file:b+"/rule.htm",width:250+parseInt(a.getLang("advhr.delta_width",0)),height:160+parseInt(a.getLang("advhr.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("advhr",{title:"advhr.advhr_desc",cmd:"mceAdvancedHr"});a.onNodeChange.add(function(d,c,e){c.setActive("advhr",e.nodeName=="HR")});a.onClick.add(function(c,d){d=d.target;if(d.nodeName==="HR"){c.selection.select(d)}})},getInfo:function(){return{longname:"Advanced HR",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advhr",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advhr",tinymce.plugins.AdvancedHRPlugin)})(); |
@ -0,0 +1,57 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.AdvancedHRPlugin', { |
||||
init : function(ed, url) { |
||||
// Register commands
|
||||
ed.addCommand('mceAdvancedHr', function() { |
||||
ed.windowManager.open({ |
||||
file : url + '/rule.htm', |
||||
width : 250 + parseInt(ed.getLang('advhr.delta_width', 0)), |
||||
height : 160 + parseInt(ed.getLang('advhr.delta_height', 0)), |
||||
inline : 1 |
||||
}, { |
||||
plugin_url : url |
||||
}); |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('advhr', { |
||||
title : 'advhr.advhr_desc', |
||||
cmd : 'mceAdvancedHr' |
||||
}); |
||||
|
||||
ed.onNodeChange.add(function(ed, cm, n) { |
||||
cm.setActive('advhr', n.nodeName == 'HR'); |
||||
}); |
||||
|
||||
ed.onClick.add(function(ed, e) { |
||||
e = e.target; |
||||
|
||||
if (e.nodeName === 'HR') |
||||
ed.selection.select(e); |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Advanced HR', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advhr', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advhr', tinymce.plugins.AdvancedHRPlugin); |
||||
})(); |
@ -0,0 +1,43 @@ |
||||
var AdvHRDialog = { |
||||
init : function(ed) { |
||||
var dom = ed.dom, f = document.forms[0], n = ed.selection.getNode(), w; |
||||
|
||||
w = dom.getAttrib(n, 'width'); |
||||
f.width.value = w ? parseInt(w) : (dom.getStyle('width') || ''); |
||||
f.size.value = dom.getAttrib(n, 'size') || parseInt(dom.getStyle('height')) || ''; |
||||
f.noshade.checked = !!dom.getAttrib(n, 'noshade') || !!dom.getStyle('border-width'); |
||||
selectByValue(f, 'width2', w.indexOf('%') != -1 ? '%' : 'px'); |
||||
}, |
||||
|
||||
update : function() { |
||||
var ed = tinyMCEPopup.editor, h, f = document.forms[0], st = ''; |
||||
|
||||
h = '<hr'; |
||||
|
||||
if (f.size.value) { |
||||
h += ' size="' + f.size.value + '"'; |
||||
st += ' height:' + f.size.value + 'px;'; |
||||
} |
||||
|
||||
if (f.width.value) { |
||||
h += ' width="' + f.width.value + (f.width2.value == '%' ? '%' : '') + '"'; |
||||
st += ' width:' + f.width.value + (f.width2.value == '%' ? '%' : 'px') + ';'; |
||||
} |
||||
|
||||
if (f.noshade.checked) { |
||||
h += ' noshade="noshade"'; |
||||
st += ' border-width: 1px; border-style: solid; border-color: #CCCCCC; color: #ffffff;'; |
||||
} |
||||
|
||||
if (ed.settings.inline_styles) |
||||
h += ' style="' + tinymce.trim(st) + '"'; |
||||
|
||||
h += ' />'; |
||||
|
||||
ed.execCommand("mceInsertContent", false, h); |
||||
tinyMCEPopup.close(); |
||||
} |
||||
}; |
||||
|
||||
tinyMCEPopup.requireLangPack(); |
||||
tinyMCEPopup.onInit.add(AdvHRDialog.init, AdvHRDialog); |
@ -0,0 +1 @@ |
||||
tinyMCE.addI18n('en.advhr_dlg',{size:"Height",noshade:"No Shadow",width:"Width",normal:"Normal",widthunits:"Units"}); |
@ -0,0 +1,58 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>{#advhr.advhr_desc}</title> |
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
||||
<script type="text/javascript" src="js/rule.js"></script> |
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script> |
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script> |
||||
<link href="css/advhr.css" rel="stylesheet" type="text/css" /> |
||||
</head> |
||||
<body role="application"> |
||||
<form onsubmit="AdvHRDialog.update();return false;" action="#"> |
||||
<div class="tabs"> |
||||
<ul> |
||||
<li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advhr.advhr_desc}</a></span></li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="panel_wrapper"> |
||||
<div id="general_panel" class="panel current"> |
||||
<table role="presentation" border="0" cellpadding="4" cellspacing="0"> |
||||
<tr role="group" aria-labelledby="width_label"> |
||||
<td><label id="width_label" for="width">{#advhr_dlg.width}</label></td> |
||||
<td class="nowrap"> |
||||
<input id="width" name="width" type="text" value="" class="mceFocus" /> |
||||
<span style="display:none;" id="width_unit_label">{#advhr_dlg.widthunits}</span> |
||||
<select name="width2" id="width2" aria-labelledby="width_unit_label"> |
||||
<option value="">px</option> |
||||
<option value="%">%</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="size">{#advhr_dlg.size}</label></td> |
||||
<td><select id="size" name="size"> |
||||
<option value="">{#advhr_dlg.normal}</option> |
||||
<option value="1">1</option> |
||||
<option value="2">2</option> |
||||
<option value="3">3</option> |
||||
<option value="4">4</option> |
||||
<option value="5">5</option> |
||||
</select></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="noshade">{#advhr_dlg.noshade}</label></td> |
||||
<td><input type="checkbox" name="noshade" id="noshade" class="radio" /></td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="mceActionPanel"> |
||||
<input type="submit" id="insert" name="insert" value="{#insert}" /> |
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> |
||||
</div> |
||||
</form> |
||||
</body> |
||||
</html> |
@ -0,0 +1,13 @@ |
||||
#src_list, #over_list, #out_list {width:280px;} |
||||
.mceActionPanel {margin-top:7px;} |
||||
.alignPreview {border:1px solid #000; width:140px; height:140px; overflow:hidden; padding:5px;} |
||||
.checkbox {border:0;} |
||||
.panel_wrapper div.current {height:305px;} |
||||
#prev {margin:0; border:1px solid #000; width:428px; height:150px; overflow:auto;} |
||||
#align, #classlist {width:150px;} |
||||
#width, #height {vertical-align:middle; width:50px; text-align:center;} |
||||
#vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;} |
||||
#class_list {width:180px;} |
||||
input {width: 280px;} |
||||
#constrain, #onmousemovecheck {width:auto;} |
||||
#id, #dir, #lang, #usemap, #longdesc {width:200px;} |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.AdvancedImagePlugin",{init:function(a,b){a.addCommand("mceAdvImage",function(){if(a.dom.getAttrib(a.selection.getNode(),"class","").indexOf("mceItem")!=-1){return}a.windowManager.open({file:b+"/image.htm",width:480+parseInt(a.getLang("advimage.delta_width",0)),height:385+parseInt(a.getLang("advimage.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("image",{title:"advimage.image_desc",cmd:"mceAdvImage"})},getInfo:function(){return{longname:"Advanced image",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advimage",tinymce.plugins.AdvancedImagePlugin)})(); |
@ -0,0 +1,50 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.AdvancedImagePlugin', { |
||||
init : function(ed, url) { |
||||
// Register commands
|
||||
ed.addCommand('mceAdvImage', function() { |
||||
// Internal image object like a flash placeholder
|
||||
if (ed.dom.getAttrib(ed.selection.getNode(), 'class', '').indexOf('mceItem') != -1) |
||||
return; |
||||
|
||||
ed.windowManager.open({ |
||||
file : url + '/image.htm', |
||||
width : 480 + parseInt(ed.getLang('advimage.delta_width', 0)), |
||||
height : 385 + parseInt(ed.getLang('advimage.delta_height', 0)), |
||||
inline : 1 |
||||
}, { |
||||
plugin_url : url |
||||
}); |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('image', { |
||||
title : 'advimage.image_desc', |
||||
cmd : 'mceAdvImage' |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Advanced image', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advimage', tinymce.plugins.AdvancedImagePlugin); |
||||
})(); |
@ -0,0 +1,235 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>{#advimage_dlg.dialog_title}</title> |
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script> |
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script> |
||||
<script type="text/javascript" src="../../utils/validate.js"></script> |
||||
<script type="text/javascript" src="../../utils/editable_selects.js"></script> |
||||
<script type="text/javascript" src="js/image.js"></script> |
||||
<link href="css/advimage.css" rel="stylesheet" type="text/css" /> |
||||
</head> |
||||
<body id="advimage" style="display: none" role="application" aria-labelledby="app_title"> |
||||
<span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span> |
||||
<form onsubmit="ImageDialog.insert();return false;" action="#"> |
||||
<div class="tabs"> |
||||
<ul> |
||||
<li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li> |
||||
<li id="appearance_tab" aria-controls="appearance_panel"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li> |
||||
<li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="panel_wrapper"> |
||||
<div id="general_panel" class="panel current"> |
||||
<fieldset> |
||||
<legend>{#advimage_dlg.general}</legend> |
||||
|
||||
<table role="presentation" class="properties"> |
||||
<tr> |
||||
<td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td> |
||||
<td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
||||
<tr> |
||||
<td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td> |
||||
<td id="srcbrowsercontainer"> </td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="src_list">{#advimage_dlg.image_list}</label></td> |
||||
<td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td> |
||||
<td colspan="2"><input id="alt" name="alt" type="text" value="" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td> |
||||
<td colspan="2"><input id="title" name="title" type="text" value="" /></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#advimage_dlg.preview}</legend> |
||||
<div id="prev"></div> |
||||
</fieldset> |
||||
</div> |
||||
|
||||
<div id="appearance_panel" class="panel"> |
||||
<fieldset> |
||||
<legend>{#advimage_dlg.tab_appearance}</legend> |
||||
|
||||
<table role="presentation" border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td> |
||||
<td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="baseline">{#advimage_dlg.align_baseline}</option> |
||||
<option value="top">{#advimage_dlg.align_top}</option> |
||||
<option value="middle">{#advimage_dlg.align_middle}</option> |
||||
<option value="bottom">{#advimage_dlg.align_bottom}</option> |
||||
<option value="text-top">{#advimage_dlg.align_texttop}</option> |
||||
<option value="text-bottom">{#advimage_dlg.align_textbottom}</option> |
||||
<option value="left">{#advimage_dlg.align_left}</option> |
||||
<option value="right">{#advimage_dlg.align_right}</option> |
||||
</select> |
||||
</td> |
||||
<td rowspan="6" valign="top"> |
||||
<div class="alignPreview"> |
||||
<img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" /> |
||||
Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam |
||||
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum |
||||
edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam |
||||
erat volutpat. |
||||
</div> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr role="group" aria-labelledby="widthlabel"> |
||||
<td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td> |
||||
<td class="nowrap"> |
||||
<span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span> |
||||
<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" aria-labelledby="width_voiceLabel" /> x |
||||
<span style="display:none" id="height_voiceLabel">{#advimage_dlg.height}</span> |
||||
<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" aria-labelledby="height_voiceLabel" /> px |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td> </td> |
||||
<td><table role="presentation" border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td> |
||||
<td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td> |
||||
<td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" /> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td> |
||||
<td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td> |
||||
<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label for="class_list">{#class_name}</label></td> |
||||
<td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td> |
||||
<td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td> |
||||
</tr> |
||||
|
||||
<!-- <tr> |
||||
<td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td> |
||||
<td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td> |
||||
</tr> --> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
|
||||
<div id="advanced_panel" class="panel"> |
||||
<fieldset> |
||||
<legend>{#advimage_dlg.swap_image}</legend> |
||||
|
||||
<input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" /> |
||||
<label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label> |
||||
|
||||
<table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%"> |
||||
<tr> |
||||
<td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td> |
||||
<td><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
||||
<tr> |
||||
<td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> |
||||
<td id="onmouseoversrccontainer"> </td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="over_list">{#advimage_dlg.image_list}</label></td> |
||||
<td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> |
||||
<td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
||||
<tr> |
||||
<td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> |
||||
<td id="onmouseoutsrccontainer"> </td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="out_list">{#advimage_dlg.image_list}</label></td> |
||||
<td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#advimage_dlg.misc}</legend> |
||||
|
||||
<table role="presentation" border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td> |
||||
<td><input id="id" name="id" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td> |
||||
<td> |
||||
<select id="dir" name="dir" onchange="ImageDialog.changeAppearance();"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="ltr">{#advimage_dlg.ltr}</option> |
||||
<option value="rtl">{#advimage_dlg.rtl}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td> |
||||
<td> |
||||
<input id="lang" name="lang" type="text" value="" /> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td> |
||||
<td> |
||||
<input id="usemap" name="usemap" type="text" value="" /> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td> |
||||
<td><table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
||||
<tr> |
||||
<td><input id="longdesc" name="longdesc" type="text" value="" /></td> |
||||
<td id="longdesccontainer"> </td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="mceActionPanel"> |
||||
<input type="submit" id="insert" name="insert" value="{#insert}" /> |
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> |
||||
</div> |
||||
</form> |
||||
</body> |
||||
</html> |
After Width: | Height: | Size: 1.6 KiB |
@ -0,0 +1,464 @@ |
||||
var ImageDialog = { |
||||
preInit : function() { |
||||
var url; |
||||
|
||||
tinyMCEPopup.requireLangPack(); |
||||
|
||||
if (url = tinyMCEPopup.getParam("external_image_list_url")) |
||||
document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>'); |
||||
}, |
||||
|
||||
init : function(ed) { |
||||
var f = document.forms[0], nl = f.elements, ed = tinyMCEPopup.editor, dom = ed.dom, n = ed.selection.getNode(), fl = tinyMCEPopup.getParam('external_image_list', 'tinyMCEImageList'); |
||||
|
||||
tinyMCEPopup.resizeToInnerSize(); |
||||
this.fillClassList('class_list'); |
||||
this.fillFileList('src_list', fl); |
||||
this.fillFileList('over_list', fl); |
||||
this.fillFileList('out_list', fl); |
||||
TinyMCE_EditableSelects.init(); |
||||
|
||||
if (n.nodeName == 'IMG') { |
||||
nl.src.value = dom.getAttrib(n, 'src'); |
||||
nl.width.value = dom.getAttrib(n, 'width'); |
||||
nl.height.value = dom.getAttrib(n, 'height'); |
||||
nl.alt.value = dom.getAttrib(n, 'alt'); |
||||
nl.title.value = dom.getAttrib(n, 'title'); |
||||
nl.vspace.value = this.getAttrib(n, 'vspace'); |
||||
nl.hspace.value = this.getAttrib(n, 'hspace'); |
||||
nl.border.value = this.getAttrib(n, 'border'); |
||||
selectByValue(f, 'align', this.getAttrib(n, 'align')); |
||||
selectByValue(f, 'class_list', dom.getAttrib(n, 'class'), true, true); |
||||
nl.style.value = dom.getAttrib(n, 'style'); |
||||
nl.id.value = dom.getAttrib(n, 'id'); |
||||
nl.dir.value = dom.getAttrib(n, 'dir'); |
||||
nl.lang.value = dom.getAttrib(n, 'lang'); |
||||
nl.usemap.value = dom.getAttrib(n, 'usemap'); |
||||
nl.longdesc.value = dom.getAttrib(n, 'longdesc'); |
||||
nl.insert.value = ed.getLang('update'); |
||||
|
||||
if (/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/.test(dom.getAttrib(n, 'onmouseover'))) |
||||
nl.onmouseoversrc.value = dom.getAttrib(n, 'onmouseover').replace(/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/, '$1'); |
||||
|
||||
if (/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/.test(dom.getAttrib(n, 'onmouseout'))) |
||||
nl.onmouseoutsrc.value = dom.getAttrib(n, 'onmouseout').replace(/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/, '$1'); |
||||
|
||||
if (ed.settings.inline_styles) { |
||||
// Move attribs to styles
|
||||
if (dom.getAttrib(n, 'align')) |
||||
this.updateStyle('align'); |
||||
|
||||
if (dom.getAttrib(n, 'hspace')) |
||||
this.updateStyle('hspace'); |
||||
|
||||
if (dom.getAttrib(n, 'border')) |
||||
this.updateStyle('border'); |
||||
|
||||
if (dom.getAttrib(n, 'vspace')) |
||||
this.updateStyle('vspace'); |
||||
} |
||||
} |
||||
|
||||
// Setup browse button
|
||||
document.getElementById('srcbrowsercontainer').innerHTML = getBrowserHTML('srcbrowser','src','image','theme_advanced_image'); |
||||
if (isVisible('srcbrowser')) |
||||
document.getElementById('src').style.width = '260px'; |
||||
|
||||
// Setup browse button
|
||||
document.getElementById('onmouseoversrccontainer').innerHTML = getBrowserHTML('overbrowser','onmouseoversrc','image','theme_advanced_image'); |
||||
if (isVisible('overbrowser')) |
||||
document.getElementById('onmouseoversrc').style.width = '260px'; |
||||
|
||||
// Setup browse button
|
||||
document.getElementById('onmouseoutsrccontainer').innerHTML = getBrowserHTML('outbrowser','onmouseoutsrc','image','theme_advanced_image'); |
||||
if (isVisible('outbrowser')) |
||||
document.getElementById('onmouseoutsrc').style.width = '260px'; |
||||
|
||||
// If option enabled default contrain proportions to checked
|
||||
if (ed.getParam("advimage_constrain_proportions", true)) |
||||
f.constrain.checked = true; |
||||
|
||||
// Check swap image if valid data
|
||||
if (nl.onmouseoversrc.value || nl.onmouseoutsrc.value) |
||||
this.setSwapImage(true); |
||||
else |
||||
this.setSwapImage(false); |
||||
|
||||
this.changeAppearance(); |
||||
this.showPreviewImage(nl.src.value, 1); |
||||
}, |
||||
|
||||
insert : function(file, title) { |
||||
var ed = tinyMCEPopup.editor, t = this, f = document.forms[0]; |
||||
|
||||
if (f.src.value === '') { |
||||
if (ed.selection.getNode().nodeName == 'IMG') { |
||||
ed.dom.remove(ed.selection.getNode()); |
||||
ed.execCommand('mceRepaint'); |
||||
} |
||||
|
||||
tinyMCEPopup.close(); |
||||
return; |
||||
} |
||||
|
||||
if (tinyMCEPopup.getParam("accessibility_warnings", 1)) { |
||||
if (!f.alt.value) { |
||||
tinyMCEPopup.confirm(tinyMCEPopup.getLang('advimage_dlg.missing_alt'), function(s) { |
||||
if (s) |
||||
t.insertAndClose(); |
||||
}); |
||||
|
||||
return; |
||||
} |
||||
} |
||||
|
||||
t.insertAndClose(); |
||||
}, |
||||
|
||||
insertAndClose : function() { |
||||
var ed = tinyMCEPopup.editor, f = document.forms[0], nl = f.elements, v, args = {}, el; |
||||
|
||||
tinyMCEPopup.restoreSelection(); |
||||
|
||||
// Fixes crash in Safari
|
||||
if (tinymce.isWebKit) |
||||
ed.getWin().focus(); |
||||
|
||||
if (!ed.settings.inline_styles) { |
||||
args = { |
||||
vspace : nl.vspace.value, |
||||
hspace : nl.hspace.value, |
||||
border : nl.border.value, |
||||
align : getSelectValue(f, 'align') |
||||
}; |
||||
} else { |
||||
// Remove deprecated values
|
||||
args = { |
||||
vspace : '', |
||||
hspace : '', |
||||
border : '', |
||||
align : '' |
||||
}; |
||||
} |
||||
|
||||
tinymce.extend(args, { |
||||
src : nl.src.value.replace(/ /g, '%20'), |
||||
width : nl.width.value, |
||||
height : nl.height.value, |
||||
alt : nl.alt.value, |
||||
title : nl.title.value, |
||||
'class' : getSelectValue(f, 'class_list'), |
||||
style : nl.style.value, |
||||
id : nl.id.value, |
||||
dir : nl.dir.value, |
||||
lang : nl.lang.value, |
||||
usemap : nl.usemap.value, |
||||
longdesc : nl.longdesc.value |
||||
}); |
||||
|
||||
args.onmouseover = args.onmouseout = ''; |
||||
|
||||
if (f.onmousemovecheck.checked) { |
||||
if (nl.onmouseoversrc.value) |
||||
args.onmouseover = "this.src='" + nl.onmouseoversrc.value + "';"; |
||||
|
||||
if (nl.onmouseoutsrc.value) |
||||
args.onmouseout = "this.src='" + nl.onmouseoutsrc.value + "';"; |
||||
} |
||||
|
||||
el = ed.selection.getNode(); |
||||
|
||||
if (el && el.nodeName == 'IMG') { |
||||
ed.dom.setAttribs(el, args); |
||||
} else { |
||||
tinymce.each(args, function(value, name) { |
||||
if (value === "") { |
||||
delete args[name]; |
||||
} |
||||
}); |
||||
|
||||
ed.execCommand('mceInsertContent', false, tinyMCEPopup.editor.dom.createHTML('img', args), {skip_undo : 1}); |
||||
ed.undoManager.add(); |
||||
} |
||||
|
||||
tinyMCEPopup.editor.execCommand('mceRepaint'); |
||||
tinyMCEPopup.editor.focus(); |
||||
tinyMCEPopup.close(); |
||||
}, |
||||
|
||||
getAttrib : function(e, at) { |
||||
var ed = tinyMCEPopup.editor, dom = ed.dom, v, v2; |
||||
|
||||
if (ed.settings.inline_styles) { |
||||
switch (at) { |
||||
case 'align': |
||||
if (v = dom.getStyle(e, 'float')) |
||||
return v; |
||||
|
||||
if (v = dom.getStyle(e, 'vertical-align')) |
||||
return v; |
||||
|
||||
break; |
||||
|
||||
case 'hspace': |
||||
v = dom.getStyle(e, 'margin-left') |
||||
v2 = dom.getStyle(e, 'margin-right'); |
||||
|
||||
if (v && v == v2) |
||||
return parseInt(v.replace(/[^0-9]/g, '')); |
||||
|
||||
break; |
||||
|
||||
case 'vspace': |
||||
v = dom.getStyle(e, 'margin-top') |
||||
v2 = dom.getStyle(e, 'margin-bottom'); |
||||
if (v && v == v2) |
||||
return parseInt(v.replace(/[^0-9]/g, '')); |
||||
|
||||
break; |
||||
|
||||
case 'border': |
||||
v = 0; |
||||
|
||||
tinymce.each(['top', 'right', 'bottom', 'left'], function(sv) { |
||||
sv = dom.getStyle(e, 'border-' + sv + '-width'); |
||||
|
||||
// False or not the same as prev
|
||||
if (!sv || (sv != v && v !== 0)) { |
||||
v = 0; |
||||
return false; |
||||
} |
||||
|
||||
if (sv) |
||||
v = sv; |
||||
}); |
||||
|
||||
if (v) |
||||
return parseInt(v.replace(/[^0-9]/g, '')); |
||||
|
||||
break; |
||||
} |
||||
} |
||||
|
||||
if (v = dom.getAttrib(e, at)) |
||||
return v; |
||||
|
||||
return ''; |
||||
}, |
||||
|
||||
setSwapImage : function(st) { |
||||
var f = document.forms[0]; |
||||
|
||||
f.onmousemovecheck.checked = st; |
||||
setBrowserDisabled('overbrowser', !st); |
||||
setBrowserDisabled('outbrowser', !st); |
||||
|
||||
if (f.over_list) |
||||
f.over_list.disabled = !st; |
||||
|
||||
if (f.out_list) |
||||
f.out_list.disabled = !st; |
||||
|
||||
f.onmouseoversrc.disabled = !st; |
||||
f.onmouseoutsrc.disabled = !st; |
||||
}, |
||||
|
||||
fillClassList : function(id) { |
||||
var dom = tinyMCEPopup.dom, lst = dom.get(id), v, cl; |
||||
|
||||
if (v = tinyMCEPopup.getParam('theme_advanced_styles')) { |
||||
cl = []; |
||||
|
||||
tinymce.each(v.split(';'), function(v) { |
||||
var p = v.split('='); |
||||
|
||||
cl.push({'title' : p[0], 'class' : p[1]}); |
||||
}); |
||||
} else |
||||
cl = tinyMCEPopup.editor.dom.getClasses(); |
||||
|
||||
if (cl.length > 0) { |
||||
lst.options.length = 0; |
||||
lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('not_set'), ''); |
||||
|
||||
tinymce.each(cl, function(o) { |
||||
lst.options[lst.options.length] = new Option(o.title || o['class'], o['class']); |
||||
}); |
||||
} else |
||||
dom.remove(dom.getParent(id, 'tr')); |
||||
}, |
||||
|
||||
fillFileList : function(id, l) { |
||||
var dom = tinyMCEPopup.dom, lst = dom.get(id), v, cl; |
||||
|
||||
l = typeof(l) === 'function' ? l() : window[l]; |
||||
lst.options.length = 0; |
||||
|
||||
if (l && l.length > 0) { |
||||
lst.options[lst.options.length] = new Option('', ''); |
||||
|
||||
tinymce.each(l, function(o) { |
||||
lst.options[lst.options.length] = new Option(o[0], o[1]); |
||||
}); |
||||
} else |
||||
dom.remove(dom.getParent(id, 'tr')); |
||||
}, |
||||
|
||||
resetImageData : function() { |
||||
var f = document.forms[0]; |
||||
|
||||
f.elements.width.value = f.elements.height.value = ''; |
||||
}, |
||||
|
||||
updateImageData : function(img, st) { |
||||
var f = document.forms[0]; |
||||
|
||||
if (!st) { |
||||
f.elements.width.value = img.width; |
||||
f.elements.height.value = img.height; |
||||
} |
||||
|
||||
this.preloadImg = img; |
||||
}, |
||||
|
||||
changeAppearance : function() { |
||||
var ed = tinyMCEPopup.editor, f = document.forms[0], img = document.getElementById('alignSampleImg'); |
||||
|
||||
if (img) { |
||||
if (ed.getParam('inline_styles')) { |
||||
ed.dom.setAttrib(img, 'style', f.style.value); |
||||
} else { |
||||
img.align = f.align.value; |
||||
img.border = f.border.value; |
||||
img.hspace = f.hspace.value; |
||||
img.vspace = f.vspace.value; |
||||
} |
||||
} |
||||
}, |
||||
|
||||
changeHeight : function() { |
||||
var f = document.forms[0], tp, t = this; |
||||
|
||||
if (!f.constrain.checked || !t.preloadImg) { |
||||
return; |
||||
} |
||||
|
||||
if (f.width.value == "" || f.height.value == "") |
||||
return; |
||||
|
||||
tp = (parseInt(f.width.value) / parseInt(t.preloadImg.width)) * t.preloadImg.height; |
||||
f.height.value = tp.toFixed(0); |
||||
}, |
||||
|
||||
changeWidth : function() { |
||||
var f = document.forms[0], tp, t = this; |
||||
|
||||
if (!f.constrain.checked || !t.preloadImg) { |
||||
return; |
||||
} |
||||
|
||||
if (f.width.value == "" || f.height.value == "") |
||||
return; |
||||
|
||||
tp = (parseInt(f.height.value) / parseInt(t.preloadImg.height)) * t.preloadImg.width; |
||||
f.width.value = tp.toFixed(0); |
||||
}, |
||||
|
||||
updateStyle : function(ty) { |
||||
var dom = tinyMCEPopup.dom, b, bStyle, bColor, v, isIE = tinymce.isIE, f = document.forms[0], img = dom.create('img', {style : dom.get('style').value}); |
||||
|
||||
if (tinyMCEPopup.editor.settings.inline_styles) { |
||||
// Handle align
|
||||
if (ty == 'align') { |
||||
dom.setStyle(img, 'float', ''); |
||||
dom.setStyle(img, 'vertical-align', ''); |
||||
|
||||
v = getSelectValue(f, 'align'); |
||||
if (v) { |
||||
if (v == 'left' || v == 'right') |
||||
dom.setStyle(img, 'float', v); |
||||
else |
||||
img.style.verticalAlign = v; |
||||
} |
||||
} |
||||
|
||||
// Handle border
|
||||
if (ty == 'border') { |
||||
b = img.style.border ? img.style.border.split(' ') : []; |
||||
bStyle = dom.getStyle(img, 'border-style'); |
||||
bColor = dom.getStyle(img, 'border-color'); |
||||
|
||||
dom.setStyle(img, 'border', ''); |
||||
|
||||
v = f.border.value; |
||||
if (v || v == '0') { |
||||
if (v == '0') |
||||
img.style.border = isIE ? '0' : '0 none none'; |
||||
else { |
||||
var isOldIE = tinymce.isIE && (!document.documentMode || document.documentMode < 9); |
||||
|
||||
if (b.length == 3 && b[isOldIE ? 2 : 1]) |
||||
bStyle = b[isOldIE ? 2 : 1]; |
||||
else if (!bStyle || bStyle == 'none') |
||||
bStyle = 'solid'; |
||||
if (b.length == 3 && b[isIE ? 0 : 2]) |
||||
bColor = b[isOldIE ? 0 : 2]; |
||||
else if (!bColor || bColor == 'none') |
||||
bColor = 'black'; |
||||
img.style.border = v + 'px ' + bStyle + ' ' + bColor; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Handle hspace
|
||||
if (ty == 'hspace') { |
||||
dom.setStyle(img, 'marginLeft', ''); |
||||
dom.setStyle(img, 'marginRight', ''); |
||||
|
||||
v = f.hspace.value; |
||||
if (v) { |
||||
img.style.marginLeft = v + 'px'; |
||||
img.style.marginRight = v + 'px'; |
||||
} |
||||
} |
||||
|
||||
// Handle vspace
|
||||
if (ty == 'vspace') { |
||||
dom.setStyle(img, 'marginTop', ''); |
||||
dom.setStyle(img, 'marginBottom', ''); |
||||
|
||||
v = f.vspace.value; |
||||
if (v) { |
||||
img.style.marginTop = v + 'px'; |
||||
img.style.marginBottom = v + 'px'; |
||||
} |
||||
} |
||||
|
||||
// Merge
|
||||
dom.get('style').value = dom.serializeStyle(dom.parseStyle(img.style.cssText), 'img'); |
||||
} |
||||
}, |
||||
|
||||
changeMouseMove : function() { |
||||
}, |
||||
|
||||
showPreviewImage : function(u, st) { |
||||
if (!u) { |
||||
tinyMCEPopup.dom.setHTML('prev', ''); |
||||
return; |
||||
} |
||||
|
||||
if (!st && tinyMCEPopup.getParam("advimage_update_dimensions_onchange", true)) |
||||
this.resetImageData(); |
||||
|
||||
u = tinyMCEPopup.editor.documentBaseURI.toAbsolute(u); |
||||
|
||||
if (!st) |
||||
tinyMCEPopup.dom.setHTML('prev', '<img id="previewImg" src="' + u + '" border="0" onload="ImageDialog.updateImageData(this);" onerror="ImageDialog.resetImageData();" />'); |
||||
else |
||||
tinyMCEPopup.dom.setHTML('prev', '<img id="previewImg" src="' + u + '" border="0" onload="ImageDialog.updateImageData(this, 1);" />'); |
||||
} |
||||
}; |
||||
|
||||
ImageDialog.preInit(); |
||||
tinyMCEPopup.onInit.add(ImageDialog.init, ImageDialog); |
@ -0,0 +1 @@ |
||||
tinyMCE.addI18n('en.advimage_dlg',{"image_list":"Image List","align_right":"Right","align_left":"Left","align_textbottom":"Text Bottom","align_texttop":"Text Top","align_bottom":"Bottom","align_middle":"Middle","align_top":"Top","align_baseline":"Baseline",align:"Alignment",hspace:"Horizontal Space",vspace:"Vertical Space",dimensions:"Dimensions",border:"Border",list:"Image List",alt:"Image Description",src:"Image URL","dialog_title":"Insert/Edit Image","missing_alt":"Are you sure you want to continue without including an Image Description? Without it the image may not be accessible to some users with disabilities, or to those using a text browser, or browsing the Web with images turned off.","example_img":"Appearance Preview Image",misc:"Miscellaneous",mouseout:"For Mouse Out",mouseover:"For Mouse Over","alt_image":"Alternative Image","swap_image":"Swap Image",map:"Image Map",id:"ID",rtl:"Right to Left",ltr:"Left to Right",classes:"Classes",style:"Style","long_desc":"Long Description Link",langcode:"Language Code",langdir:"Language Direction","constrain_proportions":"Constrain Proportions",preview:"Preview",title:"Title",general:"General","tab_advanced":"Advanced","tab_appearance":"Appearance","tab_general":"General",width:"Width",height:"Height"}); |
@ -0,0 +1,8 @@ |
||||
.mceLinkList, .mceAnchorList, #targetlist {width:280px;} |
||||
.mceActionPanel {margin-top:7px;} |
||||
.panel_wrapper div.current {height:320px;} |
||||
#classlist, #title, #href {width:280px;} |
||||
#popupurl, #popupname {width:200px;} |
||||
#popupwidth, #popupheight, #popupleft, #popuptop {width:30px;vertical-align:middle;text-align:center;} |
||||
#id, #style, #classes, #target, #dir, #hreflang, #lang, #charset, #type, #rel, #rev, #tabindex, #accesskey {width:200px;} |
||||
#events_panel input {width:200px;} |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.AdvancedLinkPlugin",{init:function(a,b){this.editor=a;a.addCommand("mceAdvLink",function(){var c=a.selection;if(c.isCollapsed()&&!a.dom.getParent(c.getNode(),"A")){return}a.windowManager.open({file:b+"/link.htm",width:480+parseInt(a.getLang("advlink.delta_width",0)),height:400+parseInt(a.getLang("advlink.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("link",{title:"advlink.link_desc",cmd:"mceAdvLink"});a.addShortcut("ctrl+k","advlink.advlink_desc","mceAdvLink");a.onNodeChange.add(function(d,c,f,e){c.setDisabled("link",e&&f.nodeName!="A");c.setActive("link",f.nodeName=="A"&&!f.name)})},getInfo:function(){return{longname:"Advanced link",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlink",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advlink",tinymce.plugins.AdvancedLinkPlugin)})(); |
@ -0,0 +1,61 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.AdvancedLinkPlugin', { |
||||
init : function(ed, url) { |
||||
this.editor = ed; |
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceAdvLink', function() { |
||||
var se = ed.selection; |
||||
|
||||
// No selection and not in link
|
||||
if (se.isCollapsed() && !ed.dom.getParent(se.getNode(), 'A')) |
||||
return; |
||||
|
||||
ed.windowManager.open({ |
||||
file : url + '/link.htm', |
||||
width : 480 + parseInt(ed.getLang('advlink.delta_width', 0)), |
||||
height : 400 + parseInt(ed.getLang('advlink.delta_height', 0)), |
||||
inline : 1 |
||||
}, { |
||||
plugin_url : url |
||||
}); |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('link', { |
||||
title : 'advlink.link_desc', |
||||
cmd : 'mceAdvLink' |
||||
}); |
||||
|
||||
ed.addShortcut('ctrl+k', 'advlink.advlink_desc', 'mceAdvLink'); |
||||
|
||||
ed.onNodeChange.add(function(ed, cm, n, co) { |
||||
cm.setDisabled('link', co && n.nodeName != 'A'); |
||||
cm.setActive('link', n.nodeName == 'A' && !n.name); |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Advanced link', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlink', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advlink', tinymce.plugins.AdvancedLinkPlugin); |
||||
})(); |
@ -0,0 +1,539 @@ |
||||
/* Functions for the advlink plugin popup */ |
||||
|
||||
tinyMCEPopup.requireLangPack(); |
||||
|
||||
var templates = { |
||||
"window.open" : "window.open('${url}','${target}','${options}')" |
||||
}; |
||||
|
||||
function preinit() { |
||||
var url; |
||||
|
||||
if (url = tinyMCEPopup.getParam("external_link_list_url")) |
||||
document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>'); |
||||
} |
||||
|
||||
function changeClass() { |
||||
var f = document.forms[0]; |
||||
|
||||
f.classes.value = getSelectValue(f, 'classlist'); |
||||
} |
||||
|
||||
function init() { |
||||
tinyMCEPopup.resizeToInnerSize(); |
||||
|
||||
var formObj = document.forms[0]; |
||||
var inst = tinyMCEPopup.editor; |
||||
var elm = inst.selection.getNode(); |
||||
var action = "insert"; |
||||
var html; |
||||
|
||||
document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink'); |
||||
document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink'); |
||||
document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target'); |
||||
|
||||
// Link list
|
||||
html = getLinkListHTML('linklisthref','href'); |
||||
if (html == "") |
||||
document.getElementById("linklisthrefrow").style.display = 'none'; |
||||
else |
||||
document.getElementById("linklisthrefcontainer").innerHTML = html; |
||||
|
||||
// Anchor list
|
||||
html = getAnchorListHTML('anchorlist','href'); |
||||
if (html == "") |
||||
document.getElementById("anchorlistrow").style.display = 'none'; |
||||
else |
||||
document.getElementById("anchorlistcontainer").innerHTML = html; |
||||
|
||||
// Resize some elements
|
||||
if (isVisible('hrefbrowser')) |
||||
document.getElementById('href').style.width = '260px'; |
||||
|
||||
if (isVisible('popupurlbrowser')) |
||||
document.getElementById('popupurl').style.width = '180px'; |
||||
|
||||
elm = inst.dom.getParent(elm, "A"); |
||||
if (elm == null) { |
||||
var prospect = inst.dom.create("p", null, inst.selection.getContent()); |
||||
if (prospect.childNodes.length === 1) { |
||||
elm = prospect.firstChild; |
||||
} |
||||
} |
||||
|
||||
if (elm != null && elm.nodeName == "A") |
||||
action = "update"; |
||||
|
||||
formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true);
|
||||
|
||||
setPopupControlsDisabled(true); |
||||
|
||||
if (action == "update") { |
||||
var href = inst.dom.getAttrib(elm, 'href'); |
||||
var onclick = inst.dom.getAttrib(elm, 'onclick'); |
||||
|
||||
// Setup form data
|
||||
setFormValue('href', href); |
||||
setFormValue('title', inst.dom.getAttrib(elm, 'title')); |
||||
setFormValue('id', inst.dom.getAttrib(elm, 'id')); |
||||
setFormValue('style', inst.dom.getAttrib(elm, "style")); |
||||
setFormValue('rel', inst.dom.getAttrib(elm, 'rel')); |
||||
setFormValue('rev', inst.dom.getAttrib(elm, 'rev')); |
||||
setFormValue('charset', inst.dom.getAttrib(elm, 'charset')); |
||||
setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang')); |
||||
setFormValue('dir', inst.dom.getAttrib(elm, 'dir')); |
||||
setFormValue('lang', inst.dom.getAttrib(elm, 'lang')); |
||||
setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : "")); |
||||
setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : "")); |
||||
setFormValue('type', inst.dom.getAttrib(elm, 'type')); |
||||
setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus')); |
||||
setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur')); |
||||
setFormValue('onclick', onclick); |
||||
setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick')); |
||||
setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown')); |
||||
setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup')); |
||||
setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover')); |
||||
setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove')); |
||||
setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout')); |
||||
setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress')); |
||||
setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown')); |
||||
setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup')); |
||||
setFormValue('target', inst.dom.getAttrib(elm, 'target')); |
||||
setFormValue('classes', inst.dom.getAttrib(elm, 'class')); |
||||
|
||||
// Parse onclick data
|
||||
if (onclick != null && onclick.indexOf('window.open') != -1) |
||||
parseWindowOpen(onclick); |
||||
else |
||||
parseFunction(onclick); |
||||
|
||||
// Select by the values
|
||||
selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir')); |
||||
selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel')); |
||||
selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev')); |
||||
selectByValue(formObj, 'linklisthref', href); |
||||
|
||||
if (href.charAt(0) == '#') |
||||
selectByValue(formObj, 'anchorlist', href); |
||||
|
||||
addClassesToList('classlist', 'advlink_styles'); |
||||
|
||||
selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true); |
||||
selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true); |
||||
} else |
||||
addClassesToList('classlist', 'advlink_styles'); |
||||
} |
||||
|
||||
function checkPrefix(n) { |
||||
if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email'))) |
||||
n.value = 'mailto:' + n.value; |
||||
|
||||
if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external'))) |
||||
n.value = 'http://' + n.value; |
||||
} |
||||
|
||||
function setFormValue(name, value) { |
||||
document.forms[0].elements[name].value = value; |
||||
} |
||||
|
||||
function parseWindowOpen(onclick) { |
||||
var formObj = document.forms[0]; |
||||
|
||||
// Preprocess center code
|
||||
if (onclick.indexOf('return false;') != -1) { |
||||
formObj.popupreturn.checked = true; |
||||
onclick = onclick.replace('return false;', ''); |
||||
} else |
||||
formObj.popupreturn.checked = false; |
||||
|
||||
var onClickData = parseLink(onclick); |
||||
|
||||
if (onClickData != null) { |
||||
formObj.ispopup.checked = true; |
||||
setPopupControlsDisabled(false); |
||||
|
||||
var onClickWindowOptions = parseOptions(onClickData['options']); |
||||
var url = onClickData['url']; |
||||
|
||||
formObj.popupname.value = onClickData['target']; |
||||
formObj.popupurl.value = url; |
||||
formObj.popupwidth.value = getOption(onClickWindowOptions, 'width'); |
||||
formObj.popupheight.value = getOption(onClickWindowOptions, 'height'); |
||||
|
||||
formObj.popupleft.value = getOption(onClickWindowOptions, 'left'); |
||||
formObj.popuptop.value = getOption(onClickWindowOptions, 'top'); |
||||
|
||||
if (formObj.popupleft.value.indexOf('screen') != -1) |
||||
formObj.popupleft.value = "c"; |
||||
|
||||
if (formObj.popuptop.value.indexOf('screen') != -1) |
||||
formObj.popuptop.value = "c"; |
||||
|
||||
formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes"; |
||||
formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes"; |
||||
formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes"; |
||||
formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes"; |
||||
formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes"; |
||||
formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes"; |
||||
formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes"; |
||||
|
||||
buildOnClick(); |
||||
} |
||||
} |
||||
|
||||
function parseFunction(onclick) { |
||||
var formObj = document.forms[0]; |
||||
var onClickData = parseLink(onclick); |
||||
|
||||
// TODO: Add stuff here
|
||||
} |
||||
|
||||
function getOption(opts, name) { |
||||
return typeof(opts[name]) == "undefined" ? "" : opts[name]; |
||||
} |
||||
|
||||
function setPopupControlsDisabled(state) { |
||||
var formObj = document.forms[0]; |
||||
|
||||
formObj.popupname.disabled = state; |
||||
formObj.popupurl.disabled = state; |
||||
formObj.popupwidth.disabled = state; |
||||
formObj.popupheight.disabled = state; |
||||
formObj.popupleft.disabled = state; |
||||
formObj.popuptop.disabled = state; |
||||
formObj.popuplocation.disabled = state; |
||||
formObj.popupscrollbars.disabled = state; |
||||
formObj.popupmenubar.disabled = state; |
||||
formObj.popupresizable.disabled = state; |
||||
formObj.popuptoolbar.disabled = state; |
||||
formObj.popupstatus.disabled = state; |
||||
formObj.popupreturn.disabled = state; |
||||
formObj.popupdependent.disabled = state; |
||||
|
||||
setBrowserDisabled('popupurlbrowser', state); |
||||
} |
||||
|
||||
function parseLink(link) { |
||||
link = link.replace(new RegExp(''', 'g'), "'"); |
||||
|
||||
var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1"); |
||||
|
||||
// Is function name a template function
|
||||
var template = templates[fnName]; |
||||
if (template) { |
||||
// Build regexp
|
||||
var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi")); |
||||
var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\("; |
||||
var replaceStr = ""; |
||||
for (var i=0; i<variableNames.length; i++) { |
||||
// Is string value
|
||||
if (variableNames[i].indexOf("'${") != -1) |
||||
regExp += "'(.*)'"; |
||||
else // Number value
|
||||
regExp += "([0-9]*)"; |
||||
|
||||
replaceStr += "$" + (i+1); |
||||
|
||||
// Cleanup variable name
|
||||
variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), ""); |
||||
|
||||
if (i != variableNames.length-1) { |
||||
regExp += "\\s*,\\s*"; |
||||
replaceStr += "<delim>"; |
||||
} else |
||||
regExp += ".*"; |
||||
} |
||||
|
||||
regExp += "\\);?"; |
||||
|
||||
// Build variable array
|
||||
var variables = []; |
||||
variables["_function"] = fnName; |
||||
var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('<delim>'); |
||||
for (var i=0; i<variableNames.length; i++) |
||||
variables[variableNames[i]] = variableValues[i]; |
||||
|
||||
return variables; |
||||
} |
||||
|
||||
return null; |
||||
} |
||||
|
||||
function parseOptions(opts) { |
||||
if (opts == null || opts == "") |
||||
return []; |
||||
|
||||
// Cleanup the options
|
||||
opts = opts.toLowerCase(); |
||||
opts = opts.replace(/;/g, ","); |
||||
opts = opts.replace(/[^0-9a-z=,]/g, ""); |
||||
|
||||
var optionChunks = opts.split(','); |
||||
var options = []; |
||||
|
||||
for (var i=0; i<optionChunks.length; i++) { |
||||
var parts = optionChunks[i].split('='); |
||||
|
||||
if (parts.length == 2) |
||||
options[parts[0]] = parts[1]; |
||||
} |
||||
|
||||
return options; |
||||
} |
||||
|
||||
function buildOnClick() { |
||||
var formObj = document.forms[0]; |
||||
|
||||
if (!formObj.ispopup.checked) { |
||||
formObj.onclick.value = ""; |
||||
return; |
||||
} |
||||
|
||||
var onclick = "window.open('"; |
||||
var url = formObj.popupurl.value; |
||||
|
||||
onclick += url + "','"; |
||||
onclick += formObj.popupname.value + "','"; |
||||
|
||||
if (formObj.popuplocation.checked) |
||||
onclick += "location=yes,"; |
||||
|
||||
if (formObj.popupscrollbars.checked) |
||||
onclick += "scrollbars=yes,"; |
||||
|
||||
if (formObj.popupmenubar.checked) |
||||
onclick += "menubar=yes,"; |
||||
|
||||
if (formObj.popupresizable.checked) |
||||
onclick += "resizable=yes,"; |
||||
|
||||
if (formObj.popuptoolbar.checked) |
||||
onclick += "toolbar=yes,"; |
||||
|
||||
if (formObj.popupstatus.checked) |
||||
onclick += "status=yes,"; |
||||
|
||||
if (formObj.popupdependent.checked) |
||||
onclick += "dependent=yes,"; |
||||
|
||||
if (formObj.popupwidth.value != "") |
||||
onclick += "width=" + formObj.popupwidth.value + ","; |
||||
|
||||
if (formObj.popupheight.value != "") |
||||
onclick += "height=" + formObj.popupheight.value + ","; |
||||
|
||||
if (formObj.popupleft.value != "") { |
||||
if (formObj.popupleft.value != "c") |
||||
onclick += "left=" + formObj.popupleft.value + ","; |
||||
else |
||||
onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',"; |
||||
} |
||||
|
||||
if (formObj.popuptop.value != "") { |
||||
if (formObj.popuptop.value != "c") |
||||
onclick += "top=" + formObj.popuptop.value + ","; |
||||
else |
||||
onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',"; |
||||
} |
||||
|
||||
if (onclick.charAt(onclick.length-1) == ',') |
||||
onclick = onclick.substring(0, onclick.length-1); |
||||
|
||||
onclick += "');"; |
||||
|
||||
if (formObj.popupreturn.checked) |
||||
onclick += "return false;"; |
||||
|
||||
// tinyMCE.debug(onclick);
|
||||
|
||||
formObj.onclick.value = onclick; |
||||
|
||||
if (formObj.href.value == "") |
||||
formObj.href.value = url; |
||||
} |
||||
|
||||
function setAttrib(elm, attrib, value) { |
||||
var formObj = document.forms[0]; |
||||
var valueElm = formObj.elements[attrib.toLowerCase()]; |
||||
var dom = tinyMCEPopup.editor.dom; |
||||
|
||||
if (typeof(value) == "undefined" || value == null) { |
||||
value = ""; |
||||
|
||||
if (valueElm) |
||||
value = valueElm.value; |
||||
} |
||||
|
||||
// Clean up the style
|
||||
if (attrib == 'style') |
||||
value = dom.serializeStyle(dom.parseStyle(value), 'a'); |
||||
|
||||
dom.setAttrib(elm, attrib, value); |
||||
} |
||||
|
||||
function getAnchorListHTML(id, target) { |
||||
var ed = tinyMCEPopup.editor, nodes = ed.dom.select('a'), name, i, len, html = ""; |
||||
|
||||
for (i=0, len=nodes.length; i<len; i++) { |
||||
if ((name = ed.dom.getAttrib(nodes[i], "name")) != "") |
||||
html += '<option value="#' + name + '">' + name + '</option>'; |
||||
} |
||||
|
||||
if (html == "") |
||||
return ""; |
||||
|
||||
html = '<select id="' + id + '" name="' + id + '" class="mceAnchorList"' |
||||
+ ' onchange="this.form.' + target + '.value=this.options[this.selectedIndex].value"' |
||||
+ '>' |
||||
+ '<option value="">---</option>' |
||||
+ html |
||||
+ '</select>'; |
||||
|
||||
return html; |
||||
} |
||||
|
||||
function insertAction() { |
||||
var inst = tinyMCEPopup.editor; |
||||
var elm, elementArray, i; |
||||
|
||||
elm = inst.selection.getNode(); |
||||
checkPrefix(document.forms[0].href); |
||||
|
||||
elm = inst.dom.getParent(elm, "A"); |
||||
|
||||
// Remove element if there is no href
|
||||
if (!document.forms[0].href.value) { |
||||
i = inst.selection.getBookmark(); |
||||
inst.dom.remove(elm, 1); |
||||
inst.selection.moveToBookmark(i); |
||||
tinyMCEPopup.execCommand("mceEndUndoLevel"); |
||||
tinyMCEPopup.close(); |
||||
return; |
||||
} |
||||
|
||||
// Create new anchor elements
|
||||
if (elm == null) { |
||||
inst.getDoc().execCommand("unlink", false, null); |
||||
tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1}); |
||||
|
||||
elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';}); |
||||
for (i=0; i<elementArray.length; i++) |
||||
setAllAttribs(elm = elementArray[i]); |
||||
} else |
||||
setAllAttribs(elm); |
||||
|
||||
// Don't move caret if selection was image
|
||||
if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') { |
||||
inst.focus(); |
||||
inst.selection.select(elm); |
||||
inst.selection.collapse(0); |
||||
tinyMCEPopup.storeSelection(); |
||||
} |
||||
|
||||
tinyMCEPopup.execCommand("mceEndUndoLevel"); |
||||
tinyMCEPopup.close(); |
||||
} |
||||
|
||||
function setAllAttribs(elm) { |
||||
var formObj = document.forms[0]; |
||||
var href = formObj.href.value.replace(/ /g, '%20'); |
||||
var target = getSelectValue(formObj, 'targetlist'); |
||||
|
||||
setAttrib(elm, 'href', href); |
||||
setAttrib(elm, 'title'); |
||||
setAttrib(elm, 'target', target == '_self' ? '' : target); |
||||
setAttrib(elm, 'id'); |
||||
setAttrib(elm, 'style'); |
||||
setAttrib(elm, 'class', getSelectValue(formObj, 'classlist')); |
||||
setAttrib(elm, 'rel'); |
||||
setAttrib(elm, 'rev'); |
||||
setAttrib(elm, 'charset'); |
||||
setAttrib(elm, 'hreflang'); |
||||
setAttrib(elm, 'dir'); |
||||
setAttrib(elm, 'lang'); |
||||
setAttrib(elm, 'tabindex'); |
||||
setAttrib(elm, 'accesskey'); |
||||
setAttrib(elm, 'type'); |
||||
setAttrib(elm, 'onfocus'); |
||||
setAttrib(elm, 'onblur'); |
||||
setAttrib(elm, 'onclick'); |
||||
setAttrib(elm, 'ondblclick'); |
||||
setAttrib(elm, 'onmousedown'); |
||||
setAttrib(elm, 'onmouseup'); |
||||
setAttrib(elm, 'onmouseover'); |
||||
setAttrib(elm, 'onmousemove'); |
||||
setAttrib(elm, 'onmouseout'); |
||||
setAttrib(elm, 'onkeypress'); |
||||
setAttrib(elm, 'onkeydown'); |
||||
setAttrib(elm, 'onkeyup'); |
||||
|
||||
// Refresh in old MSIE
|
||||
if (tinyMCE.isMSIE5) |
||||
elm.outerHTML = elm.outerHTML; |
||||
} |
||||
|
||||
function getSelectValue(form_obj, field_name) { |
||||
var elm = form_obj.elements[field_name]; |
||||
|
||||
if (!elm || elm.options == null || elm.selectedIndex == -1) |
||||
return ""; |
||||
|
||||
return elm.options[elm.selectedIndex].value; |
||||
} |
||||
|
||||
function getLinkListHTML(elm_id, target_form_element, onchange_func) { |
||||
if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0) |
||||
return ""; |
||||
|
||||
var html = ""; |
||||
|
||||
html += '<select id="' + elm_id + '" name="' + elm_id + '"'; |
||||
html += ' class="mceLinkList" onchange="this.form.' + target_form_element + '.value='; |
||||
html += 'this.options[this.selectedIndex].value;'; |
||||
|
||||
if (typeof(onchange_func) != "undefined") |
||||
html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);'; |
||||
|
||||
html += '"><option value="">---</option>'; |
||||
|
||||
for (var i=0; i<tinyMCELinkList.length; i++) |
||||
html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>'; |
||||
|
||||
html += '</select>'; |
||||
|
||||
return html; |
||||
|
||||
// tinyMCE.debug('-- image list start --', html, '-- image list end --');
|
||||
} |
||||
|
||||
function getTargetListHTML(elm_id, target_form_element) { |
||||
var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';'); |
||||
var html = ''; |
||||
|
||||
html += '<select id="' + elm_id + '" name="' + elm_id + '" onchange="this.form.' + target_form_element + '.value='; |
||||
html += 'this.options[this.selectedIndex].value;">'; |
||||
html += '<option value="_self">' + tinyMCEPopup.getLang('advlink_dlg.target_same') + '</option>'; |
||||
html += '<option value="_blank">' + tinyMCEPopup.getLang('advlink_dlg.target_blank') + ' (_blank)</option>'; |
||||
html += '<option value="_parent">' + tinyMCEPopup.getLang('advlink_dlg.target_parent') + ' (_parent)</option>'; |
||||
html += '<option value="_top">' + tinyMCEPopup.getLang('advlink_dlg.target_top') + ' (_top)</option>'; |
||||
|
||||
for (var i=0; i<targets.length; i++) { |
||||
var key, value; |
||||
|
||||
if (targets[i] == "") |
||||
continue; |
||||
|
||||
key = targets[i].split('=')[0]; |
||||
value = targets[i].split('=')[1]; |
||||
|
||||
html += '<option value="' + key + '">' + value + ' (' + key + ')</option>'; |
||||
} |
||||
|
||||
html += '</select>'; |
||||
|
||||
return html; |
||||
} |
||||
|
||||
// While loading
|
||||
preinit(); |
||||
tinyMCEPopup.onInit.add(init); |
@ -0,0 +1 @@ |
||||
tinyMCE.addI18n('en.advlink_dlg',{"target_name":"Target Name",classes:"Classes",style:"Style",id:"ID","popup_position":"Position (X/Y)",langdir:"Language Direction","popup_size":"Size","popup_dependent":"Dependent (Mozilla/Firefox Only)","popup_resizable":"Make Window Resizable","popup_location":"Show Location Bar","popup_menubar":"Show Menu Bar","popup_toolbar":"Show Toolbars","popup_statusbar":"Show Status Bar","popup_scrollbars":"Show Scrollbars","popup_return":"Insert \'return false\'","popup_name":"Window Name","popup_url":"Popup URL",popup:"JavaScript Popup","target_blank":"Open in New Window","target_top":"Open in Top Frame (Replaces All Frames)","target_parent":"Open in Parent Window/Frame","target_same":"Open in This Window/Frame","anchor_names":"Anchors","popup_opts":"Options","advanced_props":"Advanced Properties","event_props":"Events","popup_props":"Popup Properties","general_props":"General Properties","advanced_tab":"Advanced","events_tab":"Events","popup_tab":"Popup","general_tab":"General",list:"Link List","is_external":"The URL you entered seems to be an external link. Do you want to add the required http:// prefix?","is_email":"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",titlefield:"Title",target:"Target",url:"Link URL",title:"Insert/Edit Link","link_list":"Link List",rtl:"Right to Left",ltr:"Left to Right",accesskey:"AccessKey",tabindex:"TabIndex",rev:"Relationship Target to Page",rel:"Relationship Page to Target",mime:"Target MIME Type",encoding:"Target Character Encoding",langcode:"Language Code","target_langcode":"Target Language",width:"Width",height:"Height"}); |
@ -0,0 +1,338 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>{#advlink_dlg.title}</title> |
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script> |
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script> |
||||
<script type="text/javascript" src="../../utils/validate.js"></script> |
||||
<script type="text/javascript" src="js/advlink.js"></script> |
||||
<link href="css/advlink.css" rel="stylesheet" type="text/css" /> |
||||
</head> |
||||
<body id="advlink" style="display: none" role="application" onload="javascript:mcTabs.displayTab('general_tab','general_panel', true);" aria-labelledby="app_label"> |
||||
<span class="mceVoiceLabel" id="app_label" style="display:none;">{#advlink_dlg.title}</span> |
||||
<form onsubmit="insertAction();return false;" action="#"> |
||||
<div class="tabs" role="presentation"> |
||||
<ul> |
||||
<li id="general_tab" class="current" aria-controls="general_panel" ><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advlink_dlg.general_tab}</a></span></li> |
||||
<li id="popup_tab" aria-controls="popup_panel" ><span><a href="javascript:mcTabs.displayTab('popup_tab','popup_panel');" onmousedown="return false;">{#advlink_dlg.popup_tab}</a></span></li> |
||||
<li id="events_tab" aria-controls="events_panel"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#advlink_dlg.events_tab}</a></span></li> |
||||
<li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advlink_dlg.advanced_tab}</a></span></li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="panel_wrapper" role="presentation"> |
||||
<div id="general_panel" class="panel current"> |
||||
<fieldset> |
||||
<legend>{#advlink_dlg.general_props}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0" role="presentation"> |
||||
<tr> |
||||
<td class="nowrap"><label id="hreflabel" for="href">{#advlink_dlg.url}</label></td> |
||||
<td><table border="0" cellspacing="0" cellpadding="0"> |
||||
<tr> |
||||
<td><input id="href" name="href" type="text" class="mceFocus" value="" onchange="selectByValue(this.form,'linklisthref',this.value);" aria-required="true" /></td> |
||||
<td id="hrefbrowsercontainer"> </td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
<tr id="linklisthrefrow"> |
||||
<td class="column1"><label for="linklisthref">{#advlink_dlg.list}</label></td> |
||||
<td colspan="2" id="linklisthrefcontainer"><select id="linklisthref"><option value=""></option></select></td> |
||||
</tr> |
||||
<tr id="anchorlistrow"> |
||||
<td class="column1"><label for="anchorlist">{#advlink_dlg.anchor_names}</label></td> |
||||
<td colspan="2" id="anchorlistcontainer"><select id="anchorlist"><option value=""></option></select></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label id="targetlistlabel" for="targetlist">{#advlink_dlg.target}</label></td> |
||||
<td id="targetlistcontainer"><select id="targetlist"><option value=""></option></select></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label id="titlelabel" for="title">{#advlink_dlg.titlefield}</label></td> |
||||
<td><input id="title" name="title" type="text" value="" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label id="classlabel" for="classlist">{#class_name}</label></td> |
||||
<td> |
||||
<select id="classlist" name="classlist" onchange="changeClass();"> |
||||
<option value="" selected="selected">{#not_set}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
|
||||
<div id="popup_panel" class="panel"> |
||||
<fieldset> |
||||
<legend>{#advlink_dlg.popup_props}</legend> |
||||
|
||||
<input type="checkbox" id="ispopup" name="ispopup" class="radio" onclick="setPopupControlsDisabled(!this.checked);buildOnClick();" /> |
||||
<label id="ispopuplabel" for="ispopup">{#advlink_dlg.popup}</label> |
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4" role="presentation" > |
||||
<tr> |
||||
<td class="nowrap"><label for="popupurl">{#advlink_dlg.popup_url}</label> </td> |
||||
<td> |
||||
<table border="0" cellspacing="0" cellpadding="0"> |
||||
<tr> |
||||
<td><input type="text" name="popupurl" id="popupurl" value="" onchange="buildOnClick();" /></td> |
||||
<td id="popupurlbrowsercontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="popupname">{#advlink_dlg.popup_name}</label> </td> |
||||
<td><input type="text" name="popupname" id="popupname" value="" onchange="buildOnClick();" /></td> |
||||
</tr> |
||||
<tr role="group" aria-labelledby="popup_size_label"> |
||||
<td class="nowrap"><label id="popup_size_label">{#advlink_dlg.popup_size}</label> </td> |
||||
<td class="nowrap"> |
||||
<span style="display:none" id="width_voiceLabel">{#advlink_dlg.width}</span> |
||||
<input type="text" id="popupwidth" name="popupwidth" value="" onchange="buildOnClick();" aria-labelledby="width_voiceLabel" /> x |
||||
<span style="display:none" id="height_voiceLabel">{#advlink_dlg.height}</span> |
||||
<input type="text" id="popupheight" name="popupheight" value="" onchange="buildOnClick();" aria-labelledby="height_voiceLabel" /> px |
||||
</td> |
||||
</tr> |
||||
<tr role="group" aria-labelledby="popup_position_label center_hint"> |
||||
<td class="nowrap" id="labelleft"><label id="popup_position_label">{#advlink_dlg.popup_position}</label> </td> |
||||
<td class="nowrap"> |
||||
<span style="display:none" id="x_voiceLabel">X</span> |
||||
<input type="text" id="popupleft" name="popupleft" value="" onchange="buildOnClick();" aria-labelledby="x_voiceLabel" /> / |
||||
<span style="display:none" id="y_voiceLabel">Y</span> |
||||
<input type="text" id="popuptop" name="popuptop" value="" onchange="buildOnClick();" aria-labelledby="y_voiceLabel" /> <span id="center_hint">(c /c = center)</span> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
<fieldset> |
||||
<legend>{#advlink_dlg.popup_opts}</legend> |
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4" role="presentation" > |
||||
<tr> |
||||
<td><input type="checkbox" id="popuplocation" name="popuplocation" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popuplocationlabel" for="popuplocation">{#advlink_dlg.popup_location}</label></td> |
||||
<td><input type="checkbox" id="popupscrollbars" name="popupscrollbars" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popupscrollbarslabel" for="popupscrollbars">{#advlink_dlg.popup_scrollbars}</label></td> |
||||
</tr> |
||||
<tr> |
||||
<td><input type="checkbox" id="popupmenubar" name="popupmenubar" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popupmenubarlabel" for="popupmenubar">{#advlink_dlg.popup_menubar}</label></td> |
||||
<td><input type="checkbox" id="popupresizable" name="popupresizable" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popupresizablelabel" for="popupresizable">{#advlink_dlg.popup_resizable}</label></td> |
||||
</tr> |
||||
<tr> |
||||
<td><input type="checkbox" id="popuptoolbar" name="popuptoolbar" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popuptoolbarlabel" for="popuptoolbar">{#advlink_dlg.popup_toolbar}</label></td> |
||||
<td><input type="checkbox" id="popupdependent" name="popupdependent" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popupdependentlabel" for="popupdependent">{#advlink_dlg.popup_dependent}</label></td> |
||||
</tr> |
||||
<tr> |
||||
<td><input type="checkbox" id="popupstatus" name="popupstatus" class="checkbox" onchange="buildOnClick();" /></td> |
||||
<td class="nowrap"><label id="popupstatuslabel" for="popupstatus">{#advlink_dlg.popup_statusbar}</label></td> |
||||
<td><input type="checkbox" id="popupreturn" name="popupreturn" class="checkbox" onchange="buildOnClick();" checked="checked" /></td> |
||||
<td class="nowrap"><label id="popupreturnlabel" for="popupreturn">{#advlink_dlg.popup_return}</label></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</fieldset> |
||||
</div> |
||||
|
||||
<div id="advanced_panel" class="panel"> |
||||
<fieldset> |
||||
<legend>{#advlink_dlg.advanced_props}</legend> |
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4" role="presentation" > |
||||
<tr> |
||||
<td class="column1"><label id="idlabel" for="id">{#advlink_dlg.id}</label></td> |
||||
<td><input id="id" name="id" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="stylelabel" for="style">{#advlink_dlg.style}</label></td> |
||||
<td><input type="text" id="style" name="style" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="classeslabel" for="classes">{#advlink_dlg.classes}</label></td> |
||||
<td><input type="text" id="classes" name="classes" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="targetlabel" for="target">{#advlink_dlg.target_name}</label></td> |
||||
<td><input type="text" id="target" name="target" value="" onchange="selectByValue(this.form,'targetlist',this.value,true);" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="dirlabel" for="dir">{#advlink_dlg.langdir}</label></td> |
||||
<td> |
||||
<select id="dir" name="dir"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="ltr">{#advlink_dlg.ltr}</option> |
||||
<option value="rtl">{#advlink_dlg.rtl}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="hreflanglabel" for="hreflang">{#advlink_dlg.target_langcode}</label></td> |
||||
<td><input type="text" id="hreflang" name="hreflang" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label id="langlabel" for="lang">{#advlink_dlg.langcode}</label></td> |
||||
<td> |
||||
<input id="lang" name="lang" type="text" value="" /> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="charsetlabel" for="charset">{#advlink_dlg.encoding}</label></td> |
||||
<td><input type="text" id="charset" name="charset" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="typelabel" for="type">{#advlink_dlg.mime}</label></td> |
||||
<td><input type="text" id="type" name="type" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="rellabel" for="rel">{#advlink_dlg.rel}</label></td> |
||||
<td><select id="rel" name="rel"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="lightbox">Lightbox</option> |
||||
<option value="alternate">Alternate</option> |
||||
<option value="designates">Designates</option> |
||||
<option value="stylesheet">Stylesheet</option> |
||||
<option value="start">Start</option> |
||||
<option value="next">Next</option> |
||||
<option value="prev">Prev</option> |
||||
<option value="contents">Contents</option> |
||||
<option value="index">Index</option> |
||||
<option value="glossary">Glossary</option> |
||||
<option value="copyright">Copyright</option> |
||||
<option value="chapter">Chapter</option> |
||||
<option value="subsection">Subsection</option> |
||||
<option value="appendix">Appendix</option> |
||||
<option value="help">Help</option> |
||||
<option value="bookmark">Bookmark</option> |
||||
<option value="nofollow">No Follow</option> |
||||
<option value="tag">Tag</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="revlabel" for="rev">{#advlink_dlg.rev}</label></td> |
||||
<td><select id="rev" name="rev"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="alternate">Alternate</option> |
||||
<option value="designates">Designates</option> |
||||
<option value="stylesheet">Stylesheet</option> |
||||
<option value="start">Start</option> |
||||
<option value="next">Next</option> |
||||
<option value="prev">Prev</option> |
||||
<option value="contents">Contents</option> |
||||
<option value="index">Index</option> |
||||
<option value="glossary">Glossary</option> |
||||
<option value="copyright">Copyright</option> |
||||
<option value="chapter">Chapter</option> |
||||
<option value="subsection">Subsection</option> |
||||
<option value="appendix">Appendix</option> |
||||
<option value="help">Help</option> |
||||
<option value="bookmark">Bookmark</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="tabindexlabel" for="tabindex">{#advlink_dlg.tabindex}</label></td> |
||||
<td><input type="text" id="tabindex" name="tabindex" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td><label id="accesskeylabel" for="accesskey">{#advlink_dlg.accesskey}</label></td> |
||||
<td><input type="text" id="accesskey" name="accesskey" value="" /></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
|
||||
<div id="events_panel" class="panel"> |
||||
<fieldset> |
||||
<legend>{#advlink_dlg.event_props}</legend> |
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4" role="presentation" > |
||||
<tr> |
||||
<td class="column1"><label for="onfocus">onfocus</label></td> |
||||
<td><input id="onfocus" name="onfocus" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onblur">onblur</label></td> |
||||
<td><input id="onblur" name="onblur" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onclick">onclick</label></td> |
||||
<td><input id="onclick" name="onclick" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="ondblclick">ondblclick</label></td> |
||||
<td><input id="ondblclick" name="ondblclick" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onmousedown">onmousedown</label></td> |
||||
<td><input id="onmousedown" name="onmousedown" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onmouseup">onmouseup</label></td> |
||||
<td><input id="onmouseup" name="onmouseup" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onmouseover">onmouseover</label></td> |
||||
<td><input id="onmouseover" name="onmouseover" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onmousemove">onmousemove</label></td> |
||||
<td><input id="onmousemove" name="onmousemove" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onmouseout">onmouseout</label></td> |
||||
<td><input id="onmouseout" name="onmouseout" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onkeypress">onkeypress</label></td> |
||||
<td><input id="onkeypress" name="onkeypress" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onkeydown">onkeydown</label></td> |
||||
<td><input id="onkeydown" name="onkeydown" type="text" value="" /></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="onkeyup">onkeyup</label></td> |
||||
<td><input id="onkeyup" name="onkeyup" type="text" value="" /></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="mceActionPanel"> |
||||
<input type="submit" id="insert" name="insert" value="{#insert}" /> |
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> |
||||
</div> |
||||
</form> |
||||
</body> |
||||
</html> |
@ -0,0 +1 @@ |
||||
(function(){var a=tinymce.each;tinymce.create("tinymce.plugins.AdvListPlugin",{init:function(b,c){var d=this;d.editor=b;function e(g){var f=[];a(g.split(/,/),function(h){f.push({title:"advlist."+(h=="default"?"def":h.replace(/-/g,"_")),styles:{listStyleType:h=="default"?"":h}})});return f}d.numlist=b.getParam("advlist_number_styles")||e("default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman");d.bullist=b.getParam("advlist_bullet_styles")||e("default,circle,disc,square");if(tinymce.isIE&&/MSIE [2-7]/.test(navigator.userAgent)){d.isIE7=true}},createControl:function(d,b){var f=this,e,i,g=f.editor;if(d=="numlist"||d=="bullist"){if(f[d][0].title=="advlist.def"){i=f[d][0]}function c(j,l){var k=true;a(l.styles,function(n,m){if(g.dom.getStyle(j,m)!=n){k=false;return false}});return k}function h(){var k,l=g.dom,j=g.selection;k=l.getParent(j.getNode(),"ol,ul");if(!k||k.nodeName==(d=="bullist"?"OL":"UL")||c(k,i)){g.execCommand(d=="bullist"?"InsertUnorderedList":"InsertOrderedList")}if(i){k=l.getParent(j.getNode(),"ol,ul");if(k){l.setStyles(k,i.styles);k.removeAttribute("data-mce-style")}}g.focus()}e=b.createSplitButton(d,{title:"advanced."+d+"_desc","class":"mce_"+d,onclick:function(){h()}});e.onRenderMenu.add(function(j,k){k.onHideMenu.add(function(){if(f.bookmark){g.selection.moveToBookmark(f.bookmark);f.bookmark=0}});k.onShowMenu.add(function(){var n=g.dom,m=n.getParent(g.selection.getNode(),"ol,ul"),l;if(m||i){l=f[d];a(k.items,function(o){var p=true;o.setSelected(0);if(m&&!o.isDisabled()){a(l,function(q){if(q.id==o.id){if(!c(m,q)){p=false;return false}}});if(p){o.setSelected(1)}}});if(!m){k.items[i.id].setSelected(1)}}g.focus();if(tinymce.isIE){f.bookmark=g.selection.getBookmark(1)}});k.add({id:g.dom.uniqueId(),title:"advlist.types","class":"mceMenuItemTitle",titleItem:true}).setDisabled(1);a(f[d],function(l){if(f.isIE7&&l.styles.listStyleType=="lower-greek"){return}l.id=g.dom.uniqueId();k.add({id:l.id,title:l.title,onclick:function(){i=l;h()}})})});return e}},getInfo:function(){return{longname:"Advanced lists",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlist",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advlist",tinymce.plugins.AdvListPlugin)})(); |
@ -0,0 +1,176 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
var each = tinymce.each; |
||||
|
||||
tinymce.create('tinymce.plugins.AdvListPlugin', { |
||||
init : function(ed, url) { |
||||
var t = this; |
||||
|
||||
t.editor = ed; |
||||
|
||||
function buildFormats(str) { |
||||
var formats = []; |
||||
|
||||
each(str.split(/,/), function(type) { |
||||
formats.push({ |
||||
title : 'advlist.' + (type == 'default' ? 'def' : type.replace(/-/g, '_')), |
||||
styles : { |
||||
listStyleType : type == 'default' ? '' : type |
||||
} |
||||
}); |
||||
}); |
||||
|
||||
return formats; |
||||
}; |
||||
|
||||
// Setup number formats from config or default
|
||||
t.numlist = ed.getParam("advlist_number_styles") || buildFormats("default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman"); |
||||
t.bullist = ed.getParam("advlist_bullet_styles") || buildFormats("default,circle,disc,square"); |
||||
|
||||
if (tinymce.isIE && /MSIE [2-7]/.test(navigator.userAgent)) |
||||
t.isIE7 = true; |
||||
}, |
||||
|
||||
createControl: function(name, cm) { |
||||
var t = this, btn, format, editor = t.editor; |
||||
|
||||
if (name == 'numlist' || name == 'bullist') { |
||||
// Default to first item if it's a default item
|
||||
if (t[name][0].title == 'advlist.def') |
||||
format = t[name][0]; |
||||
|
||||
function hasFormat(node, format) { |
||||
var state = true; |
||||
|
||||
each(format.styles, function(value, name) { |
||||
// Format doesn't match
|
||||
if (editor.dom.getStyle(node, name) != value) { |
||||
state = false; |
||||
return false; |
||||
} |
||||
}); |
||||
|
||||
return state; |
||||
}; |
||||
|
||||
function applyListFormat() { |
||||
var list, dom = editor.dom, sel = editor.selection; |
||||
|
||||
// Check for existing list element
|
||||
list = dom.getParent(sel.getNode(), 'ol,ul'); |
||||
|
||||
// Switch/add list type if needed
|
||||
if (!list || list.nodeName == (name == 'bullist' ? 'OL' : 'UL') || hasFormat(list, format)) |
||||
editor.execCommand(name == 'bullist' ? 'InsertUnorderedList' : 'InsertOrderedList'); |
||||
|
||||
// Append styles to new list element
|
||||
if (format) { |
||||
list = dom.getParent(sel.getNode(), 'ol,ul'); |
||||
if (list) { |
||||
dom.setStyles(list, format.styles); |
||||
list.removeAttribute('data-mce-style'); |
||||
} |
||||
} |
||||
|
||||
editor.focus(); |
||||
}; |
||||
|
||||
btn = cm.createSplitButton(name, { |
||||
title : 'advanced.' + name + '_desc', |
||||
'class' : 'mce_' + name, |
||||
onclick : function() { |
||||
applyListFormat(); |
||||
} |
||||
}); |
||||
|
||||
btn.onRenderMenu.add(function(btn, menu) { |
||||
menu.onHideMenu.add(function() { |
||||
if (t.bookmark) { |
||||
editor.selection.moveToBookmark(t.bookmark); |
||||
t.bookmark = 0; |
||||
} |
||||
}); |
||||
|
||||
menu.onShowMenu.add(function() { |
||||
var dom = editor.dom, list = dom.getParent(editor.selection.getNode(), 'ol,ul'), fmtList; |
||||
|
||||
if (list || format) { |
||||
fmtList = t[name]; |
||||
|
||||
// Unselect existing items
|
||||
each(menu.items, function(item) { |
||||
var state = true; |
||||
|
||||
item.setSelected(0); |
||||
|
||||
if (list && !item.isDisabled()) { |
||||
each(fmtList, function(fmt) { |
||||
if (fmt.id == item.id) { |
||||
if (!hasFormat(list, fmt)) { |
||||
state = false; |
||||
return false; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
if (state) |
||||
item.setSelected(1); |
||||
} |
||||
}); |
||||
|
||||
// Select the current format
|
||||
if (!list) |
||||
menu.items[format.id].setSelected(1); |
||||
} |
||||
|
||||
editor.focus(); |
||||
|
||||
// IE looses it's selection so store it away and restore it later
|
||||
if (tinymce.isIE) { |
||||
t.bookmark = editor.selection.getBookmark(1); |
||||
} |
||||
}); |
||||
|
||||
menu.add({id : editor.dom.uniqueId(), title : 'advlist.types', 'class' : 'mceMenuItemTitle', titleItem: true}).setDisabled(1); |
||||
|
||||
each(t[name], function(item) { |
||||
// IE<8 doesn't support lower-greek, skip it
|
||||
if (t.isIE7 && item.styles.listStyleType == 'lower-greek') |
||||
return; |
||||
|
||||
item.id = editor.dom.uniqueId(); |
||||
|
||||
menu.add({id : item.id, title : item.title, onclick : function() { |
||||
format = item; |
||||
applyListFormat(); |
||||
}}); |
||||
}); |
||||
}); |
||||
|
||||
return btn; |
||||
} |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Advanced lists', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlist', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advlist', tinymce.plugins.AdvListPlugin); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.AutolinkPlugin",{init:function(a,b){var c=this;a.onKeyDown.addToTop(function(d,f){if(f.keyCode==13){return c.handleEnter(d)}});if(tinyMCE.isIE){return}a.onKeyPress.add(function(d,f){if(f.which==41){return c.handleEclipse(d)}});a.onKeyUp.add(function(d,f){if(f.keyCode==32){return c.handleSpacebar(d)}})},handleEclipse:function(a){this.parseCurrentLine(a,-1,"(",true)},handleSpacebar:function(a){this.parseCurrentLine(a,0,"",true)},handleEnter:function(a){this.parseCurrentLine(a,-1,"",false)},parseCurrentLine:function(i,d,b,g){var a,f,c,n,k,m,h,e,j;a=i.selection.getRng(true).cloneRange();if(a.startOffset<5){e=a.endContainer.previousSibling;if(e==null){if(a.endContainer.firstChild==null||a.endContainer.firstChild.nextSibling==null){return}e=a.endContainer.firstChild.nextSibling}j=e.length;a.setStart(e,j);a.setEnd(e,j);if(a.endOffset<5){return}f=a.endOffset;n=e}else{n=a.endContainer;if(n.nodeType!=3&&n.firstChild){while(n.nodeType!=3&&n.firstChild){n=n.firstChild}if(n.nodeType==3){a.setStart(n,0);a.setEnd(n,n.nodeValue.length)}}if(a.endOffset==1){f=2}else{f=a.endOffset-1-d}}c=f;do{a.setStart(n,f-2);a.setEnd(n,f-1);f-=1}while(a.toString()!=" "&&a.toString()!=""&&a.toString().charCodeAt(0)!=160&&(f-2)>=0&&a.toString()!=b);if(a.toString()==b||a.toString().charCodeAt(0)==160){a.setStart(n,f);a.setEnd(n,c);f+=1}else{if(a.startOffset==0){a.setStart(n,0);a.setEnd(n,c)}else{a.setStart(n,f);a.setEnd(n,c)}}var m=a.toString();if(m.charAt(m.length-1)=="."){a.setEnd(n,c-1)}m=a.toString();h=m.match(/^(https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.|(?:mailto:)?[A-Z0-9._%+-]+@)(.+)$/i);if(h){if(h[1]=="www."){h[1]="http://www."}else{if(/@$/.test(h[1])&&!/^mailto:/.test(h[1])){h[1]="mailto:"+h[1]}}k=i.selection.getBookmark();i.selection.setRng(a);tinyMCE.execCommand("createlink",false,h[1]+h[2]);i.selection.moveToBookmark(k);i.nodeChanged();if(tinyMCE.isWebKit){i.selection.collapse(false);var l=Math.min(n.length,c+1);a.setStart(n,l);a.setEnd(n,l);i.selection.setRng(a)}}},getInfo:function(){return{longname:"Autolink",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autolink",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("autolink",tinymce.plugins.AutolinkPlugin)})(); |
@ -0,0 +1,184 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2011, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.AutolinkPlugin', { |
||||
/** |
||||
* Initializes the plugin, this will be executed after the plugin has been created. |
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event |
||||
* of the editor instance to intercept that event. |
||||
* |
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
||||
* @param {string} url Absolute URL to where the plugin is located. |
||||
*/ |
||||
|
||||
init : function(ed, url) { |
||||
var t = this; |
||||
|
||||
// Add a key down handler
|
||||
ed.onKeyDown.addToTop(function(ed, e) { |
||||
if (e.keyCode == 13) |
||||
return t.handleEnter(ed); |
||||
}); |
||||
|
||||
// Internet Explorer has built-in automatic linking for most cases
|
||||
if (tinyMCE.isIE) |
||||
return; |
||||
|
||||
ed.onKeyPress.add(function(ed, e) { |
||||
if (e.which == 41) |
||||
return t.handleEclipse(ed); |
||||
}); |
||||
|
||||
// Add a key up handler
|
||||
ed.onKeyUp.add(function(ed, e) { |
||||
if (e.keyCode == 32) |
||||
return t.handleSpacebar(ed); |
||||
}); |
||||
}, |
||||
|
||||
handleEclipse : function(ed) { |
||||
this.parseCurrentLine(ed, -1, '(', true); |
||||
}, |
||||
|
||||
handleSpacebar : function(ed) { |
||||
this.parseCurrentLine(ed, 0, '', true); |
||||
}, |
||||
|
||||
handleEnter : function(ed) { |
||||
this.parseCurrentLine(ed, -1, '', false); |
||||
}, |
||||
|
||||
parseCurrentLine : function(ed, end_offset, delimiter, goback) { |
||||
var r, end, start, endContainer, bookmark, text, matches, prev, len; |
||||
|
||||
// We need at least five characters to form a URL,
|
||||
// hence, at minimum, five characters from the beginning of the line.
|
||||
r = ed.selection.getRng(true).cloneRange(); |
||||
if (r.startOffset < 5) { |
||||
// During testing, the caret is placed inbetween two text nodes.
|
||||
// The previous text node contains the URL.
|
||||
prev = r.endContainer.previousSibling; |
||||
if (prev == null) { |
||||
if (r.endContainer.firstChild == null || r.endContainer.firstChild.nextSibling == null) |
||||
return; |
||||
|
||||
prev = r.endContainer.firstChild.nextSibling; |
||||
} |
||||
len = prev.length; |
||||
r.setStart(prev, len); |
||||
r.setEnd(prev, len); |
||||
|
||||
if (r.endOffset < 5) |
||||
return; |
||||
|
||||
end = r.endOffset; |
||||
endContainer = prev; |
||||
} else { |
||||
endContainer = r.endContainer; |
||||
|
||||
// Get a text node
|
||||
if (endContainer.nodeType != 3 && endContainer.firstChild) { |
||||
while (endContainer.nodeType != 3 && endContainer.firstChild) |
||||
endContainer = endContainer.firstChild; |
||||
|
||||
// Move range to text node
|
||||
if (endContainer.nodeType == 3) { |
||||
r.setStart(endContainer, 0); |
||||
r.setEnd(endContainer, endContainer.nodeValue.length); |
||||
} |
||||
} |
||||
|
||||
if (r.endOffset == 1) |
||||
end = 2; |
||||
else |
||||
end = r.endOffset - 1 - end_offset; |
||||
} |
||||
|
||||
start = end; |
||||
|
||||
do |
||||
{ |
||||
// Move the selection one character backwards.
|
||||
r.setStart(endContainer, end - 2); |
||||
r.setEnd(endContainer, end - 1); |
||||
end -= 1; |
||||
|
||||
// Loop until one of the following is found: a blank space, , delimeter, (end-2) >= 0
|
||||
} while (r.toString() != ' ' && r.toString() != '' && r.toString().charCodeAt(0) != 160 && (end -2) >= 0 && r.toString() != delimiter); |
||||
|
||||
if (r.toString() == delimiter || r.toString().charCodeAt(0) == 160) { |
||||
r.setStart(endContainer, end); |
||||
r.setEnd(endContainer, start); |
||||
end += 1; |
||||
} else if (r.startOffset == 0) { |
||||
r.setStart(endContainer, 0); |
||||
r.setEnd(endContainer, start); |
||||
} |
||||
else { |
||||
r.setStart(endContainer, end); |
||||
r.setEnd(endContainer, start); |
||||
} |
||||
|
||||
// Exclude last . from word like "www.site.com."
|
||||
var text = r.toString(); |
||||
if (text.charAt(text.length - 1) == '.') { |
||||
r.setEnd(endContainer, start - 1); |
||||
} |
||||
|
||||
text = r.toString(); |
||||
matches = text.match(/^(https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.|(?:mailto:)?[A-Z0-9._%+-]+@)(.+)$/i); |
||||
|
||||
if (matches) { |
||||
if (matches[1] == 'www.') { |
||||
matches[1] = 'http://www.'; |
||||
} else if (/@$/.test(matches[1]) && !/^mailto:/.test(matches[1])) { |
||||
matches[1] = 'mailto:' + matches[1]; |
||||
} |
||||
|
||||
bookmark = ed.selection.getBookmark(); |
||||
|
||||
ed.selection.setRng(r); |
||||
tinyMCE.execCommand('createlink',false, matches[1] + matches[2]); |
||||
ed.selection.moveToBookmark(bookmark); |
||||
ed.nodeChanged(); |
||||
|
||||
// TODO: Determine if this is still needed.
|
||||
if (tinyMCE.isWebKit) { |
||||
// move the caret to its original position
|
||||
ed.selection.collapse(false); |
||||
var max = Math.min(endContainer.length, start + 1); |
||||
r.setStart(endContainer, max); |
||||
r.setEnd(endContainer, max); |
||||
ed.selection.setRng(r); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
/** |
||||
* Returns information about the plugin as a name/value array. |
||||
* The current keys are longname, author, authorurl, infourl and version. |
||||
* |
||||
* @return {Object} Name/value array containing information about the plugin. |
||||
*/ |
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Autolink', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autolink', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('autolink', tinymce.plugins.AutolinkPlugin); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.AutoResizePlugin",{init:function(a,c){var d=this,e=0;if(a.getParam("fullscreen_is_enabled")){return}function b(){var j,i=a.getDoc(),f=i.body,l=i.documentElement,h=tinymce.DOM,k=d.autoresize_min_height,g;g=tinymce.isIE?f.scrollHeight:(tinymce.isWebKit&&f.clientHeight==0?0:f.offsetHeight);if(g>d.autoresize_min_height){k=g}if(d.autoresize_max_height&&g>d.autoresize_max_height){k=d.autoresize_max_height;f.style.overflowY="auto";l.style.overflowY="auto"}else{f.style.overflowY="hidden";l.style.overflowY="hidden";f.scrollTop=0}if(k!==e){j=k-e;h.setStyle(h.get(a.id+"_ifr"),"height",k+"px");e=k;if(tinymce.isWebKit&&j<0){b()}}}d.editor=a;d.autoresize_min_height=parseInt(a.getParam("autoresize_min_height",a.getElement().offsetHeight));d.autoresize_max_height=parseInt(a.getParam("autoresize_max_height",0));a.onInit.add(function(f){f.dom.setStyle(f.getBody(),"paddingBottom",f.getParam("autoresize_bottom_margin",50)+"px")});a.onChange.add(b);a.onSetContent.add(b);a.onPaste.add(b);a.onKeyUp.add(b);a.onPostRender.add(b);if(a.getParam("autoresize_on_init",true)){a.onLoad.add(b);a.onLoadContent.add(b)}a.addCommand("mceAutoResize",b)},getInfo:function(){return{longname:"Auto Resize",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("autoresize",tinymce.plugins.AutoResizePlugin)})(); |
@ -0,0 +1,119 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
/** |
||||
* Auto Resize |
||||
* |
||||
* This plugin automatically resizes the content area to fit its content height. |
||||
* It will retain a minimum height, which is the height of the content area when |
||||
* it's initialized. |
||||
*/ |
||||
tinymce.create('tinymce.plugins.AutoResizePlugin', { |
||||
/** |
||||
* Initializes the plugin, this will be executed after the plugin has been created. |
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event |
||||
* of the editor instance to intercept that event. |
||||
* |
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
||||
* @param {string} url Absolute URL to where the plugin is located. |
||||
*/ |
||||
init : function(ed, url) { |
||||
var t = this, oldSize = 0; |
||||
|
||||
if (ed.getParam('fullscreen_is_enabled')) |
||||
return; |
||||
|
||||
/** |
||||
* This method gets executed each time the editor needs to resize. |
||||
*/ |
||||
function resize() { |
||||
var deltaSize, d = ed.getDoc(), body = d.body, de = d.documentElement, DOM = tinymce.DOM, resizeHeight = t.autoresize_min_height, myHeight; |
||||
|
||||
// Get height differently depending on the browser used
|
||||
myHeight = tinymce.isIE ? body.scrollHeight : (tinymce.isWebKit && body.clientHeight == 0 ? 0 : body.offsetHeight); |
||||
|
||||
// Don't make it smaller than the minimum height
|
||||
if (myHeight > t.autoresize_min_height) |
||||
resizeHeight = myHeight; |
||||
|
||||
// If a maximum height has been defined don't exceed this height
|
||||
if (t.autoresize_max_height && myHeight > t.autoresize_max_height) { |
||||
resizeHeight = t.autoresize_max_height; |
||||
body.style.overflowY = "auto"; |
||||
de.style.overflowY = "auto"; // Old IE
|
||||
} else { |
||||
body.style.overflowY = "hidden"; |
||||
de.style.overflowY = "hidden"; // Old IE
|
||||
body.scrollTop = 0; |
||||
} |
||||
|
||||
// Resize content element
|
||||
if (resizeHeight !== oldSize) { |
||||
deltaSize = resizeHeight - oldSize; |
||||
DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px'); |
||||
oldSize = resizeHeight; |
||||
|
||||
// WebKit doesn't decrease the size of the body element until the iframe gets resized
|
||||
// So we need to continue to resize the iframe down until the size gets fixed
|
||||
if (tinymce.isWebKit && deltaSize < 0) |
||||
resize(); |
||||
} |
||||
}; |
||||
|
||||
t.editor = ed; |
||||
|
||||
// Define minimum height
|
||||
t.autoresize_min_height = parseInt(ed.getParam('autoresize_min_height', ed.getElement().offsetHeight)); |
||||
|
||||
// Define maximum height
|
||||
t.autoresize_max_height = parseInt(ed.getParam('autoresize_max_height', 0)); |
||||
|
||||
// Add padding at the bottom for better UX
|
||||
ed.onInit.add(function(ed){ |
||||
ed.dom.setStyle(ed.getBody(), 'paddingBottom', ed.getParam('autoresize_bottom_margin', 50) + 'px'); |
||||
}); |
||||
|
||||
// Add appropriate listeners for resizing content area
|
||||
ed.onChange.add(resize); |
||||
ed.onSetContent.add(resize); |
||||
ed.onPaste.add(resize); |
||||
ed.onKeyUp.add(resize); |
||||
ed.onPostRender.add(resize); |
||||
|
||||
if (ed.getParam('autoresize_on_init', true)) { |
||||
ed.onLoad.add(resize); |
||||
ed.onLoadContent.add(resize); |
||||
} |
||||
|
||||
// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
|
||||
ed.addCommand('mceAutoResize', resize); |
||||
}, |
||||
|
||||
/** |
||||
* Returns information about the plugin as a name/value array. |
||||
* The current keys are longname, author, authorurl, infourl and version. |
||||
* |
||||
* @return {Object} Name/value array containing information about the plugin. |
||||
*/ |
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Auto Resize', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('autoresize', tinymce.plugins.AutoResizePlugin); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(e){var c="autosave",g="restoredraft",b=true,f,d,a=e.util.Dispatcher;e.create("tinymce.plugins.AutoSave",{init:function(i,j){var h=this,l=i.settings;h.editor=i;function k(n){var m={s:1000,m:60000};n=/^(\d+)([ms]?)$/.exec(""+n);return(n[2]?m[n[2]]:1)*parseInt(n)}e.each({ask_before_unload:b,interval:"30s",retention:"20m",minlength:50},function(n,m){m=c+"_"+m;if(l[m]===f){l[m]=n}});l.autosave_interval=k(l.autosave_interval);l.autosave_retention=k(l.autosave_retention);i.addButton(g,{title:c+".restore_content",onclick:function(){if(i.getContent({draft:true}).replace(/\s| |<\/?p[^>]*>|<br[^>]*>/gi,"").length>0){i.windowManager.confirm(c+".warning_message",function(m){if(m){h.restoreDraft()}})}else{h.restoreDraft()}}});i.onNodeChange.add(function(){var m=i.controlManager;if(m.get(g)){m.setDisabled(g,!h.hasDraft())}});i.onInit.add(function(){if(i.controlManager.get(g)){h.setupStorage(i);setInterval(function(){if(!i.removed){h.storeDraft();i.nodeChanged()}},l.autosave_interval)}});h.onStoreDraft=new a(h);h.onRestoreDraft=new a(h);h.onRemoveDraft=new a(h);if(!d){window.onbeforeunload=e.plugins.AutoSave._beforeUnloadHandler;d=b}},getInfo:function(){return{longname:"Auto save",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autosave",version:e.majorVersion+"."+e.minorVersion}},getExpDate:function(){return new Date(new Date().getTime()+this.editor.settings.autosave_retention).toUTCString()},setupStorage:function(i){var h=this,k=c+"_test",j="OK";h.key=c+i.id;e.each([function(){if(localStorage){localStorage.setItem(k,j);if(localStorage.getItem(k)===j){localStorage.removeItem(k);return localStorage}}},function(){if(sessionStorage){sessionStorage.setItem(k,j);if(sessionStorage.getItem(k)===j){sessionStorage.removeItem(k);return sessionStorage}}},function(){if(e.isIE){i.getElement().style.behavior="url('#default#userData')";return{autoExpires:b,setItem:function(l,n){var m=i.getElement();m.setAttribute(l,n);m.expires=h.getExpDate();try{m.save("TinyMCE")}catch(o){}},getItem:function(l){var m=i.getElement();try{m.load("TinyMCE");return m.getAttribute(l)}catch(n){return null}},removeItem:function(l){i.getElement().removeAttribute(l)}}}},],function(l){try{h.storage=l();if(h.storage){return false}}catch(m){}})},storeDraft:function(){var i=this,l=i.storage,j=i.editor,h,k;if(l){if(!l.getItem(i.key)&&!j.isDirty()){return}k=j.getContent({draft:true});if(k.length>j.settings.autosave_minlength){h=i.getExpDate();if(!i.storage.autoExpires){i.storage.setItem(i.key+"_expires",h)}i.storage.setItem(i.key,k);i.onStoreDraft.dispatch(i,{expires:h,content:k})}}},restoreDraft:function(){var h=this,j=h.storage,i;if(j){i=j.getItem(h.key);if(i){h.editor.setContent(i);h.onRestoreDraft.dispatch(h,{content:i})}}},hasDraft:function(){var h=this,k=h.storage,i,j;if(k){j=!!k.getItem(h.key);if(j){if(!h.storage.autoExpires){i=new Date(k.getItem(h.key+"_expires"));if(new Date().getTime()<i.getTime()){return b}h.removeDraft()}else{return b}}}return false},removeDraft:function(){var h=this,k=h.storage,i=h.key,j;if(k){j=k.getItem(i);k.removeItem(i);k.removeItem(i+"_expires");if(j){h.onRemoveDraft.dispatch(h,{content:j})}}},"static":{_beforeUnloadHandler:function(h){var i;e.each(tinyMCE.editors,function(j){if(j.plugins.autosave){j.plugins.autosave.storeDraft()}if(j.getParam("fullscreen_is_enabled")){return}if(!i&&j.isDirty()&&j.getParam("autosave_ask_before_unload")){i=j.getLang("autosave.unload_msg")}});return i}}});e.PluginManager.add("autosave",e.plugins.AutoSave)})(tinymce); |
@ -0,0 +1,433 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
* |
||||
* Adds auto-save capability to the TinyMCE text editor to rescue content |
||||
* inadvertently lost. This plugin was originally developed by Speednet |
||||
* and that project can be found here: http://code.google.com/p/tinyautosave/
|
||||
* |
||||
* TECHNOLOGY DISCUSSION: |
||||
*
|
||||
* The plugin attempts to use the most advanced features available in the current browser to save |
||||
* as much content as possible. There are a total of four different methods used to autosave the |
||||
* content. In order of preference, they are: |
||||
*
|
||||
* 1. localStorage - A new feature of HTML 5, localStorage can store megabytes of data per domain |
||||
* on the client computer. Data stored in the localStorage area has no expiration date, so we must |
||||
* manage expiring the data ourselves. localStorage is fully supported by IE8, and it is supposed |
||||
* to be working in Firefox 3 and Safari 3.2, but in reality is is flaky in those browsers. As |
||||
* HTML 5 gets wider support, the AutoSave plugin will use it automatically. In Windows Vista/7, |
||||
* localStorage is stored in the following folder: |
||||
* C:\Users\[username]\AppData\Local\Microsoft\Internet Explorer\DOMStore\[tempFolder] |
||||
*
|
||||
* 2. sessionStorage - A new feature of HTML 5, sessionStorage works similarly to localStorage, |
||||
* except it is designed to expire after a certain amount of time. Because the specification |
||||
* around expiration date/time is very loosely-described, it is preferrable to use locaStorage and |
||||
* manage the expiration ourselves. sessionStorage has similar storage characteristics to |
||||
* localStorage, although it seems to have better support by Firefox 3 at the moment. (That will |
||||
* certainly change as Firefox continues getting better at HTML 5 adoption.) |
||||
*
|
||||
* 3. UserData - A very under-exploited feature of Microsoft Internet Explorer, UserData is a |
||||
* way to store up to 128K of data per "document", or up to 1MB of data per domain, on the client |
||||
* computer. The feature is available for IE 5+, which makes it available for every version of IE |
||||
* supported by TinyMCE. The content is persistent across browser restarts and expires on the |
||||
* date/time specified, just like a cookie. However, the data is not cleared when the user clears |
||||
* cookies on the browser, which makes it well-suited for rescuing autosaved content. UserData, |
||||
* like other Microsoft IE browser technologies, is implemented as a behavior attached to a |
||||
* specific DOM object, so in this case we attach the behavior to the same DOM element that the |
||||
* TinyMCE editor instance is attached to. |
||||
*/ |
||||
|
||||
(function(tinymce) { |
||||
// Setup constants to help the compressor to reduce script size
|
||||
var PLUGIN_NAME = 'autosave', |
||||
RESTORE_DRAFT = 'restoredraft', |
||||
TRUE = true, |
||||
undefined, |
||||
unloadHandlerAdded, |
||||
Dispatcher = tinymce.util.Dispatcher; |
||||
|
||||
/** |
||||
* This plugin adds auto-save capability to the TinyMCE text editor to rescue content |
||||
* inadvertently lost. By using localStorage. |
||||
* |
||||
* @class tinymce.plugins.AutoSave |
||||
*/ |
||||
tinymce.create('tinymce.plugins.AutoSave', { |
||||
/** |
||||
* Initializes the plugin, this will be executed after the plugin has been created. |
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event |
||||
* of the editor instance to intercept that event. |
||||
* |
||||
* @method init |
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
||||
* @param {string} url Absolute URL to where the plugin is located. |
||||
*/ |
||||
init : function(ed, url) { |
||||
var self = this, settings = ed.settings; |
||||
|
||||
self.editor = ed; |
||||
|
||||
// Parses the specified time string into a milisecond number 10m, 10s etc.
|
||||
function parseTime(time) { |
||||
var multipels = { |
||||
s : 1000, |
||||
m : 60000 |
||||
}; |
||||
|
||||
time = /^(\d+)([ms]?)$/.exec('' + time); |
||||
|
||||
return (time[2] ? multipels[time[2]] : 1) * parseInt(time); |
||||
}; |
||||
|
||||
// Default config
|
||||
tinymce.each({ |
||||
ask_before_unload : TRUE, |
||||
interval : '30s', |
||||
retention : '20m', |
||||
minlength : 50 |
||||
}, function(value, key) { |
||||
key = PLUGIN_NAME + '_' + key; |
||||
|
||||
if (settings[key] === undefined) |
||||
settings[key] = value; |
||||
}); |
||||
|
||||
// Parse times
|
||||
settings.autosave_interval = parseTime(settings.autosave_interval); |
||||
settings.autosave_retention = parseTime(settings.autosave_retention); |
||||
|
||||
// Register restore button
|
||||
ed.addButton(RESTORE_DRAFT, { |
||||
title : PLUGIN_NAME + ".restore_content", |
||||
onclick : function() { |
||||
if (ed.getContent({draft: true}).replace(/\s| |<\/?p[^>]*>|<br[^>]*>/gi, "").length > 0) { |
||||
// Show confirm dialog if the editor isn't empty
|
||||
ed.windowManager.confirm( |
||||
PLUGIN_NAME + ".warning_message", |
||||
function(ok) { |
||||
if (ok) |
||||
self.restoreDraft(); |
||||
} |
||||
); |
||||
} else |
||||
self.restoreDraft(); |
||||
} |
||||
}); |
||||
|
||||
// Enable/disable restoredraft button depending on if there is a draft stored or not
|
||||
ed.onNodeChange.add(function() { |
||||
var controlManager = ed.controlManager; |
||||
|
||||
if (controlManager.get(RESTORE_DRAFT)) |
||||
controlManager.setDisabled(RESTORE_DRAFT, !self.hasDraft()); |
||||
}); |
||||
|
||||
ed.onInit.add(function() { |
||||
// Check if the user added the restore button, then setup auto storage logic
|
||||
if (ed.controlManager.get(RESTORE_DRAFT)) { |
||||
// Setup storage engine
|
||||
self.setupStorage(ed); |
||||
|
||||
// Auto save contents each interval time
|
||||
setInterval(function() { |
||||
if (!ed.removed) { |
||||
self.storeDraft(); |
||||
ed.nodeChanged(); |
||||
} |
||||
}, settings.autosave_interval); |
||||
} |
||||
}); |
||||
|
||||
/** |
||||
* This event gets fired when a draft is stored to local storage. |
||||
* |
||||
* @event onStoreDraft |
||||
* @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event. |
||||
* @param {Object} draft Draft object containing the HTML contents of the editor. |
||||
*/ |
||||
self.onStoreDraft = new Dispatcher(self); |
||||
|
||||
/** |
||||
* This event gets fired when a draft is restored from local storage. |
||||
* |
||||
* @event onStoreDraft |
||||
* @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event. |
||||
* @param {Object} draft Draft object containing the HTML contents of the editor. |
||||
*/ |
||||
self.onRestoreDraft = new Dispatcher(self); |
||||
|
||||
/** |
||||
* This event gets fired when a draft removed/expired. |
||||
* |
||||
* @event onRemoveDraft |
||||
* @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event. |
||||
* @param {Object} draft Draft object containing the HTML contents of the editor. |
||||
*/ |
||||
self.onRemoveDraft = new Dispatcher(self); |
||||
|
||||
// Add ask before unload dialog only add one unload handler
|
||||
if (!unloadHandlerAdded) { |
||||
window.onbeforeunload = tinymce.plugins.AutoSave._beforeUnloadHandler; |
||||
unloadHandlerAdded = TRUE; |
||||
} |
||||
}, |
||||
|
||||
/** |
||||
* Returns information about the plugin as a name/value array. |
||||
* The current keys are longname, author, authorurl, infourl and version. |
||||
* |
||||
* @method getInfo |
||||
* @return {Object} Name/value array containing information about the plugin. |
||||
*/ |
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Auto save', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autosave', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
/** |
||||
* Returns an expiration date UTC string. |
||||
* |
||||
* @method getExpDate |
||||
* @return {String} Expiration date UTC string. |
||||
*/ |
||||
getExpDate : function() { |
||||
return new Date( |
||||
new Date().getTime() + this.editor.settings.autosave_retention |
||||
).toUTCString(); |
||||
}, |
||||
|
||||
/** |
||||
* This method will setup the storage engine. If the browser has support for it. |
||||
* |
||||
* @method setupStorage |
||||
*/ |
||||
setupStorage : function(ed) { |
||||
var self = this, testKey = PLUGIN_NAME + '_test', testVal = "OK"; |
||||
|
||||
self.key = PLUGIN_NAME + ed.id; |
||||
|
||||
// Loop though each storage engine type until we find one that works
|
||||
tinymce.each([ |
||||
function() { |
||||
// Try HTML5 Local Storage
|
||||
if (localStorage) { |
||||
localStorage.setItem(testKey, testVal); |
||||
|
||||
if (localStorage.getItem(testKey) === testVal) { |
||||
localStorage.removeItem(testKey); |
||||
|
||||
return localStorage; |
||||
} |
||||
} |
||||
}, |
||||
|
||||
function() { |
||||
// Try HTML5 Session Storage
|
||||
if (sessionStorage) { |
||||
sessionStorage.setItem(testKey, testVal); |
||||
|
||||
if (sessionStorage.getItem(testKey) === testVal) { |
||||
sessionStorage.removeItem(testKey); |
||||
|
||||
return sessionStorage; |
||||
} |
||||
} |
||||
}, |
||||
|
||||
function() { |
||||
// Try IE userData
|
||||
if (tinymce.isIE) { |
||||
ed.getElement().style.behavior = "url('#default#userData')"; |
||||
|
||||
// Fake localStorage on old IE
|
||||
return { |
||||
autoExpires : TRUE, |
||||
|
||||
setItem : function(key, value) { |
||||
var userDataElement = ed.getElement(); |
||||
|
||||
userDataElement.setAttribute(key, value); |
||||
userDataElement.expires = self.getExpDate(); |
||||
|
||||
try { |
||||
userDataElement.save("TinyMCE"); |
||||
} catch (e) { |
||||
// Ignore, saving might fail if "Userdata Persistence" is disabled in IE
|
||||
} |
||||
}, |
||||
|
||||
getItem : function(key) { |
||||
var userDataElement = ed.getElement(); |
||||
|
||||
try { |
||||
userDataElement.load("TinyMCE"); |
||||
return userDataElement.getAttribute(key); |
||||
} catch (e) { |
||||
// Ignore, loading might fail if "Userdata Persistence" is disabled in IE
|
||||
return null; |
||||
} |
||||
}, |
||||
|
||||
removeItem : function(key) { |
||||
ed.getElement().removeAttribute(key); |
||||
} |
||||
}; |
||||
} |
||||
}, |
||||
], function(setup) { |
||||
// Try executing each function to find a suitable storage engine
|
||||
try { |
||||
self.storage = setup(); |
||||
|
||||
if (self.storage) |
||||
return false; |
||||
} catch (e) { |
||||
// Ignore
|
||||
} |
||||
}); |
||||
}, |
||||
|
||||
/** |
||||
* This method will store the current contents in the the storage engine. |
||||
* |
||||
* @method storeDraft |
||||
*/ |
||||
storeDraft : function() { |
||||
var self = this, storage = self.storage, editor = self.editor, expires, content; |
||||
|
||||
// Is the contents dirty
|
||||
if (storage) { |
||||
// If there is no existing key and the contents hasn't been changed since
|
||||
// it's original value then there is no point in saving a draft
|
||||
if (!storage.getItem(self.key) && !editor.isDirty()) |
||||
return; |
||||
|
||||
// Store contents if the contents if longer than the minlength of characters
|
||||
content = editor.getContent({draft: true}); |
||||
if (content.length > editor.settings.autosave_minlength) { |
||||
expires = self.getExpDate(); |
||||
|
||||
// Store expiration date if needed IE userData has auto expire built in
|
||||
if (!self.storage.autoExpires) |
||||
self.storage.setItem(self.key + "_expires", expires); |
||||
|
||||
self.storage.setItem(self.key, content); |
||||
self.onStoreDraft.dispatch(self, { |
||||
expires : expires, |
||||
content : content |
||||
}); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
/** |
||||
* This method will restore the contents from the storage engine back to the editor. |
||||
* |
||||
* @method restoreDraft |
||||
*/ |
||||
restoreDraft : function() { |
||||
var self = this, storage = self.storage, content; |
||||
|
||||
if (storage) { |
||||
content = storage.getItem(self.key); |
||||
|
||||
if (content) { |
||||
self.editor.setContent(content); |
||||
self.onRestoreDraft.dispatch(self, { |
||||
content : content |
||||
}); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
/** |
||||
* This method will return true/false if there is a local storage draft available. |
||||
* |
||||
* @method hasDraft |
||||
* @return {boolean} true/false state if there is a local draft. |
||||
*/ |
||||
hasDraft : function() { |
||||
var self = this, storage = self.storage, expDate, exists; |
||||
|
||||
if (storage) { |
||||
// Does the item exist at all
|
||||
exists = !!storage.getItem(self.key); |
||||
if (exists) { |
||||
// Storage needs autoexpire
|
||||
if (!self.storage.autoExpires) { |
||||
expDate = new Date(storage.getItem(self.key + "_expires")); |
||||
|
||||
// Contents hasn't expired
|
||||
if (new Date().getTime() < expDate.getTime()) |
||||
return TRUE; |
||||
|
||||
// Remove it if it has
|
||||
self.removeDraft(); |
||||
} else |
||||
return TRUE; |
||||
} |
||||
} |
||||
|
||||
return false; |
||||
}, |
||||
|
||||
/** |
||||
* Removes the currently stored draft. |
||||
* |
||||
* @method removeDraft |
||||
*/ |
||||
removeDraft : function() { |
||||
var self = this, storage = self.storage, key = self.key, content; |
||||
|
||||
if (storage) { |
||||
// Get current contents and remove the existing draft
|
||||
content = storage.getItem(key); |
||||
storage.removeItem(key); |
||||
storage.removeItem(key + "_expires"); |
||||
|
||||
// Dispatch remove event if we had any contents
|
||||
if (content) { |
||||
self.onRemoveDraft.dispatch(self, { |
||||
content : content |
||||
}); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
"static" : { |
||||
// Internal unload handler will be called before the page is unloaded
|
||||
_beforeUnloadHandler : function(e) { |
||||
var msg; |
||||
|
||||
tinymce.each(tinyMCE.editors, function(ed) { |
||||
// Store a draft for each editor instance
|
||||
if (ed.plugins.autosave) |
||||
ed.plugins.autosave.storeDraft(); |
||||
|
||||
// Never ask in fullscreen mode
|
||||
if (ed.getParam("fullscreen_is_enabled")) |
||||
return; |
||||
|
||||
// Setup a return message if the editor is dirty
|
||||
if (!msg && ed.isDirty() && ed.getParam("autosave_ask_before_unload")) |
||||
msg = ed.getLang("autosave.unload_msg"); |
||||
}); |
||||
|
||||
return msg; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
tinymce.PluginManager.add('autosave', tinymce.plugins.AutoSave); |
||||
})(tinymce); |
@ -0,0 +1,4 @@ |
||||
tinyMCE.addI18n('en.autosave',{ |
||||
restore_content: "Restore auto-saved content", |
||||
warning_message: "If you restore the saved content, you will lose all the content that is currently in the editor.\n\nAre you sure you want to restore the saved content?" |
||||
}); |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.BBCodePlugin",{init:function(a,b){var d=this,c=a.getParam("bbcode_dialect","punbb").toLowerCase();a.onBeforeSetContent.add(function(e,f){f.content=d["_"+c+"_bbcode2html"](f.content)});a.onPostProcess.add(function(e,f){if(f.set){f.content=d["_"+c+"_bbcode2html"](f.content)}if(f.get){f.content=d["_"+c+"_html2bbcode"](f.content)}})},getInfo:function(){return{longname:"BBCode Plugin",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_punbb_html2bbcode:function(a){a=tinymce.trim(a);function b(c,d){a=a.replace(c,d)}b(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");b(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");b(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");b(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");b(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");b(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");b(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]");b(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");b(/<font>(.*?)<\/font>/gi,"$1");b(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");b(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]");b(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]");b(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]");b(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]");b(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]");b(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]");b(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]");b(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]");b(/<\/(strong|b)>/gi,"[/b]");b(/<(strong|b)>/gi,"[b]");b(/<\/(em|i)>/gi,"[/i]");b(/<(em|i)>/gi,"[i]");b(/<\/u>/gi,"[/u]");b(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");b(/<u>/gi,"[u]");b(/<blockquote[^>]*>/gi,"[quote]");b(/<\/blockquote>/gi,"[/quote]");b(/<br \/>/gi,"\n");b(/<br\/>/gi,"\n");b(/<br>/gi,"\n");b(/<p>/gi,"");b(/<\/p>/gi,"\n");b(/ |\u00a0/gi," ");b(/"/gi,'"');b(/</gi,"<");b(/>/gi,">");b(/&/gi,"&");return a},_punbb_bbcode2html:function(a){a=tinymce.trim(a);function b(c,d){a=a.replace(c,d)}b(/\n/gi,"<br />");b(/\[b\]/gi,"<strong>");b(/\[\/b\]/gi,"</strong>");b(/\[i\]/gi,"<em>");b(/\[\/i\]/gi,"</em>");b(/\[u\]/gi,"<u>");b(/\[\/u\]/gi,"</u>");b(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>');b(/\[url\](.*?)\[\/url\]/gi,'<a href="$1">$1</a>');b(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />');b(/\[color=(.*?)\](.*?)\[\/color\]/gi,'<font color="$1">$2</font>');b(/\[code\](.*?)\[\/code\]/gi,'<span class="codeStyle">$1</span> ');b(/\[quote.*?\](.*?)\[\/quote\]/gi,'<span class="quoteStyle">$1</span> ');return a}});tinymce.PluginManager.add("bbcode",tinymce.plugins.BBCodePlugin)})(); |
@ -0,0 +1,120 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.BBCodePlugin', { |
||||
init : function(ed, url) { |
||||
var t = this, dialect = ed.getParam('bbcode_dialect', 'punbb').toLowerCase(); |
||||
|
||||
ed.onBeforeSetContent.add(function(ed, o) { |
||||
o.content = t['_' + dialect + '_bbcode2html'](o.content); |
||||
}); |
||||
|
||||
ed.onPostProcess.add(function(ed, o) { |
||||
if (o.set) |
||||
o.content = t['_' + dialect + '_bbcode2html'](o.content); |
||||
|
||||
if (o.get) |
||||
o.content = t['_' + dialect + '_html2bbcode'](o.content); |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'BBCode Plugin', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
// Private methods
|
||||
|
||||
// HTML -> BBCode in PunBB dialect
|
||||
_punbb_html2bbcode : function(s) { |
||||
s = tinymce.trim(s); |
||||
|
||||
function rep(re, str) { |
||||
s = s.replace(re, str); |
||||
}; |
||||
|
||||
// example: <strong> to [b]
|
||||
rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]"); |
||||
rep(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]"); |
||||
rep(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]"); |
||||
rep(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]"); |
||||
rep(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]"); |
||||
rep(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]"); |
||||
rep(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]"); |
||||
rep(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]"); |
||||
rep(/<font>(.*?)<\/font>/gi,"$1"); |
||||
rep(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]"); |
||||
rep(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]"); |
||||
rep(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]"); |
||||
rep(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]"); |
||||
rep(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]"); |
||||
rep(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]"); |
||||
rep(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]"); |
||||
rep(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]"); |
||||
rep(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]"); |
||||
rep(/<\/(strong|b)>/gi,"[/b]"); |
||||
rep(/<(strong|b)>/gi,"[b]"); |
||||
rep(/<\/(em|i)>/gi,"[/i]"); |
||||
rep(/<(em|i)>/gi,"[i]"); |
||||
rep(/<\/u>/gi,"[/u]"); |
||||
rep(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]"); |
||||
rep(/<u>/gi,"[u]"); |
||||
rep(/<blockquote[^>]*>/gi,"[quote]"); |
||||
rep(/<\/blockquote>/gi,"[/quote]"); |
||||
rep(/<br \/>/gi,"\n"); |
||||
rep(/<br\/>/gi,"\n"); |
||||
rep(/<br>/gi,"\n"); |
||||
rep(/<p>/gi,""); |
||||
rep(/<\/p>/gi,"\n"); |
||||
rep(/ |\u00a0/gi," "); |
||||
rep(/"/gi,"\""); |
||||
rep(/</gi,"<"); |
||||
rep(/>/gi,">"); |
||||
rep(/&/gi,"&"); |
||||
|
||||
return s;
|
||||
}, |
||||
|
||||
// BBCode -> HTML from PunBB dialect
|
||||
_punbb_bbcode2html : function(s) { |
||||
s = tinymce.trim(s); |
||||
|
||||
function rep(re, str) { |
||||
s = s.replace(re, str); |
||||
}; |
||||
|
||||
// example: [b] to <strong>
|
||||
rep(/\n/gi,"<br />"); |
||||
rep(/\[b\]/gi,"<strong>"); |
||||
rep(/\[\/b\]/gi,"</strong>"); |
||||
rep(/\[i\]/gi,"<em>"); |
||||
rep(/\[\/i\]/gi,"</em>"); |
||||
rep(/\[u\]/gi,"<u>"); |
||||
rep(/\[\/u\]/gi,"</u>"); |
||||
rep(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,"<a href=\"$1\">$2</a>"); |
||||
rep(/\[url\](.*?)\[\/url\]/gi,"<a href=\"$1\">$1</a>"); |
||||
rep(/\[img\](.*?)\[\/img\]/gi,"<img src=\"$1\" />"); |
||||
rep(/\[color=(.*?)\](.*?)\[\/color\]/gi,"<font color=\"$1\">$2</font>"); |
||||
rep(/\[code\](.*?)\[\/code\]/gi,"<span class=\"codeStyle\">$1</span> "); |
||||
rep(/\[quote.*?\](.*?)\[\/quote\]/gi,"<span class=\"quoteStyle\">$1</span> "); |
||||
|
||||
return s;
|
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('bbcode', tinymce.plugins.BBCodePlugin); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(){var a=tinymce.dom.Event,c=tinymce.each,b=tinymce.DOM;tinymce.create("tinymce.plugins.ContextMenu",{init:function(f){var i=this,g,d,j,e;i.editor=f;d=f.settings.contextmenu_never_use_native;i.onContextMenu=new tinymce.util.Dispatcher(this);e=function(k){h(f,k)};g=f.onContextMenu.add(function(k,l){if((j!==0?j:l.ctrlKey)&&!d){return}a.cancel(l);if(l.target.nodeName=="IMG"){k.selection.select(l.target)}i._getMenu(k).showMenu(l.clientX||l.pageX,l.clientY||l.pageY);a.add(k.getDoc(),"click",e);k.nodeChanged()});f.onRemove.add(function(){if(i._menu){i._menu.removeAll()}});function h(k,l){j=0;if(l&&l.button==2){j=l.ctrlKey;return}if(i._menu){i._menu.removeAll();i._menu.destroy();a.remove(k.getDoc(),"click",e);i._menu=null}}f.onMouseDown.add(h);f.onKeyDown.add(h);f.onKeyDown.add(function(k,l){if(l.shiftKey&&!l.ctrlKey&&!l.altKey&&l.keyCode===121){a.cancel(l);g(k,l)}})},getInfo:function(){return{longname:"Contextmenu",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_getMenu:function(e){var g=this,d=g._menu,j=e.selection,f=j.isCollapsed(),h=j.getNode()||e.getBody(),i,k;if(d){d.removeAll();d.destroy()}k=b.getPos(e.getContentAreaContainer());d=e.controlManager.createDropMenu("contextmenu",{offset_x:k.x+e.getParam("contextmenu_offset_x",0),offset_y:k.y+e.getParam("contextmenu_offset_y",0),constrain:1,keyboard_focus:true});g._menu=d;d.add({title:"advanced.cut_desc",icon:"cut",cmd:"Cut"}).setDisabled(f);d.add({title:"advanced.copy_desc",icon:"copy",cmd:"Copy"}).setDisabled(f);d.add({title:"advanced.paste_desc",icon:"paste",cmd:"Paste"});if((h.nodeName=="A"&&!e.dom.getAttrib(h,"name"))||!f){d.addSeparator();d.add({title:"advanced.link_desc",icon:"link",cmd:e.plugins.advlink?"mceAdvLink":"mceLink",ui:true});d.add({title:"advanced.unlink_desc",icon:"unlink",cmd:"UnLink"})}d.addSeparator();d.add({title:"advanced.image_desc",icon:"image",cmd:e.plugins.advimage?"mceAdvImage":"mceImage",ui:true});d.addSeparator();i=d.addMenu({title:"contextmenu.align"});i.add({title:"contextmenu.left",icon:"justifyleft",cmd:"JustifyLeft"});i.add({title:"contextmenu.center",icon:"justifycenter",cmd:"JustifyCenter"});i.add({title:"contextmenu.right",icon:"justifyright",cmd:"JustifyRight"});i.add({title:"contextmenu.full",icon:"justifyfull",cmd:"JustifyFull"});g.onContextMenu.dispatch(g,d,h,f);return d}});tinymce.PluginManager.add("contextmenu",tinymce.plugins.ContextMenu)})(); |
@ -0,0 +1,163 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
var Event = tinymce.dom.Event, each = tinymce.each, DOM = tinymce.DOM; |
||||
|
||||
/** |
||||
* This plugin a context menu to TinyMCE editor instances. |
||||
* |
||||
* @class tinymce.plugins.ContextMenu |
||||
*/ |
||||
tinymce.create('tinymce.plugins.ContextMenu', { |
||||
/** |
||||
* Initializes the plugin, this will be executed after the plugin has been created. |
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event |
||||
* of the editor instance to intercept that event. |
||||
* |
||||
* @method init |
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
||||
* @param {string} url Absolute URL to where the plugin is located. |
||||
*/ |
||||
init : function(ed) { |
||||
var t = this, showMenu, contextmenuNeverUseNative, realCtrlKey, hideMenu; |
||||
|
||||
t.editor = ed; |
||||
|
||||
contextmenuNeverUseNative = ed.settings.contextmenu_never_use_native; |
||||
|
||||
/** |
||||
* This event gets fired when the context menu is shown. |
||||
* |
||||
* @event onContextMenu |
||||
* @param {tinymce.plugins.ContextMenu} sender Plugin instance sending the event. |
||||
* @param {tinymce.ui.DropMenu} menu Drop down menu to fill with more items if needed. |
||||
*/ |
||||
t.onContextMenu = new tinymce.util.Dispatcher(this); |
||||
|
||||
hideMenu = function(e) { |
||||
hide(ed, e); |
||||
}; |
||||
|
||||
showMenu = ed.onContextMenu.add(function(ed, e) { |
||||
// Block TinyMCE menu on ctrlKey and work around Safari issue
|
||||
if ((realCtrlKey !== 0 ? realCtrlKey : e.ctrlKey) && !contextmenuNeverUseNative) |
||||
return; |
||||
|
||||
Event.cancel(e); |
||||
|
||||
// Select the image if it's clicked. WebKit would other wise expand the selection
|
||||
if (e.target.nodeName == 'IMG') |
||||
ed.selection.select(e.target); |
||||
|
||||
t._getMenu(ed).showMenu(e.clientX || e.pageX, e.clientY || e.pageY); |
||||
Event.add(ed.getDoc(), 'click', hideMenu); |
||||
|
||||
ed.nodeChanged(); |
||||
}); |
||||
|
||||
ed.onRemove.add(function() { |
||||
if (t._menu) |
||||
t._menu.removeAll(); |
||||
}); |
||||
|
||||
function hide(ed, e) { |
||||
realCtrlKey = 0; |
||||
|
||||
// Since the contextmenu event moves
|
||||
// the selection we need to store it away
|
||||
if (e && e.button == 2) { |
||||
realCtrlKey = e.ctrlKey; |
||||
return; |
||||
} |
||||
|
||||
if (t._menu) { |
||||
t._menu.removeAll(); |
||||
t._menu.destroy(); |
||||
Event.remove(ed.getDoc(), 'click', hideMenu); |
||||
t._menu = null; |
||||
} |
||||
}; |
||||
|
||||
ed.onMouseDown.add(hide); |
||||
ed.onKeyDown.add(hide); |
||||
ed.onKeyDown.add(function(ed, e) { |
||||
if (e.shiftKey && !e.ctrlKey && !e.altKey && e.keyCode === 121) { |
||||
Event.cancel(e); |
||||
showMenu(ed, e); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
/** |
||||
* Returns information about the plugin as a name/value array. |
||||
* The current keys are longname, author, authorurl, infourl and version. |
||||
* |
||||
* @method getInfo |
||||
* @return {Object} Name/value array containing information about the plugin. |
||||
*/ |
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Contextmenu', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
_getMenu : function(ed) { |
||||
var t = this, m = t._menu, se = ed.selection, col = se.isCollapsed(), el = se.getNode() || ed.getBody(), am, p; |
||||
|
||||
if (m) { |
||||
m.removeAll(); |
||||
m.destroy(); |
||||
} |
||||
|
||||
p = DOM.getPos(ed.getContentAreaContainer()); |
||||
|
||||
m = ed.controlManager.createDropMenu('contextmenu', { |
||||
offset_x : p.x + ed.getParam('contextmenu_offset_x', 0), |
||||
offset_y : p.y + ed.getParam('contextmenu_offset_y', 0), |
||||
constrain : 1, |
||||
keyboard_focus: true |
||||
}); |
||||
|
||||
t._menu = m; |
||||
|
||||
m.add({title : 'advanced.cut_desc', icon : 'cut', cmd : 'Cut'}).setDisabled(col); |
||||
m.add({title : 'advanced.copy_desc', icon : 'copy', cmd : 'Copy'}).setDisabled(col); |
||||
m.add({title : 'advanced.paste_desc', icon : 'paste', cmd : 'Paste'}); |
||||
|
||||
if ((el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) || !col) { |
||||
m.addSeparator(); |
||||
m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true}); |
||||
m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'}); |
||||
} |
||||
|
||||
m.addSeparator(); |
||||
m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true}); |
||||
|
||||
m.addSeparator(); |
||||
am = m.addMenu({title : 'contextmenu.align'}); |
||||
am.add({title : 'contextmenu.left', icon : 'justifyleft', cmd : 'JustifyLeft'}); |
||||
am.add({title : 'contextmenu.center', icon : 'justifycenter', cmd : 'JustifyCenter'}); |
||||
am.add({title : 'contextmenu.right', icon : 'justifyright', cmd : 'JustifyRight'}); |
||||
am.add({title : 'contextmenu.full', icon : 'justifyfull', cmd : 'JustifyFull'}); |
||||
|
||||
t.onContextMenu.dispatch(t, m, el, col); |
||||
|
||||
return m; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('contextmenu', tinymce.plugins.ContextMenu); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.Directionality",{init:function(b,c){var d=this;d.editor=b;function a(e){var h=b.dom,g,f=b.selection.getSelectedBlocks();if(f.length){g=h.getAttrib(f[0],"dir");tinymce.each(f,function(i){if(!h.getParent(i.parentNode,"*[dir='"+e+"']",h.getRoot())){if(g!=e){h.setAttrib(i,"dir",e)}else{h.setAttrib(i,"dir",null)}}});b.nodeChanged()}}b.addCommand("mceDirectionLTR",function(){a("ltr")});b.addCommand("mceDirectionRTL",function(){a("rtl")});b.addButton("ltr",{title:"directionality.ltr_desc",cmd:"mceDirectionLTR"});b.addButton("rtl",{title:"directionality.rtl_desc",cmd:"mceDirectionRTL"});b.onNodeChange.add(d._nodeChange,d)},getInfo:function(){return{longname:"Directionality",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/directionality",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(b,a,e){var d=b.dom,c;e=d.getParent(e,d.isBlock);if(!e){a.setDisabled("ltr",1);a.setDisabled("rtl",1);return}c=d.getAttrib(e,"dir");a.setActive("ltr",c=="ltr");a.setDisabled("ltr",0);a.setActive("rtl",c=="rtl");a.setDisabled("rtl",0)}});tinymce.PluginManager.add("directionality",tinymce.plugins.Directionality)})(); |
@ -0,0 +1,85 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.Directionality', { |
||||
init : function(ed, url) { |
||||
var t = this; |
||||
|
||||
t.editor = ed; |
||||
|
||||
function setDir(dir) { |
||||
var dom = ed.dom, curDir, blocks = ed.selection.getSelectedBlocks(); |
||||
|
||||
if (blocks.length) { |
||||
curDir = dom.getAttrib(blocks[0], "dir"); |
||||
|
||||
tinymce.each(blocks, function(block) { |
||||
// Add dir to block if the parent block doesn't already have that dir
|
||||
if (!dom.getParent(block.parentNode, "*[dir='" + dir + "']", dom.getRoot())) { |
||||
if (curDir != dir) { |
||||
dom.setAttrib(block, "dir", dir); |
||||
} else { |
||||
dom.setAttrib(block, "dir", null); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
ed.nodeChanged(); |
||||
} |
||||
} |
||||
|
||||
ed.addCommand('mceDirectionLTR', function() { |
||||
setDir("ltr"); |
||||
}); |
||||
|
||||
ed.addCommand('mceDirectionRTL', function() { |
||||
setDir("rtl"); |
||||
}); |
||||
|
||||
ed.addButton('ltr', {title : 'directionality.ltr_desc', cmd : 'mceDirectionLTR'}); |
||||
ed.addButton('rtl', {title : 'directionality.rtl_desc', cmd : 'mceDirectionRTL'}); |
||||
|
||||
ed.onNodeChange.add(t._nodeChange, t); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Directionality', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/directionality', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
// Private methods
|
||||
|
||||
_nodeChange : function(ed, cm, n) { |
||||
var dom = ed.dom, dir; |
||||
|
||||
n = dom.getParent(n, dom.isBlock); |
||||
if (!n) { |
||||
cm.setDisabled('ltr', 1); |
||||
cm.setDisabled('rtl', 1); |
||||
return; |
||||
} |
||||
|
||||
dir = dom.getAttrib(n, 'dir'); |
||||
cm.setActive('ltr', dir == "ltr"); |
||||
cm.setDisabled('ltr', 0); |
||||
cm.setActive('rtl', dir == "rtl"); |
||||
cm.setDisabled('rtl', 0); |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('directionality', tinymce.plugins.Directionality); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(a){a.create("tinymce.plugins.EmotionsPlugin",{init:function(b,c){b.addCommand("mceEmotion",function(){b.windowManager.open({file:c+"/emotions.htm",width:250+parseInt(b.getLang("emotions.delta_width",0)),height:160+parseInt(b.getLang("emotions.delta_height",0)),inline:1},{plugin_url:c})});b.addButton("emotions",{title:"emotions.emotions_desc",cmd:"mceEmotion"})},getInfo:function(){return{longname:"Emotions",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/emotions",version:a.majorVersion+"."+a.minorVersion}}});a.PluginManager.add("emotions",a.plugins.EmotionsPlugin)})(tinymce); |
@ -0,0 +1,43 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function(tinymce) { |
||||
tinymce.create('tinymce.plugins.EmotionsPlugin', { |
||||
init : function(ed, url) { |
||||
// Register commands
|
||||
ed.addCommand('mceEmotion', function() { |
||||
ed.windowManager.open({ |
||||
file : url + '/emotions.htm', |
||||
width : 250 + parseInt(ed.getLang('emotions.delta_width', 0)), |
||||
height : 160 + parseInt(ed.getLang('emotions.delta_height', 0)), |
||||
inline : 1 |
||||
}, { |
||||
plugin_url : url |
||||
}); |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('emotions', {title : 'emotions.emotions_desc', cmd : 'mceEmotion'}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Emotions', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/emotions', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('emotions', tinymce.plugins.EmotionsPlugin); |
||||
})(tinymce); |
@ -0,0 +1,42 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>{#emotions_dlg.title}</title> |
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
||||
<script type="text/javascript" src="js/emotions.js"></script> |
||||
</head> |
||||
<body style="display: none" role="application" aria-labelledby="app_title"> |
||||
<span style="display:none;" id="app_title">{#emotions_dlg.title}</span> |
||||
<div align="center"> |
||||
<div class="title">{#emotions_dlg.title}:<br /><br /></div> |
||||
|
||||
<table id="emoticon_table" role="presentation" border="0" cellspacing="0" cellpadding="4"> |
||||
<tr> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.cool}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-cool.gif','emotions_dlg.cool');"><img src="img/smiley-cool.gif" width="18" height="18" border="0" alt="{#emotions_dlg.cool}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.cry}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-cry.gif','emotions_dlg.cry');"><img src="img/smiley-cry.gif" width="18" height="18" border="0" alt="{#emotions_dlg.cry}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.embarassed}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-embarassed.gif','emotions_dlg.embarassed');"><img src="img/smiley-embarassed.gif" width="18" height="18" border="0" alt="{#emotions_dlg.embarassed}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.foot_in_mouth}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-foot-in-mouth.gif','emotions_dlg.foot_in_mouth');"><img src="img/smiley-foot-in-mouth.gif" width="18" height="18" border="0" alt="{#emotions_dlg.foot_in_mouth}. {#emotions_dlg.usage}" /></a></td> |
||||
</tr> |
||||
<tr> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.frown}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-frown.gif','emotions_dlg.frown');"><img src="img/smiley-frown.gif" width="18" height="18" border="0" alt="{#emotions_dlg.frown}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.innocent}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-innocent.gif','emotions_dlg.innocent');"><img src="img/smiley-innocent.gif" width="18" height="18" border="0" alt="{#emotions_dlg.innocent}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.kiss}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-kiss.gif','emotions_dlg.kiss');"><img src="img/smiley-kiss.gif" width="18" height="18" border="0" alt="{#emotions_dlg.kiss}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.laughing}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-laughing.gif','emotions_dlg.laughing');"><img src="img/smiley-laughing.gif" width="18" height="18" border="0" alt="{#emotions_dlg.laughing}. {#emotions_dlg.usage}" /></a></td> |
||||
</tr> |
||||
<tr> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.money_mouth}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-money-mouth.gif','emotions_dlg.money_mouth');"><img src="img/smiley-money-mouth.gif" width="18" height="18" border="0" alt="{#emotions_dlg.money_mouth}. {#emotions_dlg.usage}"/></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.sealed}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-sealed.gif','emotions_dlg.sealed');"><img src="img/smiley-sealed.gif" width="18" height="18" border="0" alt="{#emotions_dlg.sealed}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.smile}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-smile.gif','emotions_dlg.smile');"><img src="img/smiley-smile.gif" width="18" height="18" border="0" alt="{#emotions_dlg.smile}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.surprised}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-surprised.gif','emotions_dlg.surprised');"><img src="img/smiley-surprised.gif" width="18" height="18" border="0" alt="{#emotions_dlg.surprised}. {#emotions_dlg.usage}" /></a></td> |
||||
</tr> |
||||
<tr> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.tongue_out}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-tongue-out.gif','emotions_dlg.tongue_out');"><img src="img/smiley-tongue-out.gif" width="18" height="18" border="0" alt="{#emotions_dlg.tongue-out}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.undecided}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-undecided.gif','emotions_dlg.undecided');"><img src="img/smiley-undecided.gif" width="18" height="18" border="0" alt="{#emotions_dlg.undecided}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.wink}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-wink.gif','emotions_dlg.wink');"><img src="img/smiley-wink.gif" width="18" height="18" border="0" alt="{#emotions_dlg.wink}. {#emotions_dlg.usage}" /></a></td> |
||||
<td><a class="emoticon_link" role="button" title="{#emotions_dlg.yell}. {#emotions_dlg.usage}" href="javascript:EmotionsDialog.insert('smiley-yell.gif','emotions_dlg.yell');"><img src="img/smiley-yell.gif" width="18" height="18" border="0" alt="{#emotions_dlg.yell}. {#emotions_dlg.usage}" /></a></td> |
||||
</tr> |
||||
</table> |
||||
<div>{#emotions_dlg.usage}</div> |
||||
</div> |
||||
</body> |
||||
</html> |
After Width: | Height: | Size: 354 B |
After Width: | Height: | Size: 329 B |
After Width: | Height: | Size: 331 B |
After Width: | Height: | Size: 342 B |
After Width: | Height: | Size: 340 B |
After Width: | Height: | Size: 336 B |
After Width: | Height: | Size: 338 B |
After Width: | Height: | Size: 343 B |
After Width: | Height: | Size: 321 B |
After Width: | Height: | Size: 323 B |
After Width: | Height: | Size: 344 B |
After Width: | Height: | Size: 338 B |
After Width: | Height: | Size: 328 B |
After Width: | Height: | Size: 337 B |
After Width: | Height: | Size: 350 B |
After Width: | Height: | Size: 336 B |
@ -0,0 +1,43 @@ |
||||
tinyMCEPopup.requireLangPack(); |
||||
|
||||
var EmotionsDialog = { |
||||
addKeyboardNavigation: function(){ |
||||
var tableElm, cells, settings; |
||||
|
||||
cells = tinyMCEPopup.dom.select("a.emoticon_link", "emoticon_table"); |
||||
|
||||
settings ={ |
||||
root: "emoticon_table", |
||||
items: cells |
||||
}; |
||||
cells[0].tabindex=0; |
||||
tinyMCEPopup.dom.addClass(cells[0], "mceFocus"); |
||||
if (tinymce.isGecko) { |
||||
cells[0].focus();
|
||||
} else { |
||||
setTimeout(function(){ |
||||
cells[0].focus(); |
||||
}, 100); |
||||
} |
||||
tinyMCEPopup.editor.windowManager.createInstance('tinymce.ui.KeyboardNavigation', settings, tinyMCEPopup.dom); |
||||
},
|
||||
init : function(ed) { |
||||
tinyMCEPopup.resizeToInnerSize(); |
||||
this.addKeyboardNavigation(); |
||||
}, |
||||
|
||||
insert : function(file, title) { |
||||
var ed = tinyMCEPopup.editor, dom = ed.dom; |
||||
|
||||
tinyMCEPopup.execCommand('mceInsertContent', false, dom.createHTML('img', { |
||||
src : tinyMCEPopup.getWindowArg('plugin_url') + '/img/' + file, |
||||
alt : ed.getLang(title), |
||||
title : ed.getLang(title), |
||||
border : 0 |
||||
})); |
||||
|
||||
tinyMCEPopup.close(); |
||||
} |
||||
}; |
||||
|
||||
tinyMCEPopup.onInit.add(EmotionsDialog.init, EmotionsDialog); |
@ -0,0 +1 @@ |
||||
tinyMCE.addI18n('en.emotions_dlg',{cry:"Cry",cool:"Cool",desc:"Emotions",title:"Insert Emotion",usage:"Use left and right arrows to navigate.",yell:"Yell",wink:"Wink",undecided:"Undecided","tongue_out":"Tongue Out",surprised:"Surprised",smile:"Smile",sealed:"Sealed","money_mouth":"Money Mouth",laughing:"Laughing",kiss:"Kiss",innocent:"Innocent",frown:"Frown","foot_in_mouth":"Foot in Mouth",embarassed:"Embarassed"}); |
@ -0,0 +1,22 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>{#example_dlg.title}</title> |
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
||||
<script type="text/javascript" src="js/dialog.js"></script> |
||||
</head> |
||||
<body> |
||||
|
||||
<form onsubmit="ExampleDialog.insert();return false;" action="#"> |
||||
<p>Here is a example dialog.</p> |
||||
<p>Selected text: <input id="someval" name="someval" type="text" class="text" /></p> |
||||
<p>Custom arg: <input id="somearg" name="somearg" type="text" class="text" /></p> |
||||
|
||||
<div class="mceActionPanel"> |
||||
<input type="button" id="insert" name="insert" value="{#insert}" onclick="ExampleDialog.insert();" /> |
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> |
||||
</div> |
||||
</form> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1 @@ |
||||
(function(){tinymce.PluginManager.requireLangPack("example");tinymce.create("tinymce.plugins.ExamplePlugin",{init:function(a,b){a.addCommand("mceExample",function(){a.windowManager.open({file:b+"/dialog.htm",width:320+parseInt(a.getLang("example.delta_width",0)),height:120+parseInt(a.getLang("example.delta_height",0)),inline:1},{plugin_url:b,some_custom_arg:"custom arg"})});a.addButton("example",{title:"example.desc",cmd:"mceExample",image:b+"/img/example.gif"});a.onNodeChange.add(function(d,c,e){c.setActive("example",e.nodeName=="IMG")})},createControl:function(b,a){return null},getInfo:function(){return{longname:"Example plugin",author:"Some author",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example",version:"1.0"}}});tinymce.PluginManager.add("example",tinymce.plugins.ExamplePlugin)})(); |
@ -0,0 +1,84 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
// Load plugin specific language pack
|
||||
tinymce.PluginManager.requireLangPack('example'); |
||||
|
||||
tinymce.create('tinymce.plugins.ExamplePlugin', { |
||||
/** |
||||
* Initializes the plugin, this will be executed after the plugin has been created. |
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event |
||||
* of the editor instance to intercept that event. |
||||
* |
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
||||
* @param {string} url Absolute URL to where the plugin is located. |
||||
*/ |
||||
init : function(ed, url) { |
||||
// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
|
||||
ed.addCommand('mceExample', function() { |
||||
ed.windowManager.open({ |
||||
file : url + '/dialog.htm', |
||||
width : 320 + parseInt(ed.getLang('example.delta_width', 0)), |
||||
height : 120 + parseInt(ed.getLang('example.delta_height', 0)), |
||||
inline : 1 |
||||
}, { |
||||
plugin_url : url, // Plugin absolute URL
|
||||
some_custom_arg : 'custom arg' // Custom argument
|
||||
}); |
||||
}); |
||||
|
||||
// Register example button
|
||||
ed.addButton('example', { |
||||
title : 'example.desc', |
||||
cmd : 'mceExample', |
||||
image : url + '/img/example.gif' |
||||
}); |
||||
|
||||
// Add a node change handler, selects the button in the UI when a image is selected
|
||||
ed.onNodeChange.add(function(ed, cm, n) { |
||||
cm.setActive('example', n.nodeName == 'IMG'); |
||||
}); |
||||
}, |
||||
|
||||
/** |
||||
* Creates control instances based in the incomming name. This method is normally not |
||||
* needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons |
||||
* but you sometimes need to create more complex controls like listboxes, split buttons etc then this |
||||
* method can be used to create those. |
||||
* |
||||
* @param {String} n Name of the control to create. |
||||
* @param {tinymce.ControlManager} cm Control manager to use inorder to create new control. |
||||
* @return {tinymce.ui.Control} New control instance or null if no control was created. |
||||
*/ |
||||
createControl : function(n, cm) { |
||||
return null; |
||||
}, |
||||
|
||||
/** |
||||
* Returns information about the plugin as a name/value array. |
||||
* The current keys are longname, author, authorurl, infourl and version. |
||||
* |
||||
* @return {Object} Name/value array containing information about the plugin. |
||||
*/ |
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Example plugin', |
||||
author : 'Some author', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example', |
||||
version : "1.0" |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('example', tinymce.plugins.ExamplePlugin); |
||||
})(); |
After Width: | Height: | Size: 87 B |
@ -0,0 +1,19 @@ |
||||
tinyMCEPopup.requireLangPack(); |
||||
|
||||
var ExampleDialog = { |
||||
init : function() { |
||||
var f = document.forms[0]; |
||||
|
||||
// Get the selected contents as text and place it in the input
|
||||
f.someval.value = tinyMCEPopup.editor.selection.getContent({format : 'text'}); |
||||
f.somearg.value = tinyMCEPopup.getWindowArg('some_custom_arg'); |
||||
}, |
||||
|
||||
insert : function() { |
||||
// Insert the contents from the input into the document
|
||||
tinyMCEPopup.editor.execCommand('mceInsertContent', false, document.forms[0].someval.value); |
||||
tinyMCEPopup.close(); |
||||
} |
||||
}; |
||||
|
||||
tinyMCEPopup.onInit.add(ExampleDialog.init, ExampleDialog); |
@ -0,0 +1,3 @@ |
||||
tinyMCE.addI18n('en.example',{ |
||||
desc : 'This is just a template button' |
||||
}); |
@ -0,0 +1,3 @@ |
||||
tinyMCE.addI18n('en.example_dlg',{ |
||||
title : 'This is just a example title' |
||||
}); |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.ExampleDependencyPlugin",{init:function(a,b){},getInfo:function(){return{longname:"Example Dependency plugin",author:"Some author",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example_dependency",version:"1.0"}}});tinymce.PluginManager.add("example_dependency",tinymce.plugins.ExampleDependencyPlugin,["example"])})(); |
@ -0,0 +1,50 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
|
||||
tinymce.create('tinymce.plugins.ExampleDependencyPlugin', { |
||||
/** |
||||
* Initializes the plugin, this will be executed after the plugin has been created. |
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event |
||||
* of the editor instance to intercept that event. |
||||
* |
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in. |
||||
* @param {string} url Absolute URL to where the plugin is located. |
||||
*/ |
||||
init : function(ed, url) { |
||||
}, |
||||
|
||||
|
||||
/** |
||||
* Returns information about the plugin as a name/value array. |
||||
* The current keys are longname, author, authorurl, infourl and version. |
||||
* |
||||
* @return {Object} Name/value array containing information about the plugin. |
||||
*/ |
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Example Dependency plugin', |
||||
author : 'Some author', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example_dependency', |
||||
version : "1.0" |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
/** |
||||
* Register the plugin, specifying the list of the plugins that this plugin depends on. They are specified in a list, with the list loaded in order. |
||||
* plugins in this list will be initialised when this plugin is initialized. (before the init method is called). |
||||
* plugins in a depends list should typically be specified using the short name). If neccesary this can be done |
||||
* with an object which has the url to the plugin and the shortname. |
||||
*/ |
||||
tinymce.PluginManager.add('example_dependency', tinymce.plugins.ExampleDependencyPlugin, ['example']); |
||||
})(); |
@ -0,0 +1,143 @@ |
||||
/* Hide the advanced tab */ |
||||
#advanced_tab { |
||||
display: none; |
||||
} |
||||
|
||||
#metatitle, #metakeywords, #metadescription, #metaauthor, #metacopyright { |
||||
width: 280px; |
||||
} |
||||
|
||||
#doctype, #docencoding { |
||||
width: 200px; |
||||
} |
||||
|
||||
#langcode { |
||||
width: 30px; |
||||
} |
||||
|
||||
#bgimage { |
||||
width: 220px; |
||||
} |
||||
|
||||
#fontface { |
||||
width: 240px; |
||||
} |
||||
|
||||
#leftmargin, #rightmargin, #topmargin, #bottommargin { |
||||
width: 50px; |
||||
} |
||||
|
||||
.panel_wrapper div.current { |
||||
height: 400px; |
||||
} |
||||
|
||||
#stylesheet, #style { |
||||
width: 240px; |
||||
} |
||||
|
||||
#doctypes { |
||||
width: 200px; |
||||
} |
||||
|
||||
/* Head list classes */ |
||||
|
||||
.headlistwrapper { |
||||
width: 100%; |
||||
} |
||||
|
||||
.selected { |
||||
border: 1px solid #0A246A; |
||||
background-color: #B6BDD2; |
||||
} |
||||
|
||||
.toolbar { |
||||
width: 100%; |
||||
} |
||||
|
||||
#headlist { |
||||
width: 100%; |
||||
margin-top: 3px; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
#info, #title_element, #meta_element, #script_element, #style_element, #base_element, #link_element, #comment_element, #unknown_element { |
||||
display: none; |
||||
} |
||||
|
||||
#addmenu { |
||||
position: absolute; |
||||
border: 1px solid gray; |
||||
display: none; |
||||
z-index: 100; |
||||
background-color: white; |
||||
} |
||||
|
||||
#addmenu a { |
||||
display: block; |
||||
width: 100%; |
||||
line-height: 20px; |
||||
text-decoration: none; |
||||
background-color: white; |
||||
} |
||||
|
||||
#addmenu a:hover { |
||||
background-color: #B6BDD2; |
||||
color: black; |
||||
} |
||||
|
||||
#addmenu span { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
} |
||||
|
||||
#updateElementPanel { |
||||
display: none; |
||||
} |
||||
|
||||
#script_element .panel_wrapper div.current { |
||||
height: 108px; |
||||
} |
||||
|
||||
#style_element .panel_wrapper div.current { |
||||
height: 108px; |
||||
} |
||||
|
||||
#link_element .panel_wrapper div.current { |
||||
height: 140px; |
||||
} |
||||
|
||||
#element_script_value { |
||||
width: 100%; |
||||
height: 100px; |
||||
} |
||||
|
||||
#element_comment_value { |
||||
width: 100%; |
||||
height: 120px; |
||||
} |
||||
|
||||
#element_style_value { |
||||
width: 100%; |
||||
height: 100px; |
||||
} |
||||
|
||||
#element_title, #element_script_src, #element_meta_name, #element_meta_content, #element_base_href, #element_link_href, #element_link_title { |
||||
width: 250px; |
||||
} |
||||
|
||||
.updateElementButton { |
||||
margin-top: 3px; |
||||
} |
||||
|
||||
/* MSIE specific styles */ |
||||
|
||||
* html .addbutton, * html .removebutton, * html .moveupbutton, * html .movedownbutton { |
||||
width: 22px; |
||||
height: 22px; |
||||
} |
||||
|
||||
textarea { |
||||
height: 55px; |
||||
} |
||||
|
||||
.panel_wrapper div.current {height:420px;} |
@ -0,0 +1,405 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
var each = tinymce.each, Node = tinymce.html.Node; |
||||
|
||||
tinymce.create('tinymce.plugins.FullPagePlugin', { |
||||
init : function(ed, url) { |
||||
var t = this; |
||||
|
||||
t.editor = ed; |
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceFullPageProperties', function() { |
||||
ed.windowManager.open({ |
||||
file : url + '/fullpage.htm', |
||||
width : 430 + parseInt(ed.getLang('fullpage.delta_width', 0)), |
||||
height : 495 + parseInt(ed.getLang('fullpage.delta_height', 0)), |
||||
inline : 1 |
||||
}, { |
||||
plugin_url : url, |
||||
data : t._htmlToData() |
||||
}); |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('fullpage', {title : 'fullpage.desc', cmd : 'mceFullPageProperties'}); |
||||
|
||||
ed.onBeforeSetContent.add(t._setContent, t); |
||||
ed.onGetContent.add(t._getContent, t); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Fullpage', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullpage', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
// Private plugin internal methods
|
||||
|
||||
_htmlToData : function() { |
||||
var headerFragment = this._parseHeader(), data = {}, nodes, elm, matches, editor = this.editor; |
||||
|
||||
function getAttr(elm, name) { |
||||
var value = elm.attr(name); |
||||
|
||||
return value || ''; |
||||
}; |
||||
|
||||
// Default some values
|
||||
data.fontface = editor.getParam("fullpage_default_fontface", ""); |
||||
data.fontsize = editor.getParam("fullpage_default_fontsize", ""); |
||||
|
||||
// Parse XML PI
|
||||
elm = headerFragment.firstChild; |
||||
if (elm.type == 7) { |
||||
data.xml_pi = true; |
||||
matches = /encoding="([^"]+)"/.exec(elm.value); |
||||
if (matches) |
||||
data.docencoding = matches[1]; |
||||
} |
||||
|
||||
// Parse doctype
|
||||
elm = headerFragment.getAll('#doctype')[0]; |
||||
if (elm) |
||||
data.doctype = '<!DOCTYPE' + elm.value + ">";
|
||||
|
||||
// Parse title element
|
||||
elm = headerFragment.getAll('title')[0]; |
||||
if (elm && elm.firstChild) { |
||||
data.metatitle = elm.firstChild.value; |
||||
} |
||||
|
||||
// Parse meta elements
|
||||
each(headerFragment.getAll('meta'), function(meta) { |
||||
var name = meta.attr('name'), httpEquiv = meta.attr('http-equiv'), matches; |
||||
|
||||
if (name) |
||||
data['meta' + name.toLowerCase()] = meta.attr('content'); |
||||
else if (httpEquiv == "Content-Type") { |
||||
matches = /charset\s*=\s*(.*)\s*/gi.exec(meta.attr('content')); |
||||
|
||||
if (matches) |
||||
data.docencoding = matches[1]; |
||||
} |
||||
}); |
||||
|
||||
// Parse html attribs
|
||||
elm = headerFragment.getAll('html')[0]; |
||||
if (elm) |
||||
data.langcode = getAttr(elm, 'lang') || getAttr(elm, 'xml:lang'); |
||||
|
||||
// Parse stylesheet
|
||||
elm = headerFragment.getAll('link')[0]; |
||||
if (elm && elm.attr('rel') == 'stylesheet') |
||||
data.stylesheet = elm.attr('href'); |
||||
|
||||
// Parse body parts
|
||||
elm = headerFragment.getAll('body')[0]; |
||||
if (elm) { |
||||
data.langdir = getAttr(elm, 'dir'); |
||||
data.style = getAttr(elm, 'style'); |
||||
data.visited_color = getAttr(elm, 'vlink'); |
||||
data.link_color = getAttr(elm, 'link'); |
||||
data.active_color = getAttr(elm, 'alink'); |
||||
} |
||||
|
||||
return data; |
||||
}, |
||||
|
||||
_dataToHtml : function(data) { |
||||
var headerFragment, headElement, html, elm, value, dom = this.editor.dom; |
||||
|
||||
function setAttr(elm, name, value) { |
||||
elm.attr(name, value ? value : undefined); |
||||
}; |
||||
|
||||
function addHeadNode(node) { |
||||
if (headElement.firstChild) |
||||
headElement.insert(node, headElement.firstChild); |
||||
else |
||||
headElement.append(node); |
||||
}; |
||||
|
||||
headerFragment = this._parseHeader(); |
||||
headElement = headerFragment.getAll('head')[0]; |
||||
if (!headElement) { |
||||
elm = headerFragment.getAll('html')[0]; |
||||
headElement = new Node('head', 1); |
||||
|
||||
if (elm.firstChild) |
||||
elm.insert(headElement, elm.firstChild, true); |
||||
else |
||||
elm.append(headElement); |
||||
} |
||||
|
||||
// Add/update/remove XML-PI
|
||||
elm = headerFragment.firstChild; |
||||
if (data.xml_pi) { |
||||
value = 'version="1.0"'; |
||||
|
||||
if (data.docencoding) |
||||
value += ' encoding="' + data.docencoding + '"'; |
||||
|
||||
if (elm.type != 7) { |
||||
elm = new Node('xml', 7); |
||||
headerFragment.insert(elm, headerFragment.firstChild, true); |
||||
} |
||||
|
||||
elm.value = value; |
||||
} else if (elm && elm.type == 7) |
||||
elm.remove(); |
||||
|
||||
// Add/update/remove doctype
|
||||
elm = headerFragment.getAll('#doctype')[0]; |
||||
if (data.doctype) { |
||||
if (!elm) { |
||||
elm = new Node('#doctype', 10); |
||||
|
||||
if (data.xml_pi) |
||||
headerFragment.insert(elm, headerFragment.firstChild); |
||||
else |
||||
addHeadNode(elm); |
||||
} |
||||
|
||||
elm.value = data.doctype.substring(9, data.doctype.length - 1); |
||||
} else if (elm) |
||||
elm.remove(); |
||||
|
||||
// Add/update/remove title
|
||||
elm = headerFragment.getAll('title')[0]; |
||||
if (data.metatitle) { |
||||
if (!elm) { |
||||
elm = new Node('title', 1); |
||||
elm.append(new Node('#text', 3)).value = data.metatitle; |
||||
addHeadNode(elm); |
||||
} |
||||
} |
||||
|
||||
// Add meta encoding
|
||||
if (data.docencoding) { |
||||
elm = null; |
||||
each(headerFragment.getAll('meta'), function(meta) { |
||||
if (meta.attr('http-equiv') == 'Content-Type') |
||||
elm = meta; |
||||
}); |
||||
|
||||
if (!elm) { |
||||
elm = new Node('meta', 1); |
||||
elm.attr('http-equiv', 'Content-Type'); |
||||
elm.shortEnded = true; |
||||
addHeadNode(elm); |
||||
} |
||||
|
||||
elm.attr('content', 'text/html; charset=' + data.docencoding); |
||||
} |
||||
|
||||
// Add/update/remove meta
|
||||
each('keywords,description,author,copyright,robots'.split(','), function(name) { |
||||
var nodes = headerFragment.getAll('meta'), i, meta, value = data['meta' + name]; |
||||
|
||||
for (i = 0; i < nodes.length; i++) { |
||||
meta = nodes[i]; |
||||
|
||||
if (meta.attr('name') == name) { |
||||
if (value) |
||||
meta.attr('content', value); |
||||
else |
||||
meta.remove(); |
||||
|
||||
return; |
||||
} |
||||
} |
||||
|
||||
if (value) { |
||||
elm = new Node('meta', 1); |
||||
elm.attr('name', name); |
||||
elm.attr('content', value); |
||||
elm.shortEnded = true; |
||||
|
||||
addHeadNode(elm); |
||||
} |
||||
}); |
||||
|
||||
// Add/update/delete link
|
||||
elm = headerFragment.getAll('link')[0]; |
||||
if (elm && elm.attr('rel') == 'stylesheet') { |
||||
if (data.stylesheet) |
||||
elm.attr('href', data.stylesheet); |
||||
else |
||||
elm.remove(); |
||||
} else if (data.stylesheet) { |
||||
elm = new Node('link', 1); |
||||
elm.attr({ |
||||
rel : 'stylesheet', |
||||
text : 'text/css', |
||||
href : data.stylesheet |
||||
}); |
||||
elm.shortEnded = true; |
||||
|
||||
addHeadNode(elm); |
||||
} |
||||
|
||||
// Update body attributes
|
||||
elm = headerFragment.getAll('body')[0]; |
||||
if (elm) { |
||||
setAttr(elm, 'dir', data.langdir); |
||||
setAttr(elm, 'style', data.style); |
||||
setAttr(elm, 'vlink', data.visited_color); |
||||
setAttr(elm, 'link', data.link_color); |
||||
setAttr(elm, 'alink', data.active_color); |
||||
|
||||
// Update iframe body as well
|
||||
dom.setAttribs(this.editor.getBody(), { |
||||
style : data.style, |
||||
dir : data.dir, |
||||
vLink : data.visited_color, |
||||
link : data.link_color, |
||||
aLink : data.active_color |
||||
}); |
||||
} |
||||
|
||||
// Set html attributes
|
||||
elm = headerFragment.getAll('html')[0]; |
||||
if (elm) { |
||||
setAttr(elm, 'lang', data.langcode); |
||||
setAttr(elm, 'xml:lang', data.langcode); |
||||
} |
||||
|
||||
// Serialize header fragment and crop away body part
|
||||
html = new tinymce.html.Serializer({ |
||||
validate: false, |
||||
indent: true, |
||||
apply_source_formatting : true, |
||||
indent_before: 'head,html,body,meta,title,script,link,style', |
||||
indent_after: 'head,html,body,meta,title,script,link,style' |
||||
}).serialize(headerFragment); |
||||
|
||||
this.head = html.substring(0, html.indexOf('</body>')); |
||||
}, |
||||
|
||||
_parseHeader : function() { |
||||
// Parse the contents with a DOM parser
|
||||
return new tinymce.html.DomParser({ |
||||
validate: false, |
||||
root_name: '#document' |
||||
}).parse(this.head); |
||||
}, |
||||
|
||||
_setContent : function(ed, o) { |
||||
var self = this, startPos, endPos, content = o.content, headerFragment, styles = '', dom = self.editor.dom, elm; |
||||
|
||||
function low(s) { |
||||
return s.replace(/<\/?[A-Z]+/g, function(a) { |
||||
return a.toLowerCase(); |
||||
}) |
||||
}; |
||||
|
||||
// Ignore raw updated if we already have a head, this will fix issues with undo/redo keeping the head/foot separate
|
||||
if (o.format == 'raw' && self.head) |
||||
return; |
||||
|
||||
if (o.source_view && ed.getParam('fullpage_hide_in_source_view')) |
||||
return; |
||||
|
||||
// Parse out head, body and footer
|
||||
content = content.replace(/<(\/?)BODY/gi, '<$1body'); |
||||
startPos = content.indexOf('<body'); |
||||
|
||||
if (startPos != -1) { |
||||
startPos = content.indexOf('>', startPos); |
||||
self.head = low(content.substring(0, startPos + 1)); |
||||
|
||||
endPos = content.indexOf('</body', startPos); |
||||
if (endPos == -1) |
||||
endPos = content.length; |
||||
|
||||
o.content = content.substring(startPos + 1, endPos); |
||||
self.foot = low(content.substring(endPos)); |
||||
} else { |
||||
self.head = this._getDefaultHeader(); |
||||
self.foot = '\n</body>\n</html>'; |
||||
} |
||||
|
||||
// Parse header and update iframe
|
||||
headerFragment = self._parseHeader(); |
||||
each(headerFragment.getAll('style'), function(node) { |
||||
if (node.firstChild) |
||||
styles += node.firstChild.value; |
||||
}); |
||||
|
||||
elm = headerFragment.getAll('body')[0]; |
||||
if (elm) { |
||||
dom.setAttribs(self.editor.getBody(), { |
||||
style : elm.attr('style') || '', |
||||
dir : elm.attr('dir') || '', |
||||
vLink : elm.attr('vlink') || '', |
||||
link : elm.attr('link') || '', |
||||
aLink : elm.attr('alink') || '' |
||||
}); |
||||
} |
||||
|
||||
dom.remove('fullpage_styles'); |
||||
|
||||
if (styles) { |
||||
dom.add(self.editor.getDoc().getElementsByTagName('head')[0], 'style', {id : 'fullpage_styles'}, styles); |
||||
|
||||
// Needed for IE 6/7
|
||||
elm = dom.get('fullpage_styles'); |
||||
if (elm.styleSheet) |
||||
elm.styleSheet.cssText = styles; |
||||
} |
||||
}, |
||||
|
||||
_getDefaultHeader : function() { |
||||
var header = '', editor = this.editor, value, styles = ''; |
||||
|
||||
if (editor.getParam('fullpage_default_xml_pi')) |
||||
header += '<?xml version="1.0" encoding="' + editor.getParam('fullpage_default_encoding', 'ISO-8859-1') + '" ?>\n'; |
||||
|
||||
header += editor.getParam('fullpage_default_doctype', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'); |
||||
header += '\n<html>\n<head>\n'; |
||||
|
||||
if (value = editor.getParam('fullpage_default_title')) |
||||
header += '<title>' + value + '</title>\n'; |
||||
|
||||
if (value = editor.getParam('fullpage_default_encoding')) |
||||
header += '<meta http-equiv="Content-Type" content="text/html; charset=' + value + '" />\n'; |
||||
|
||||
if (value = editor.getParam('fullpage_default_font_family')) |
||||
styles += 'font-family: ' + value + ';'; |
||||
|
||||
if (value = editor.getParam('fullpage_default_font_size')) |
||||
styles += 'font-size: ' + value + ';'; |
||||
|
||||
if (value = editor.getParam('fullpage_default_text_color')) |
||||
styles += 'color: ' + value + ';'; |
||||
|
||||
header += '</head>\n<body' + (styles ? ' style="' + styles + '"' : '') + '>\n'; |
||||
|
||||
return header; |
||||
}, |
||||
|
||||
_getContent : function(ed, o) { |
||||
var self = this; |
||||
|
||||
if (!o.source_view || !ed.getParam('fullpage_hide_in_source_view')) |
||||
o.content = tinymce.trim(self.head) + '\n' + tinymce.trim(o.content) + '\n' + tinymce.trim(self.foot); |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('fullpage', tinymce.plugins.FullPagePlugin); |
||||
})(); |
@ -0,0 +1,259 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>{#fullpage_dlg.title}</title> |
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script> |
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script> |
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script> |
||||
<script type="text/javascript" src="js/fullpage.js"></script> |
||||
<link href="css/fullpage.css" rel="stylesheet" type="text/css" /> |
||||
</head> |
||||
<body id="fullpage" style="display: none"> |
||||
<form onsubmit="FullPageDialog.update();return false;" name="fullpage" action="#"> |
||||
<div class="tabs"> |
||||
<ul> |
||||
<li id="meta_tab" class="current"><span><a href="javascript:mcTabs.displayTab('meta_tab','meta_panel');" onmousedown="return false;">{#fullpage_dlg.meta_tab}</a></span></li> |
||||
<li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#fullpage_dlg.appearance_tab}</a></span></li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="panel_wrapper"> |
||||
<div id="meta_panel" class="panel current"> |
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.meta_props}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="nowrap"><label for="metatitle">{#fullpage_dlg.meta_title}</label> </td> |
||||
<td><input type="text" id="metatitle" name="metatitle" value="" class="mceFocus" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="metakeywords">{#fullpage_dlg.meta_keywords}</label> </td> |
||||
<td><textarea id="metakeywords" name="metakeywords" rows="4"></textarea></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="metadescription">{#fullpage_dlg.meta_description}</label> </td> |
||||
<td><textarea id="metadescription" name="metadescription" rows="4"></textarea></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="metaauthor">{#fullpage_dlg.author}</label> </td> |
||||
<td><input type="text" id="metaauthor" name="metaauthor" value="" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="metacopyright">{#fullpage_dlg.copyright}</label> </td> |
||||
<td><input type="text" id="metacopyright" name="metacopyright" value="" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="metarobots">{#fullpage_dlg.meta_robots}</label> </td> |
||||
<td> |
||||
<select id="metarobots" name="metarobots"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="index,follow">{#fullpage_dlg.meta_index_follow}</option> |
||||
<option value="index,nofollow">{#fullpage_dlg.meta_index_nofollow}</option> |
||||
<option value="noindex,follow">{#fullpage_dlg.meta_noindex_follow}</option> |
||||
<option value="noindex,nofollow">{#fullpage_dlg.meta_noindex_nofollow}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.langprops}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label for="docencoding">{#fullpage_dlg.encoding}</label></td> |
||||
<td> |
||||
<select id="docencoding" name="docencoding"> |
||||
<option value="">{#not_set}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="doctype">{#fullpage_dlg.doctypes}</label> </td> |
||||
<td> |
||||
<select id="doctype" name="doctype"> |
||||
<option value="">{#not_set}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="langcode">{#fullpage_dlg.langcode}</label> </td> |
||||
<td><input type="text" id="langcode" name="langcode" value="" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label for="langdir">{#fullpage_dlg.langdir}</label></td> |
||||
<td> |
||||
<select id="langdir" name="langdir"> |
||||
<option value="">{#not_set}</option> |
||||
<option value="ltr">{#fullpage_dlg.ltr}</option> |
||||
<option value="rtl">{#fullpage_dlg.rtl}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td class="nowrap"><label for="xml_pi">{#fullpage_dlg.xml_pi}</label> </td> |
||||
<td><input type="checkbox" id="xml_pi" name="xml_pi" class="checkbox" /></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
|
||||
<div id="appearance_panel" class="panel"> |
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.appearance_textprops}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label for="fontface">{#fullpage_dlg.fontface}</label></td> |
||||
<td> |
||||
<select id="fontface" name="fontface" onchange="FullPageDialog.changedStyleProp();"> |
||||
<option value="">{#not_set}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="fontsize">{#fullpage_dlg.fontsize}</label></td> |
||||
<td> |
||||
<select id="fontsize" name="fontsize" onchange="FullPageDialog.changedStyleProp();"> |
||||
<option value="">{#not_set}</option> |
||||
</select> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="textcolor">{#fullpage_dlg.textcolor}</label></td> |
||||
<td> |
||||
<table border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="textcolor" name="textcolor" type="text" value="" size="9" onchange="updateColor('textcolor_pick','textcolor');FullPageDialog.changedStyleProp();" /></td> |
||||
<td id="textcolor_pickcontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.appearance_bgprops}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label for="bgimage">{#fullpage_dlg.bgimage}</label></td> |
||||
<td> |
||||
<table border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="bgimage" name="bgimage" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td> |
||||
<td id="bgimage_pickcontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label for="bgcolor">{#fullpage_dlg.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');FullPageDialog.changedStyleProp();" /></td> |
||||
<td id="bgcolor_pickcontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.appearance_marginprops}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label for="leftmargin">{#fullpage_dlg.left_margin}</label></td> |
||||
<td><input id="leftmargin" name="leftmargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td> |
||||
<td class="column1"><label for="rightmargin">{#fullpage_dlg.right_margin}</label></td> |
||||
<td><input id="rightmargin" name="rightmargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label for="topmargin">{#fullpage_dlg.top_margin}</label></td> |
||||
<td><input id="topmargin" name="topmargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td> |
||||
<td class="column1"><label for="bottommargin">{#fullpage_dlg.bottom_margin}</label></td> |
||||
<td><input id="bottommargin" name="bottommargin" type="text" value="" onchange="FullPageDialog.changedStyleProp();" /></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.appearance_linkprops}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label for="link_color">{#fullpage_dlg.link_color}</label></td> |
||||
<td> |
||||
<table border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="link_color" name="link_color" type="text" value="" size="9" onchange="updateColor('link_color_pick','link_color');FullPageDialog.changedStyleProp();" /></td> |
||||
<td id="link_color_pickcontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
|
||||
<td class="column1"><label for="visited_color">{#fullpage_dlg.visited_color}</label></td> |
||||
<td> |
||||
<table border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="visited_color" name="visited_color" type="text" value="" size="9" onchange="updateColor('visited_color_pick','visited_color');FullPageDialog.changedStyleProp();" /></td> |
||||
<td id="visited_color_pickcontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td class="column1"><label for="active_color">{#fullpage_dlg.active_color}</label></td> |
||||
<td> |
||||
<table border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="active_color" name="active_color" type="text" value="" size="9" onchange="updateColor('active_color_pick','active_color');FullPageDialog.changedStyleProp();" /></td> |
||||
<td id="active_color_pickcontainer"> </td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
|
||||
<td> </td> |
||||
<td> </td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
|
||||
<fieldset> |
||||
<legend>{#fullpage_dlg.appearance_style}</legend> |
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0"> |
||||
<tr> |
||||
<td class="column1"><label for="stylesheet">{#fullpage_dlg.stylesheet}</label></td> |
||||
<td><table border="0" cellpadding="0" cellspacing="0"> |
||||
<tr> |
||||
<td><input id="stylesheet" name="stylesheet" type="text" value="" /></td> |
||||
<td id="stylesheet_browsercontainer"> </td> |
||||
</tr> |
||||
</table></td> |
||||
</tr> |
||||
<tr> |
||||
<td class="column1"><label for="style">{#fullpage_dlg.style}</label></td> |
||||
<td><input id="style" name="style" type="text" value="" onchange="FullPageDialog.changedStyle();" /></td> |
||||
</tr> |
||||
</table> |
||||
</fieldset> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="mceActionPanel"> |
||||
<input type="submit" id="insert" name="update" value="{#update}" /> |
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> |
||||
</div> |
||||
</form> |
||||
</body> |
||||
</html> |
@ -0,0 +1,232 @@ |
||||
/** |
||||
* fullpage.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinyMCEPopup.requireLangPack(); |
||||
|
||||
var defaultDocTypes =
|
||||
'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' + |
||||
'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' + |
||||
'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' + |
||||
'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' + |
||||
'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' + |
||||
'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' + |
||||
'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">'; |
||||
|
||||
var defaultEncodings =
|
||||
'Western european (iso-8859-1)=iso-8859-1,' + |
||||
'Central European (iso-8859-2)=iso-8859-2,' + |
||||
'Unicode (UTF-8)=utf-8,' + |
||||
'Chinese traditional (Big5)=big5,' + |
||||
'Cyrillic (iso-8859-5)=iso-8859-5,' + |
||||
'Japanese (iso-2022-jp)=iso-2022-jp,' + |
||||
'Greek (iso-8859-7)=iso-8859-7,' + |
||||
'Korean (iso-2022-kr)=iso-2022-kr,' + |
||||
'ASCII (us-ascii)=us-ascii'; |
||||
|
||||
var defaultFontNames = 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings'; |
||||
var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px'; |
||||
|
||||
function setVal(id, value) { |
||||
var elm = document.getElementById(id); |
||||
|
||||
if (elm) { |
||||
value = value || ''; |
||||
|
||||
if (elm.nodeName == "SELECT") |
||||
selectByValue(document.forms[0], id, value); |
||||
else if (elm.type == "checkbox") |
||||
elm.checked = !!value; |
||||
else |
||||
elm.value = value; |
||||
} |
||||
}; |
||||
|
||||
function getVal(id) { |
||||
var elm = document.getElementById(id); |
||||
|
||||
if (elm.nodeName == "SELECT") |
||||
return elm.options[elm.selectedIndex].value; |
||||
|
||||
if (elm.type == "checkbox") |
||||
return elm.checked; |
||||
|
||||
return elm.value; |
||||
}; |
||||
|
||||
window.FullPageDialog = { |
||||
changedStyle : function() { |
||||
var val, styles = tinyMCEPopup.editor.dom.parseStyle(getVal('style')); |
||||
|
||||
setVal('fontface', styles['font-face']); |
||||
setVal('fontsize', styles['font-size']); |
||||
setVal('textcolor', styles['color']); |
||||
|
||||
if (val = styles['background-image']) |
||||
setVal('bgimage', val.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1")); |
||||
else |
||||
setVal('bgimage', ''); |
||||
|
||||
setVal('bgcolor', styles['background-color']); |
||||
|
||||
// Reset margin form elements
|
||||
setVal('topmargin', ''); |
||||
setVal('rightmargin', ''); |
||||
setVal('bottommargin', ''); |
||||
setVal('leftmargin', ''); |
||||
|
||||
// Expand margin
|
||||
if (val = styles['margin']) { |
||||
val = val.split(' '); |
||||
styles['margin-top'] = val[0] || ''; |
||||
styles['margin-right'] = val[1] || val[0] || ''; |
||||
styles['margin-bottom'] = val[2] || val[0] || ''; |
||||
styles['margin-left'] = val[3] || val[0] || ''; |
||||
} |
||||
|
||||
if (val = styles['margin-top']) |
||||
setVal('topmargin', val.replace(/px/, '')); |
||||
|
||||
if (val = styles['margin-right']) |
||||
setVal('rightmargin', val.replace(/px/, '')); |
||||
|
||||
if (val = styles['margin-bottom']) |
||||
setVal('bottommargin', val.replace(/px/, '')); |
||||
|
||||
if (val = styles['margin-left']) |
||||
setVal('leftmargin', val.replace(/px/, '')); |
||||
|
||||
updateColor('bgcolor_pick', 'bgcolor'); |
||||
updateColor('textcolor_pick', 'textcolor'); |
||||
}, |
||||
|
||||
changedStyleProp : function() { |
||||
var val, dom = tinyMCEPopup.editor.dom, styles = dom.parseStyle(getVal('style')); |
||||
|
||||
styles['font-face'] = getVal('fontface'); |
||||
styles['font-size'] = getVal('fontsize'); |
||||
styles['color'] = getVal('textcolor'); |
||||
styles['background-color'] = getVal('bgcolor'); |
||||
|
||||
if (val = getVal('bgimage')) |
||||
styles['background-image'] = "url('" + val + "')"; |
||||
else |
||||
styles['background-image'] = ''; |
||||
|
||||
delete styles['margin']; |
||||
|
||||
if (val = getVal('topmargin')) |
||||
styles['margin-top'] = val + "px"; |
||||
else |
||||
styles['margin-top'] = ''; |
||||
|
||||
if (val = getVal('rightmargin')) |
||||
styles['margin-right'] = val + "px"; |
||||
else |
||||
styles['margin-right'] = ''; |
||||
|
||||
if (val = getVal('bottommargin')) |
||||
styles['margin-bottom'] = val + "px"; |
||||
else |
||||
styles['margin-bottom'] = ''; |
||||
|
||||
if (val = getVal('leftmargin')) |
||||
styles['margin-left'] = val + "px"; |
||||
else |
||||
styles['margin-left'] = ''; |
||||
|
||||
// Serialize, parse and reserialize this will compress redundant styles
|
||||
setVal('style', dom.serializeStyle(dom.parseStyle(dom.serializeStyle(styles)))); |
||||
this.changedStyle(); |
||||
}, |
||||
|
||||
update : function() { |
||||
var data = {}; |
||||
|
||||
tinymce.each(tinyMCEPopup.dom.select('select,input,textarea'), function(node) { |
||||
data[node.id] = getVal(node.id); |
||||
}); |
||||
|
||||
tinyMCEPopup.editor.plugins.fullpage._dataToHtml(data); |
||||
tinyMCEPopup.close(); |
||||
} |
||||
}; |
||||
|
||||
function init() { |
||||
var form = document.forms[0], i, item, list, editor = tinyMCEPopup.editor; |
||||
|
||||
// Setup doctype select box
|
||||
list = editor.getParam("fullpage_doctypes", defaultDocTypes).split(','); |
||||
for (i = 0; i < list.length; i++) { |
||||
item = list[i].split('='); |
||||
|
||||
if (item.length > 1) |
||||
addSelectValue(form, 'doctype', item[0], item[1]); |
||||
} |
||||
|
||||
// Setup fonts select box
|
||||
list = editor.getParam("fullpage_fonts", defaultFontNames).split(';'); |
||||
for (i = 0; i < list.length; i++) { |
||||
item = list[i].split('='); |
||||
|
||||
if (item.length > 1) |
||||
addSelectValue(form, 'fontface', item[0], item[1]); |
||||
} |
||||
|
||||
// Setup fontsize select box
|
||||
list = editor.getParam("fullpage_fontsizes", defaultFontSizes).split(','); |
||||
for (i = 0; i < list.length; i++) |
||||
addSelectValue(form, 'fontsize', list[i], list[i]); |
||||
|
||||
// Setup encodings select box
|
||||
list = editor.getParam("fullpage_encodings", defaultEncodings).split(','); |
||||
for (i = 0; i < list.length; i++) { |
||||
item = list[i].split('='); |
||||
|
||||
if (item.length > 1) |
||||
addSelectValue(form, 'docencoding', item[0], item[1]); |
||||
} |
||||
|
||||
// Setup color pickers
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor'); |
||||
document.getElementById('link_color_pickcontainer').innerHTML = getColorPickerHTML('link_color_pick','link_color'); |
||||
document.getElementById('visited_color_pickcontainer').innerHTML = getColorPickerHTML('visited_color_pick','visited_color'); |
||||
document.getElementById('active_color_pickcontainer').innerHTML = getColorPickerHTML('active_color_pick','active_color'); |
||||
document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor'); |
||||
document.getElementById('stylesheet_browsercontainer').innerHTML = getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage'); |
||||
document.getElementById('bgimage_pickcontainer').innerHTML = getBrowserHTML('bgimage_browser','bgimage','image','fullpage'); |
||||
|
||||
// Resize some elements
|
||||
if (isVisible('stylesheetbrowser')) |
||||
document.getElementById('stylesheet').style.width = '220px'; |
||||
|
||||
if (isVisible('link_href_browser')) |
||||
document.getElementById('element_link_href').style.width = '230px'; |
||||
|
||||
if (isVisible('bgimage_browser')) |
||||
document.getElementById('bgimage').style.width = '210px'; |
||||
|
||||
// Update form
|
||||
tinymce.each(tinyMCEPopup.getWindowArg('data'), function(value, key) { |
||||
setVal(key, value); |
||||
}); |
||||
|
||||
FullPageDialog.changedStyle(); |
||||
|
||||
// Update colors
|
||||
updateColor('textcolor_pick', 'textcolor'); |
||||
updateColor('bgcolor_pick', 'bgcolor'); |
||||
updateColor('visited_color_pick', 'visited_color'); |
||||
updateColor('active_color_pick', 'active_color'); |
||||
updateColor('link_color_pick', 'link_color'); |
||||
}; |
||||
|
||||
tinyMCEPopup.onInit.add(init); |
||||
})(); |
@ -0,0 +1 @@ |
||||
tinyMCE.addI18n('en.fullpage_dlg',{title:"Document Properties","meta_tab":"General","appearance_tab":"Appearance","advanced_tab":"Advanced","meta_props":"Meta Information",langprops:"Language and Encoding","meta_title":"Title","meta_keywords":"Keywords","meta_description":"Description","meta_robots":"Robots",doctypes:"Doctype",langcode:"Language Code",langdir:"Language Direction",ltr:"Left to Right",rtl:"Right to Left","xml_pi":"XML Declaration",encoding:"Character Encoding","appearance_bgprops":"Background Properties","appearance_marginprops":"Body Margins","appearance_linkprops":"Link Colors","appearance_textprops":"Text Properties",bgcolor:"Background Color",bgimage:"Background Image","left_margin":"Left Margin","right_margin":"Right Margin","top_margin":"Top Margin","bottom_margin":"Bottom Margin","text_color":"Text Color","font_size":"Font Size","font_face":"Font Face","link_color":"Link Color","hover_color":"Hover Color","visited_color":"Visited Color","active_color":"Active Color",textcolor:"Color",fontsize:"Font Size",fontface:"Font Family","meta_index_follow":"Index and Follow the Links","meta_index_nofollow":"Index and Don\'t Follow the Links","meta_noindex_follow":"Do Not Index but Follow the Links","meta_noindex_nofollow":"Do Not Index and Don\'t Follow the Links","appearance_style":"Stylesheet and Style Properties",stylesheet:"Stylesheet",style:"Style",author:"Author",copyright:"Copyright",add:"Add New Element",remove:"Remove Selected Element",moveup:"Move Selected Element Up",movedown:"Move Selected Element Down","head_elements":"Head Elements",info:"Information","add_title":"Title Element","add_meta":"Meta Element","add_script":"Script Element","add_style":"Style Element","add_link":"Link Element","add_base":"Base Element","add_comment":"Comment Node","title_element":"Title Element","script_element":"Script Element","style_element":"Style Element","base_element":"Base Element","link_element":"Link Element","meta_element":"Meta Element","comment_element":"Comment",src:"Source",language:"Language",href:"HREF",target:"Target",type:"Type",charset:"Charset",defer:"Defer",media:"Media",properties:"Properties",name:"Name",value:"Value",content:"Content",rel:"Rel",rev:"Rev",hreflang:"HREF Lang","general_props":"General","advanced_props":"Advanced"}); |
@ -0,0 +1 @@ |
||||
(function(){var a=tinymce.DOM;tinymce.create("tinymce.plugins.FullScreenPlugin",{init:function(d,e){var f=this,g={},c,b;f.editor=d;d.addCommand("mceFullScreen",function(){var i,j=a.doc.documentElement;if(d.getParam("fullscreen_is_enabled")){if(d.getParam("fullscreen_new_window")){closeFullscreen()}else{a.win.setTimeout(function(){tinymce.dom.Event.remove(a.win,"resize",f.resizeFunc);tinyMCE.get(d.getParam("fullscreen_editor_id")).setContent(d.getContent());tinyMCE.remove(d);a.remove("mce_fullscreen_container");j.style.overflow=d.getParam("fullscreen_html_overflow");a.setStyle(a.doc.body,"overflow",d.getParam("fullscreen_overflow"));a.win.scrollTo(d.getParam("fullscreen_scrollx"),d.getParam("fullscreen_scrolly"));tinyMCE.settings=tinyMCE.oldSettings},10)}return}if(d.getParam("fullscreen_new_window")){i=a.win.open(e+"/fullscreen.htm","mceFullScreenPopup","fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width="+screen.availWidth+",height="+screen.availHeight);try{i.resizeTo(screen.availWidth,screen.availHeight)}catch(h){}}else{tinyMCE.oldSettings=tinyMCE.settings;g.fullscreen_overflow=a.getStyle(a.doc.body,"overflow",1)||"auto";g.fullscreen_html_overflow=a.getStyle(j,"overflow",1);c=a.getViewPort();g.fullscreen_scrollx=c.x;g.fullscreen_scrolly=c.y;if(tinymce.isOpera&&g.fullscreen_overflow=="visible"){g.fullscreen_overflow="auto"}if(tinymce.isIE&&g.fullscreen_overflow=="scroll"){g.fullscreen_overflow="auto"}if(tinymce.isIE&&(g.fullscreen_html_overflow=="visible"||g.fullscreen_html_overflow=="scroll")){g.fullscreen_html_overflow="auto"}if(g.fullscreen_overflow=="0px"){g.fullscreen_overflow=""}a.setStyle(a.doc.body,"overflow","hidden");j.style.overflow="hidden";c=a.getViewPort();a.win.scrollTo(0,0);if(tinymce.isIE){c.h-=1}if(tinymce.isIE6||document.compatMode=="BackCompat"){b="absolute;top:"+c.y}else{b="fixed;top:0"}n=a.add(a.doc.body,"div",{id:"mce_fullscreen_container",style:"position:"+b+";left:0;width:"+c.w+"px;height:"+c.h+"px;z-index:200000;"});a.add(n,"div",{id:"mce_fullscreen"});tinymce.each(d.settings,function(k,l){g[l]=k});g.id="mce_fullscreen";g.width=n.clientWidth;g.height=n.clientHeight-15;g.fullscreen_is_enabled=true;g.fullscreen_editor_id=d.id;g.theme_advanced_resizing=false;g.save_onsavecallback=function(){d.setContent(tinyMCE.get(g.id).getContent());d.execCommand("mceSave")};tinymce.each(d.getParam("fullscreen_settings"),function(m,l){g[l]=m});if(g.theme_advanced_toolbar_location==="external"){g.theme_advanced_toolbar_location="top"}f.fullscreenEditor=new tinymce.Editor("mce_fullscreen",g);f.fullscreenEditor.onInit.add(function(){f.fullscreenEditor.setContent(d.getContent());f.fullscreenEditor.focus()});f.fullscreenEditor.render();f.fullscreenElement=new tinymce.dom.Element("mce_fullscreen_container");f.fullscreenElement.update();f.resizeFunc=tinymce.dom.Event.add(a.win,"resize",function(){var o=tinymce.DOM.getViewPort(),l=f.fullscreenEditor,k,m;k=l.dom.getSize(l.getContainer().getElementsByTagName("table")[0]);m=l.dom.getSize(l.getContainer().getElementsByTagName("iframe")[0]);l.theme.resizeTo(o.w-k.w+m.w,o.h-k.h+m.h)})}});d.addButton("fullscreen",{title:"fullscreen.desc",cmd:"mceFullScreen"});d.onNodeChange.add(function(i,h){h.setActive("fullscreen",i.getParam("fullscreen_is_enabled"))})},getInfo:function(){return{longname:"Fullscreen",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("fullscreen",tinymce.plugins.FullScreenPlugin)})(); |
@ -0,0 +1,159 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
var DOM = tinymce.DOM; |
||||
|
||||
tinymce.create('tinymce.plugins.FullScreenPlugin', { |
||||
init : function(ed, url) { |
||||
var t = this, s = {}, vp, posCss; |
||||
|
||||
t.editor = ed; |
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceFullScreen', function() { |
||||
var win, de = DOM.doc.documentElement; |
||||
|
||||
if (ed.getParam('fullscreen_is_enabled')) { |
||||
if (ed.getParam('fullscreen_new_window')) |
||||
closeFullscreen(); // Call to close in new window
|
||||
else { |
||||
DOM.win.setTimeout(function() { |
||||
tinymce.dom.Event.remove(DOM.win, 'resize', t.resizeFunc); |
||||
tinyMCE.get(ed.getParam('fullscreen_editor_id')).setContent(ed.getContent()); |
||||
tinyMCE.remove(ed); |
||||
DOM.remove('mce_fullscreen_container'); |
||||
de.style.overflow = ed.getParam('fullscreen_html_overflow'); |
||||
DOM.setStyle(DOM.doc.body, 'overflow', ed.getParam('fullscreen_overflow')); |
||||
DOM.win.scrollTo(ed.getParam('fullscreen_scrollx'), ed.getParam('fullscreen_scrolly')); |
||||
tinyMCE.settings = tinyMCE.oldSettings; // Restore old settings
|
||||
}, 10); |
||||
} |
||||
|
||||
return; |
||||
} |
||||
|
||||
if (ed.getParam('fullscreen_new_window')) { |
||||
win = DOM.win.open(url + "/fullscreen.htm", "mceFullScreenPopup", "fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width=" + screen.availWidth + ",height=" + screen.availHeight); |
||||
try { |
||||
win.resizeTo(screen.availWidth, screen.availHeight); |
||||
} catch (e) { |
||||
// Ignore
|
||||
} |
||||
} else { |
||||
tinyMCE.oldSettings = tinyMCE.settings; // Store old settings
|
||||
s.fullscreen_overflow = DOM.getStyle(DOM.doc.body, 'overflow', 1) || 'auto'; |
||||
s.fullscreen_html_overflow = DOM.getStyle(de, 'overflow', 1); |
||||
vp = DOM.getViewPort(); |
||||
s.fullscreen_scrollx = vp.x; |
||||
s.fullscreen_scrolly = vp.y; |
||||
|
||||
// Fixes an Opera bug where the scrollbars doesn't reappear
|
||||
if (tinymce.isOpera && s.fullscreen_overflow == 'visible') |
||||
s.fullscreen_overflow = 'auto'; |
||||
|
||||
// Fixes an IE bug where horizontal scrollbars would appear
|
||||
if (tinymce.isIE && s.fullscreen_overflow == 'scroll') |
||||
s.fullscreen_overflow = 'auto'; |
||||
|
||||
// Fixes an IE bug where the scrollbars doesn't reappear
|
||||
if (tinymce.isIE && (s.fullscreen_html_overflow == 'visible' || s.fullscreen_html_overflow == 'scroll')) |
||||
s.fullscreen_html_overflow = 'auto'; |
||||
|
||||
if (s.fullscreen_overflow == '0px') |
||||
s.fullscreen_overflow = ''; |
||||
|
||||
DOM.setStyle(DOM.doc.body, 'overflow', 'hidden'); |
||||
de.style.overflow = 'hidden'; //Fix for IE6/7
|
||||
vp = DOM.getViewPort(); |
||||
DOM.win.scrollTo(0, 0); |
||||
|
||||
if (tinymce.isIE) |
||||
vp.h -= 1; |
||||
|
||||
// Use fixed position if it exists
|
||||
if (tinymce.isIE6 || document.compatMode == 'BackCompat') |
||||
posCss = 'absolute;top:' + vp.y; |
||||
else |
||||
posCss = 'fixed;top:0'; |
||||
|
||||
n = DOM.add(DOM.doc.body, 'div', { |
||||
id : 'mce_fullscreen_container', |
||||
style : 'position:' + posCss + ';left:0;width:' + vp.w + 'px;height:' + vp.h + 'px;z-index:200000;'}); |
||||
DOM.add(n, 'div', {id : 'mce_fullscreen'}); |
||||
|
||||
tinymce.each(ed.settings, function(v, n) { |
||||
s[n] = v; |
||||
}); |
||||
|
||||
s.id = 'mce_fullscreen'; |
||||
s.width = n.clientWidth; |
||||
s.height = n.clientHeight - 15; |
||||
s.fullscreen_is_enabled = true; |
||||
s.fullscreen_editor_id = ed.id; |
||||
s.theme_advanced_resizing = false; |
||||
s.save_onsavecallback = function() { |
||||
ed.setContent(tinyMCE.get(s.id).getContent()); |
||||
ed.execCommand('mceSave'); |
||||
}; |
||||
|
||||
tinymce.each(ed.getParam('fullscreen_settings'), function(v, k) { |
||||
s[k] = v; |
||||
}); |
||||
|
||||
if (s.theme_advanced_toolbar_location === 'external') |
||||
s.theme_advanced_toolbar_location = 'top'; |
||||
|
||||
t.fullscreenEditor = new tinymce.Editor('mce_fullscreen', s); |
||||
t.fullscreenEditor.onInit.add(function() { |
||||
t.fullscreenEditor.setContent(ed.getContent()); |
||||
t.fullscreenEditor.focus(); |
||||
}); |
||||
|
||||
t.fullscreenEditor.render(); |
||||
|
||||
t.fullscreenElement = new tinymce.dom.Element('mce_fullscreen_container'); |
||||
t.fullscreenElement.update(); |
||||
//document.body.overflow = 'hidden';
|
||||
|
||||
t.resizeFunc = tinymce.dom.Event.add(DOM.win, 'resize', function() { |
||||
var vp = tinymce.DOM.getViewPort(), fed = t.fullscreenEditor, outerSize, innerSize; |
||||
|
||||
// Get outer/inner size to get a delta size that can be used to calc the new iframe size
|
||||
outerSize = fed.dom.getSize(fed.getContainer().getElementsByTagName('table')[0]); |
||||
innerSize = fed.dom.getSize(fed.getContainer().getElementsByTagName('iframe')[0]); |
||||
|
||||
fed.theme.resizeTo(vp.w - outerSize.w + innerSize.w, vp.h - outerSize.h + innerSize.h); |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('fullscreen', {title : 'fullscreen.desc', cmd : 'mceFullScreen'}); |
||||
|
||||
ed.onNodeChange.add(function(ed, cm) { |
||||
cm.setActive('fullscreen', ed.getParam('fullscreen_is_enabled')); |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Fullscreen', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('fullscreen', tinymce.plugins.FullScreenPlugin); |
||||
})(); |
@ -0,0 +1,110 @@ |
||||
<!DOCTYPE html> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<script type="text/javascript" src="../../tiny_mce.js"></script> |
||||
<script type="text/javascript"> |
||||
function patchCallback(settings, key) { |
||||
if (settings[key]) |
||||
settings[key] = "window.opener." + settings[key]; |
||||
} |
||||
|
||||
var settings = {}, paSe = window.opener.tinyMCE.activeEditor.settings, oeID = window.opener.tinyMCE.activeEditor.id; |
||||
|
||||
// Clone array |
||||
for (var n in paSe) |
||||
settings[n] = paSe[n]; |
||||
|
||||
// Override options for fullscreen |
||||
for (var n in paSe.fullscreen_settings) |
||||
settings[n] = paSe.fullscreen_settings[n]; |
||||
|
||||
// Patch callbacks, make them point to window.opener |
||||
patchCallback(settings, 'urlconverter_callback'); |
||||
patchCallback(settings, 'insertlink_callback'); |
||||
patchCallback(settings, 'insertimage_callback'); |
||||
patchCallback(settings, 'setupcontent_callback'); |
||||
patchCallback(settings, 'save_callback'); |
||||
patchCallback(settings, 'onchange_callback'); |
||||
patchCallback(settings, 'init_instance_callback'); |
||||
patchCallback(settings, 'file_browser_callback'); |
||||
patchCallback(settings, 'cleanup_callback'); |
||||
patchCallback(settings, 'execcommand_callback'); |
||||
patchCallback(settings, 'oninit'); |
||||
|
||||
// Set options |
||||
delete settings.id; |
||||
settings['mode'] = 'exact'; |
||||
settings['elements'] = 'fullscreenarea'; |
||||
settings['add_unload_trigger'] = false; |
||||
settings['ask'] = false; |
||||
settings['document_base_url'] = window.opener.tinyMCE.activeEditor.documentBaseURI.getURI(); |
||||
settings['fullscreen_is_enabled'] = true; |
||||
settings['fullscreen_editor_id'] = oeID; |
||||
settings['theme_advanced_resizing'] = false; |
||||
settings['strict_loading_mode'] = true; |
||||
|
||||
settings.save_onsavecallback = function() { |
||||
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.get('fullscreenarea').getContent({format : 'raw'}), {format : 'raw'}); |
||||
window.opener.tinyMCE.get(oeID).execCommand('mceSave'); |
||||
window.close(); |
||||
}; |
||||
|
||||
function unloadHandler(e) { |
||||
moveContent(); |
||||
} |
||||
|
||||
function moveContent() { |
||||
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.activeEditor.getContent()); |
||||
} |
||||
|
||||
function closeFullscreen() { |
||||
moveContent(); |
||||
window.close(); |
||||
} |
||||
|
||||
function doParentSubmit() { |
||||
moveContent(); |
||||
|
||||
if (window.opener.tinyMCE.selectedInstance.formElement.form) |
||||
window.opener.tinyMCE.selectedInstance.formElement.form.submit(); |
||||
|
||||
window.close(); |
||||
|
||||
return false; |
||||
} |
||||
|
||||
function render() { |
||||
var e = document.getElementById('fullscreenarea'), vp, ed, ow, oh, dom = tinymce.DOM; |
||||
|
||||
e.value = window.opener.tinyMCE.get(oeID).getContent(); |
||||
|
||||
vp = dom.getViewPort(); |
||||
settings.width = vp.w; |
||||
settings.height = vp.h - 15; |
||||
|
||||
tinymce.dom.Event.add(window, 'resize', function() { |
||||
var vp = dom.getViewPort(); |
||||
|
||||
tinyMCE.activeEditor.theme.resizeTo(vp.w, vp.h); |
||||
}); |
||||
|
||||
tinyMCE.init(settings); |
||||
} |
||||
|
||||
// Add onunload |
||||
tinymce.dom.Event.add(window, "beforeunload", unloadHandler); |
||||
</script> |
||||
</head> |
||||
<body style="margin:0;overflow:hidden;width:100%;height:100%" scrolling="no" scroll="no"> |
||||
<form onsubmit="doParentSubmit();"> |
||||
<textarea id="fullscreenarea" style="width:100%; height:100%"></textarea> |
||||
</form> |
||||
|
||||
<script type="text/javascript"> |
||||
render(); |
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.IESpell",{init:function(a,b){var c=this,d;if(!tinymce.isIE){return}c.editor=a;a.addCommand("mceIESpell",function(){try{d=new ActiveXObject("ieSpell.ieSpellExtension");d.CheckDocumentNode(a.getDoc().documentElement)}catch(f){if(f.number==-2146827859){a.windowManager.confirm(a.getLang("iespell.download"),function(e){if(e){window.open("http://www.iespell.com/download.php","ieSpellDownload","")}})}else{a.windowManager.alert("Error Loading ieSpell: Exception "+f.number)}}});a.addButton("iespell",{title:"iespell.iespell_desc",cmd:"mceIESpell"})},getInfo:function(){return{longname:"IESpell (IE Only)",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/iespell",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("iespell",tinymce.plugins.IESpell)})(); |
@ -0,0 +1,54 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.IESpell', { |
||||
init : function(ed, url) { |
||||
var t = this, sp; |
||||
|
||||
if (!tinymce.isIE) |
||||
return; |
||||
|
||||
t.editor = ed; |
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceIESpell', function() { |
||||
try { |
||||
sp = new ActiveXObject("ieSpell.ieSpellExtension"); |
||||
sp.CheckDocumentNode(ed.getDoc().documentElement); |
||||
} catch (e) { |
||||
if (e.number == -2146827859) { |
||||
ed.windowManager.confirm(ed.getLang("iespell.download"), function(s) { |
||||
if (s) |
||||
window.open('http://www.iespell.com/download.php', 'ieSpellDownload', ''); |
||||
}); |
||||
} else |
||||
ed.windowManager.alert("Error Loading ieSpell: Exception " + e.number); |
||||
} |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('iespell', {title : 'iespell.iespell_desc', cmd : 'mceIESpell'}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'IESpell (IE Only)', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/iespell', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('iespell', tinymce.plugins.IESpell); |
||||
})(); |
@ -0,0 +1,699 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
var DOM = tinymce.DOM, Element = tinymce.dom.Element, Event = tinymce.dom.Event, each = tinymce.each, is = tinymce.is; |
||||
|
||||
tinymce.create('tinymce.plugins.InlinePopups', { |
||||
init : function(ed, url) { |
||||
// Replace window manager
|
||||
ed.onBeforeRenderUI.add(function() { |
||||
ed.windowManager = new tinymce.InlineWindowManager(ed); |
||||
DOM.loadCSS(url + '/skins/' + (ed.settings.inlinepopups_skin || 'clearlooks2') + "/window.css"); |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'InlinePopups', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/inlinepopups', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
tinymce.create('tinymce.InlineWindowManager:tinymce.WindowManager', { |
||||
InlineWindowManager : function(ed) { |
||||
var t = this; |
||||
|
||||
t.parent(ed); |
||||
t.zIndex = 300000; |
||||
t.count = 0; |
||||
t.windows = {}; |
||||
}, |
||||
|
||||
open : function(f, p) { |
||||
var t = this, id, opt = '', ed = t.editor, dw = 0, dh = 0, vp, po, mdf, clf, we, w, u, parentWindow; |
||||
|
||||
f = f || {}; |
||||
p = p || {}; |
||||
|
||||
// Run native windows
|
||||
if (!f.inline) |
||||
return t.parent(f, p); |
||||
|
||||
parentWindow = t._frontWindow(); |
||||
if (parentWindow && DOM.get(parentWindow.id + '_ifr')) { |
||||
parentWindow.focussedElement = DOM.get(parentWindow.id + '_ifr').contentWindow.document.activeElement; |
||||
} |
||||
|
||||
// Only store selection if the type is a normal window
|
||||
if (!f.type) |
||||
t.bookmark = ed.selection.getBookmark(1); |
||||
|
||||
id = DOM.uniqueId(); |
||||
vp = DOM.getViewPort(); |
||||
f.width = parseInt(f.width || 320); |
||||
f.height = parseInt(f.height || 240) + (tinymce.isIE ? 8 : 0); |
||||
f.min_width = parseInt(f.min_width || 150); |
||||
f.min_height = parseInt(f.min_height || 100); |
||||
f.max_width = parseInt(f.max_width || 2000); |
||||
f.max_height = parseInt(f.max_height || 2000); |
||||
f.left = f.left || Math.round(Math.max(vp.x, vp.x + (vp.w / 2.0) - (f.width / 2.0))); |
||||
f.top = f.top || Math.round(Math.max(vp.y, vp.y + (vp.h / 2.0) - (f.height / 2.0))); |
||||
f.movable = f.resizable = true; |
||||
p.mce_width = f.width; |
||||
p.mce_height = f.height; |
||||
p.mce_inline = true; |
||||
p.mce_window_id = id; |
||||
p.mce_auto_focus = f.auto_focus; |
||||
|
||||
// Transpose
|
||||
// po = DOM.getPos(ed.getContainer());
|
||||
// f.left -= po.x;
|
||||
// f.top -= po.y;
|
||||
|
||||
t.features = f; |
||||
t.params = p; |
||||
t.onOpen.dispatch(t, f, p); |
||||
|
||||
if (f.type) { |
||||
opt += ' mceModal'; |
||||
|
||||
if (f.type) |
||||
opt += ' mce' + f.type.substring(0, 1).toUpperCase() + f.type.substring(1); |
||||
|
||||
f.resizable = false; |
||||
} |
||||
|
||||
if (f.statusbar) |
||||
opt += ' mceStatusbar'; |
||||
|
||||
if (f.resizable) |
||||
opt += ' mceResizable'; |
||||
|
||||
if (f.minimizable) |
||||
opt += ' mceMinimizable'; |
||||
|
||||
if (f.maximizable) |
||||
opt += ' mceMaximizable'; |
||||
|
||||
if (f.movable) |
||||
opt += ' mceMovable'; |
||||
|
||||
// Create DOM objects
|
||||
t._addAll(DOM.doc.body,
|
||||
['div', {id : id, role : 'dialog', 'aria-labelledby': f.type ? id + '_content' : id + '_title', 'class' : (ed.settings.inlinepopups_skin || 'clearlooks2') + (tinymce.isIE && window.getSelection ? ' ie9' : ''), style : 'width:100px;height:100px'},
|
||||
['div', {id : id + '_wrapper', 'class' : 'mceWrapper' + opt}, |
||||
['div', {id : id + '_top', 'class' : 'mceTop'},
|
||||
['div', {'class' : 'mceLeft'}], |
||||
['div', {'class' : 'mceCenter'}], |
||||
['div', {'class' : 'mceRight'}], |
||||
['span', {id : id + '_title'}, f.title || ''] |
||||
], |
||||
|
||||
['div', {id : id + '_middle', 'class' : 'mceMiddle'},
|
||||
['div', {id : id + '_left', 'class' : 'mceLeft', tabindex : '0'}], |
||||
['span', {id : id + '_content'}], |
||||
['div', {id : id + '_right', 'class' : 'mceRight', tabindex : '0'}] |
||||
], |
||||
|
||||
['div', {id : id + '_bottom', 'class' : 'mceBottom'}, |
||||
['div', {'class' : 'mceLeft'}], |
||||
['div', {'class' : 'mceCenter'}], |
||||
['div', {'class' : 'mceRight'}], |
||||
['span', {id : id + '_status'}, 'Content'] |
||||
], |
||||
|
||||
['a', {'class' : 'mceMove', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {'class' : 'mceMin', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}], |
||||
['a', {'class' : 'mceMax', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}], |
||||
['a', {'class' : 'mceMed', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}], |
||||
['a', {'class' : 'mceClose', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}], |
||||
['a', {id : id + '_resize_n', 'class' : 'mceResize mceResizeN', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_s', 'class' : 'mceResize mceResizeS', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_w', 'class' : 'mceResize mceResizeW', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_e', 'class' : 'mceResize mceResizeE', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_nw', 'class' : 'mceResize mceResizeNW', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_ne', 'class' : 'mceResize mceResizeNE', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_sw', 'class' : 'mceResize mceResizeSW', tabindex : '-1', href : 'javascript:;'}], |
||||
['a', {id : id + '_resize_se', 'class' : 'mceResize mceResizeSE', tabindex : '-1', href : 'javascript:;'}] |
||||
] |
||||
] |
||||
); |
||||
|
||||
DOM.setStyles(id, {top : -10000, left : -10000}); |
||||
|
||||
// Fix gecko rendering bug, where the editors iframe messed with window contents
|
||||
if (tinymce.isGecko) |
||||
DOM.setStyle(id, 'overflow', 'auto'); |
||||
|
||||
// Measure borders
|
||||
if (!f.type) { |
||||
dw += DOM.get(id + '_left').clientWidth; |
||||
dw += DOM.get(id + '_right').clientWidth; |
||||
dh += DOM.get(id + '_top').clientHeight; |
||||
dh += DOM.get(id + '_bottom').clientHeight; |
||||
} |
||||
|
||||
// Resize window
|
||||
DOM.setStyles(id, {top : f.top, left : f.left, width : f.width + dw, height : f.height + dh}); |
||||
|
||||
u = f.url || f.file; |
||||
if (u) { |
||||
if (tinymce.relaxedDomain) |
||||
u += (u.indexOf('?') == -1 ? '?' : '&') + 'mce_rdomain=' + tinymce.relaxedDomain; |
||||
|
||||
u = tinymce._addVer(u); |
||||
} |
||||
|
||||
if (!f.type) { |
||||
DOM.add(id + '_content', 'iframe', {id : id + '_ifr', src : 'javascript:""', frameBorder : 0, style : 'border:0;width:10px;height:10px'}); |
||||
DOM.setStyles(id + '_ifr', {width : f.width, height : f.height}); |
||||
DOM.setAttrib(id + '_ifr', 'src', u); |
||||
} else { |
||||
DOM.add(id + '_wrapper', 'a', {id : id + '_ok', 'class' : 'mceButton mceOk', href : 'javascript:;', onmousedown : 'return false;'}, 'Ok'); |
||||
|
||||
if (f.type == 'confirm') |
||||
DOM.add(id + '_wrapper', 'a', {'class' : 'mceButton mceCancel', href : 'javascript:;', onmousedown : 'return false;'}, 'Cancel'); |
||||
|
||||
DOM.add(id + '_middle', 'div', {'class' : 'mceIcon'}); |
||||
DOM.setHTML(id + '_content', f.content.replace('\n', '<br />')); |
||||
|
||||
Event.add(id, 'keyup', function(evt) { |
||||
var VK_ESCAPE = 27; |
||||
if (evt.keyCode === VK_ESCAPE) { |
||||
f.button_func(false); |
||||
return Event.cancel(evt); |
||||
} |
||||
}); |
||||
|
||||
Event.add(id, 'keydown', function(evt) { |
||||
var cancelButton, VK_TAB = 9; |
||||
if (evt.keyCode === VK_TAB) { |
||||
cancelButton = DOM.select('a.mceCancel', id + '_wrapper')[0]; |
||||
if (cancelButton && cancelButton !== evt.target) { |
||||
cancelButton.focus(); |
||||
} else { |
||||
DOM.get(id + '_ok').focus(); |
||||
} |
||||
return Event.cancel(evt); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
// Register events
|
||||
mdf = Event.add(id, 'mousedown', function(e) { |
||||
var n = e.target, w, vp; |
||||
|
||||
w = t.windows[id]; |
||||
t.focus(id); |
||||
|
||||
if (n.nodeName == 'A' || n.nodeName == 'a') { |
||||
if (n.className == 'mceClose') { |
||||
t.close(null, id); |
||||
return Event.cancel(e); |
||||
} else if (n.className == 'mceMax') { |
||||
w.oldPos = w.element.getXY(); |
||||
w.oldSize = w.element.getSize(); |
||||
|
||||
vp = DOM.getViewPort(); |
||||
|
||||
// Reduce viewport size to avoid scrollbars
|
||||
vp.w -= 2; |
||||
vp.h -= 2; |
||||
|
||||
w.element.moveTo(vp.x, vp.y); |
||||
w.element.resizeTo(vp.w, vp.h); |
||||
DOM.setStyles(id + '_ifr', {width : vp.w - w.deltaWidth, height : vp.h - w.deltaHeight}); |
||||
DOM.addClass(id + '_wrapper', 'mceMaximized'); |
||||
} else if (n.className == 'mceMed') { |
||||
// Reset to old size
|
||||
w.element.moveTo(w.oldPos.x, w.oldPos.y); |
||||
w.element.resizeTo(w.oldSize.w, w.oldSize.h); |
||||
w.iframeElement.resizeTo(w.oldSize.w - w.deltaWidth, w.oldSize.h - w.deltaHeight); |
||||
|
||||
DOM.removeClass(id + '_wrapper', 'mceMaximized'); |
||||
} else if (n.className == 'mceMove') |
||||
return t._startDrag(id, e, n.className); |
||||
else if (DOM.hasClass(n, 'mceResize')) |
||||
return t._startDrag(id, e, n.className.substring(13)); |
||||
} |
||||
}); |
||||
|
||||
clf = Event.add(id, 'click', function(e) { |
||||
var n = e.target; |
||||
|
||||
t.focus(id); |
||||
|
||||
if (n.nodeName == 'A' || n.nodeName == 'a') { |
||||
switch (n.className) { |
||||
case 'mceClose': |
||||
t.close(null, id); |
||||
return Event.cancel(e); |
||||
|
||||
case 'mceButton mceOk': |
||||
case 'mceButton mceCancel': |
||||
f.button_func(n.className == 'mceButton mceOk'); |
||||
return Event.cancel(e); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
// Make sure the tab order loops within the dialog.
|
||||
Event.add([id + '_left', id + '_right'], 'focus', function(evt) { |
||||
var iframe = DOM.get(id + '_ifr'); |
||||
if (iframe) { |
||||
var body = iframe.contentWindow.document.body; |
||||
var focusable = DOM.select(':input:enabled,*[tabindex=0]', body); |
||||
if (evt.target.id === (id + '_left')) { |
||||
focusable[focusable.length - 1].focus(); |
||||
} else { |
||||
focusable[0].focus(); |
||||
} |
||||
} else { |
||||
DOM.get(id + '_ok').focus(); |
||||
} |
||||
}); |
||||
|
||||
// Add window
|
||||
w = t.windows[id] = { |
||||
id : id, |
||||
mousedown_func : mdf, |
||||
click_func : clf, |
||||
element : new Element(id, {blocker : 1, container : ed.getContainer()}), |
||||
iframeElement : new Element(id + '_ifr'), |
||||
features : f, |
||||
deltaWidth : dw, |
||||
deltaHeight : dh |
||||
}; |
||||
|
||||
w.iframeElement.on('focus', function() { |
||||
t.focus(id); |
||||
}); |
||||
|
||||
// Setup blocker
|
||||
if (t.count == 0 && t.editor.getParam('dialog_type', 'modal') == 'modal') { |
||||
DOM.add(DOM.doc.body, 'div', { |
||||
id : 'mceModalBlocker', |
||||
'class' : (t.editor.settings.inlinepopups_skin || 'clearlooks2') + '_modalBlocker', |
||||
style : {zIndex : t.zIndex - 1} |
||||
}); |
||||
|
||||
DOM.show('mceModalBlocker'); // Reduces flicker in IE
|
||||
DOM.setAttrib(DOM.doc.body, 'aria-hidden', 'true'); |
||||
} else |
||||
DOM.setStyle('mceModalBlocker', 'z-index', t.zIndex - 1); |
||||
|
||||
if (tinymce.isIE6 || /Firefox\/2\./.test(navigator.userAgent) || (tinymce.isIE && !DOM.boxModel)) |
||||
DOM.setStyles('mceModalBlocker', {position : 'absolute', left : vp.x, top : vp.y, width : vp.w - 2, height : vp.h - 2}); |
||||
|
||||
DOM.setAttrib(id, 'aria-hidden', 'false'); |
||||
t.focus(id); |
||||
t._fixIELayout(id, 1); |
||||
|
||||
// Focus ok button
|
||||
if (DOM.get(id + '_ok')) |
||||
DOM.get(id + '_ok').focus(); |
||||
t.count++; |
||||
|
||||
return w; |
||||
}, |
||||
|
||||
focus : function(id) { |
||||
var t = this, w; |
||||
|
||||
if (w = t.windows[id]) { |
||||
w.zIndex = this.zIndex++; |
||||
w.element.setStyle('zIndex', w.zIndex); |
||||
w.element.update(); |
||||
|
||||
id = id + '_wrapper'; |
||||
DOM.removeClass(t.lastId, 'mceFocus'); |
||||
DOM.addClass(id, 'mceFocus'); |
||||
t.lastId = id; |
||||
|
||||
if (w.focussedElement) { |
||||
w.focussedElement.focus(); |
||||
} else if (DOM.get(id + '_ok')) { |
||||
DOM.get(w.id + '_ok').focus(); |
||||
} else if (DOM.get(w.id + '_ifr')) { |
||||
DOM.get(w.id + '_ifr').focus(); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
_addAll : function(te, ne) { |
||||
var i, n, t = this, dom = tinymce.DOM; |
||||
|
||||
if (is(ne, 'string')) |
||||
te.appendChild(dom.doc.createTextNode(ne)); |
||||
else if (ne.length) { |
||||
te = te.appendChild(dom.create(ne[0], ne[1])); |
||||
|
||||
for (i=2; i<ne.length; i++) |
||||
t._addAll(te, ne[i]); |
||||
} |
||||
}, |
||||
|
||||
_startDrag : function(id, se, ac) { |
||||
var t = this, mu, mm, d = DOM.doc, eb, w = t.windows[id], we = w.element, sp = we.getXY(), p, sz, ph, cp, vp, sx, sy, sex, sey, dx, dy, dw, dh; |
||||
|
||||
// Get positons and sizes
|
||||
// cp = DOM.getPos(t.editor.getContainer());
|
||||
cp = {x : 0, y : 0}; |
||||
vp = DOM.getViewPort(); |
||||
|
||||
// Reduce viewport size to avoid scrollbars while dragging
|
||||
vp.w -= 2; |
||||
vp.h -= 2; |
||||
|
||||
sex = se.screenX; |
||||
sey = se.screenY; |
||||
dx = dy = dw = dh = 0; |
||||
|
||||
// Handle mouse up
|
||||
mu = Event.add(d, 'mouseup', function(e) { |
||||
Event.remove(d, 'mouseup', mu); |
||||
Event.remove(d, 'mousemove', mm); |
||||
|
||||
if (eb) |
||||
eb.remove(); |
||||
|
||||
we.moveBy(dx, dy); |
||||
we.resizeBy(dw, dh); |
||||
sz = we.getSize(); |
||||
DOM.setStyles(id + '_ifr', {width : sz.w - w.deltaWidth, height : sz.h - w.deltaHeight}); |
||||
t._fixIELayout(id, 1); |
||||
|
||||
return Event.cancel(e); |
||||
}); |
||||
|
||||
if (ac != 'Move') |
||||
startMove(); |
||||
|
||||
function startMove() { |
||||
if (eb) |
||||
return; |
||||
|
||||
t._fixIELayout(id, 0); |
||||
|
||||
// Setup event blocker
|
||||
DOM.add(d.body, 'div', { |
||||
id : 'mceEventBlocker', |
||||
'class' : 'mceEventBlocker ' + (t.editor.settings.inlinepopups_skin || 'clearlooks2'), |
||||
style : {zIndex : t.zIndex + 1} |
||||
}); |
||||
|
||||
if (tinymce.isIE6 || (tinymce.isIE && !DOM.boxModel)) |
||||
DOM.setStyles('mceEventBlocker', {position : 'absolute', left : vp.x, top : vp.y, width : vp.w - 2, height : vp.h - 2}); |
||||
|
||||
eb = new Element('mceEventBlocker'); |
||||
eb.update(); |
||||
|
||||
// Setup placeholder
|
||||
p = we.getXY(); |
||||
sz = we.getSize(); |
||||
sx = cp.x + p.x - vp.x; |
||||
sy = cp.y + p.y - vp.y; |
||||
DOM.add(eb.get(), 'div', {id : 'mcePlaceHolder', 'class' : 'mcePlaceHolder', style : {left : sx, top : sy, width : sz.w, height : sz.h}}); |
||||
ph = new Element('mcePlaceHolder'); |
||||
}; |
||||
|
||||
// Handle mouse move/drag
|
||||
mm = Event.add(d, 'mousemove', function(e) { |
||||
var x, y, v; |
||||
|
||||
startMove(); |
||||
|
||||
x = e.screenX - sex; |
||||
y = e.screenY - sey; |
||||
|
||||
switch (ac) { |
||||
case 'ResizeW': |
||||
dx = x; |
||||
dw = 0 - x; |
||||
break; |
||||
|
||||
case 'ResizeE': |
||||
dw = x; |
||||
break; |
||||
|
||||
case 'ResizeN': |
||||
case 'ResizeNW': |
||||
case 'ResizeNE': |
||||
if (ac == "ResizeNW") { |
||||
dx = x; |
||||
dw = 0 - x; |
||||
} else if (ac == "ResizeNE") |
||||
dw = x; |
||||
|
||||
dy = y; |
||||
dh = 0 - y; |
||||
break; |
||||
|
||||
case 'ResizeS': |
||||
case 'ResizeSW': |
||||
case 'ResizeSE': |
||||
if (ac == "ResizeSW") { |
||||
dx = x; |
||||
dw = 0 - x; |
||||
} else if (ac == "ResizeSE") |
||||
dw = x; |
||||
|
||||
dh = y; |
||||
break; |
||||
|
||||
case 'mceMove': |
||||
dx = x; |
||||
dy = y; |
||||
break; |
||||
} |
||||
|
||||
// Boundary check
|
||||
if (dw < (v = w.features.min_width - sz.w)) { |
||||
if (dx !== 0) |
||||
dx += dw - v; |
||||
|
||||
dw = v; |
||||
} |
||||
|
||||
if (dh < (v = w.features.min_height - sz.h)) { |
||||
if (dy !== 0) |
||||
dy += dh - v; |
||||
|
||||
dh = v; |
||||
} |
||||
|
||||
dw = Math.min(dw, w.features.max_width - sz.w); |
||||
dh = Math.min(dh, w.features.max_height - sz.h); |
||||
dx = Math.max(dx, vp.x - (sx + vp.x)); |
||||
dy = Math.max(dy, vp.y - (sy + vp.y)); |
||||
dx = Math.min(dx, (vp.w + vp.x) - (sx + sz.w + vp.x)); |
||||
dy = Math.min(dy, (vp.h + vp.y) - (sy + sz.h + vp.y)); |
||||
|
||||
// Move if needed
|
||||
if (dx + dy !== 0) { |
||||
if (sx + dx < 0) |
||||
dx = 0; |
||||
|
||||
if (sy + dy < 0) |
||||
dy = 0; |
||||
|
||||
ph.moveTo(sx + dx, sy + dy); |
||||
} |
||||
|
||||
// Resize if needed
|
||||
if (dw + dh !== 0) |
||||
ph.resizeTo(sz.w + dw, sz.h + dh); |
||||
|
||||
return Event.cancel(e); |
||||
}); |
||||
|
||||
return Event.cancel(se); |
||||
}, |
||||
|
||||
resizeBy : function(dw, dh, id) { |
||||
var w = this.windows[id]; |
||||
|
||||
if (w) { |
||||
w.element.resizeBy(dw, dh); |
||||
w.iframeElement.resizeBy(dw, dh); |
||||
} |
||||
}, |
||||
|
||||
close : function(win, id) { |
||||
var t = this, w, d = DOM.doc, fw, id; |
||||
|
||||
id = t._findId(id || win); |
||||
|
||||
// Probably not inline
|
||||
if (!t.windows[id]) { |
||||
t.parent(win); |
||||
return; |
||||
} |
||||
|
||||
t.count--; |
||||
|
||||
if (t.count == 0) { |
||||
DOM.remove('mceModalBlocker'); |
||||
DOM.setAttrib(DOM.doc.body, 'aria-hidden', 'false'); |
||||
t.editor.focus(); |
||||
} |
||||
|
||||
if (w = t.windows[id]) { |
||||
t.onClose.dispatch(t); |
||||
Event.remove(d, 'mousedown', w.mousedownFunc); |
||||
Event.remove(d, 'click', w.clickFunc); |
||||
Event.clear(id); |
||||
Event.clear(id + '_ifr'); |
||||
|
||||
DOM.setAttrib(id + '_ifr', 'src', 'javascript:""'); // Prevent leak
|
||||
w.element.remove(); |
||||
delete t.windows[id]; |
||||
|
||||
fw = t._frontWindow(); |
||||
|
||||
if (fw) |
||||
t.focus(fw.id); |
||||
} |
||||
}, |
||||
|
||||
// Find front most window
|
||||
_frontWindow : function() { |
||||
var fw, ix = 0; |
||||
// Find front most window and focus that
|
||||
each (this.windows, function(w) { |
||||
if (w.zIndex > ix) { |
||||
fw = w; |
||||
ix = w.zIndex; |
||||
} |
||||
}); |
||||
return fw; |
||||
}, |
||||
|
||||
setTitle : function(w, ti) { |
||||
var e; |
||||
|
||||
w = this._findId(w); |
||||
|
||||
if (e = DOM.get(w + '_title')) |
||||
e.innerHTML = DOM.encode(ti); |
||||
}, |
||||
|
||||
alert : function(txt, cb, s) { |
||||
var t = this, w; |
||||
|
||||
w = t.open({ |
||||
title : t, |
||||
type : 'alert', |
||||
button_func : function(s) { |
||||
if (cb) |
||||
cb.call(s || t, s); |
||||
|
||||
t.close(null, w.id); |
||||
}, |
||||
content : DOM.encode(t.editor.getLang(txt, txt)), |
||||
inline : 1, |
||||
width : 400, |
||||
height : 130 |
||||
}); |
||||
}, |
||||
|
||||
confirm : function(txt, cb, s) { |
||||
var t = this, w; |
||||
|
||||
w = t.open({ |
||||
title : t, |
||||
type : 'confirm', |
||||
button_func : function(s) { |
||||
if (cb) |
||||
cb.call(s || t, s); |
||||
|
||||
t.close(null, w.id); |
||||
}, |
||||
content : DOM.encode(t.editor.getLang(txt, txt)), |
||||
inline : 1, |
||||
width : 400, |
||||
height : 130 |
||||
}); |
||||
}, |
||||
|
||||
// Internal functions
|
||||
|
||||
_findId : function(w) { |
||||
var t = this; |
||||
|
||||
if (typeof(w) == 'string') |
||||
return w; |
||||
|
||||
each(t.windows, function(wo) { |
||||
var ifr = DOM.get(wo.id + '_ifr'); |
||||
|
||||
if (ifr && w == ifr.contentWindow) { |
||||
w = wo.id; |
||||
return false; |
||||
} |
||||
}); |
||||
|
||||
return w; |
||||
}, |
||||
|
||||
_fixIELayout : function(id, s) { |
||||
var w, img; |
||||
|
||||
if (!tinymce.isIE6) |
||||
return; |
||||
|
||||
// Fixes the bug where hover flickers and does odd things in IE6
|
||||
each(['n','s','w','e','nw','ne','sw','se'], function(v) { |
||||
var e = DOM.get(id + '_resize_' + v); |
||||
|
||||
DOM.setStyles(e, { |
||||
width : s ? e.clientWidth : '', |
||||
height : s ? e.clientHeight : '', |
||||
cursor : DOM.getStyle(e, 'cursor', 1) |
||||
}); |
||||
|
||||
DOM.setStyle(id + "_bottom", 'bottom', '-1px'); |
||||
|
||||
e = 0; |
||||
}); |
||||
|
||||
// Fixes graphics glitch
|
||||
if (w = this.windows[id]) { |
||||
// Fixes rendering bug after resize
|
||||
w.element.hide(); |
||||
w.element.show(); |
||||
|
||||
// Forced a repaint of the window
|
||||
//DOM.get(id).style.filter = '';
|
||||
|
||||
// IE has a bug where images used in CSS won't get loaded
|
||||
// sometimes when the cache in the browser is disabled
|
||||
// This fix tries to solve it by loading the images using the image object
|
||||
each(DOM.select('div,a', id), function(e, i) { |
||||
if (e.currentStyle.backgroundImage != 'none') { |
||||
img = new Image(); |
||||
img.src = e.currentStyle.backgroundImage.replace(/url\(\"(.+)\"\)/, '$1'); |
||||
} |
||||
}); |
||||
|
||||
DOM.get(id).style.filter = ''; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('inlinepopups', tinymce.plugins.InlinePopups); |
||||
})(); |
||||
|
After Width: | Height: | Size: 810 B |
After Width: | Height: | Size: 272 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 907 B |
After Width: | Height: | Size: 909 B |
After Width: | Height: | Size: 769 B |
After Width: | Height: | Size: 84 B |
@ -0,0 +1,90 @@ |
||||
/* Clearlooks 2 */ |
||||
|
||||
/* Reset */ |
||||
.clearlooks2, .clearlooks2 div, .clearlooks2 span, .clearlooks2 a {vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent; font-family:Arial,Verdana; font-size:11px; color:#000; text-decoration:none; font-weight:normal; width:auto; height:auto; overflow:hidden; display:block} |
||||
|
||||
/* General */ |
||||
.clearlooks2 {position:absolute; direction:ltr} |
||||
.clearlooks2 .mceWrapper {position:static} |
||||
.mceEventBlocker {position:fixed; left:0; top:0; background:url(img/horizontal.gif) no-repeat 0 -75px; width:100%; height:100%} |
||||
.clearlooks2 .mcePlaceHolder {border:1px solid #000; background:#888; top:0; left:0; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50)} |
||||
.clearlooks2_modalBlocker {position:fixed; left:0; top:0; width:100%; height:100%; background:#FFF; opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60); display:none} |
||||
|
||||
/* Top */ |
||||
.clearlooks2 .mceTop, .clearlooks2 .mceTop div {top:0; width:100%; height:23px} |
||||
.clearlooks2 .mceTop .mceLeft {width:6px; background:url(img/corners.gif)} |
||||
.clearlooks2 .mceTop .mceCenter {right:6px; width:100%; height:23px; background:url(img/horizontal.gif) 12px 0; clip:rect(auto auto auto 12px)} |
||||
.clearlooks2 .mceTop .mceRight {right:0; width:6px; height:23px; background:url(img/corners.gif) -12px 0} |
||||
.clearlooks2 .mceTop span {width:100%; text-align:center; vertical-align:middle; line-height:23px; font-weight:bold} |
||||
.clearlooks2 .mceFocus .mceTop .mceLeft {background:url(img/corners.gif) -6px 0} |
||||
.clearlooks2 .mceFocus .mceTop .mceCenter {background:url(img/horizontal.gif) 0 -23px} |
||||
.clearlooks2 .mceFocus .mceTop .mceRight {background:url(img/corners.gif) -18px 0} |
||||
.clearlooks2 .mceFocus .mceTop span {color:#FFF} |
||||
|
||||
/* Middle */ |
||||
.clearlooks2 .mceMiddle, .clearlooks2 .mceMiddle div {top:0} |
||||
.clearlooks2 .mceMiddle {width:100%; height:100%; clip:rect(23px auto auto auto)} |
||||
.clearlooks2 .mceMiddle .mceLeft {left:0; width:5px; height:100%; background:url(img/vertical.gif) -5px 0} |
||||
.clearlooks2 .mceMiddle span {top:23px; left:5px; width:100%; height:100%; background:#FFF} |
||||
.clearlooks2 .mceMiddle .mceRight {right:0; width:5px; height:100%; background:url(img/vertical.gif)} |
||||
|
||||
/* Bottom */ |
||||
.clearlooks2 .mceBottom, .clearlooks2 .mceBottom div {height:6px} |
||||
.clearlooks2 .mceBottom {left:0; bottom:0; width:100%} |
||||
.clearlooks2 .mceBottom div {top:0} |
||||
.clearlooks2 .mceBottom .mceLeft {left:0; width:5px; background:url(img/corners.gif) -34px -6px} |
||||
.clearlooks2 .mceBottom .mceCenter {left:5px; width:100%; background:url(img/horizontal.gif) 0 -46px} |
||||
.clearlooks2 .mceBottom .mceRight {right:0; width:5px; background: url(img/corners.gif) -34px 0} |
||||
.clearlooks2 .mceBottom span {display:none} |
||||
.clearlooks2 .mceStatusbar .mceBottom, .clearlooks2 .mceStatusbar .mceBottom div {height:23px} |
||||
.clearlooks2 .mceStatusbar .mceBottom .mceLeft {background:url(img/corners.gif) -29px 0} |
||||
.clearlooks2 .mceStatusbar .mceBottom .mceCenter {background:url(img/horizontal.gif) 0 -52px} |
||||
.clearlooks2 .mceStatusbar .mceBottom .mceRight {background:url(img/corners.gif) -24px 0} |
||||
.clearlooks2 .mceStatusbar .mceBottom span {display:block; left:7px; font-family:Arial, Verdana; font-size:11px; line-height:23px} |
||||
|
||||
/* Actions */ |
||||
.clearlooks2 a {width:29px; height:16px; top:3px;} |
||||
.clearlooks2 .mceClose {right:6px; background:url(img/buttons.gif) -87px 0} |
||||
.clearlooks2 .mceMin {display:none; right:68px; background:url(img/buttons.gif) 0 0} |
||||
.clearlooks2 .mceMed {display:none; right:37px; background:url(img/buttons.gif) -29px 0} |
||||
.clearlooks2 .mceMax {display:none; right:37px; background:url(img/buttons.gif) -58px 0} |
||||
.clearlooks2 .mceMove {display:none;width:100%;cursor:move;background:url(img/corners.gif) no-repeat -100px -100px} |
||||
.clearlooks2 .mceMovable .mceMove {display:block} |
||||
.clearlooks2 .mceFocus .mceClose {right:6px; background:url(img/buttons.gif) -87px -16px} |
||||
.clearlooks2 .mceFocus .mceMin {right:68px; background:url(img/buttons.gif) 0 -16px} |
||||
.clearlooks2 .mceFocus .mceMed {right:37px; background:url(img/buttons.gif) -29px -16px} |
||||
.clearlooks2 .mceFocus .mceMax {right:37px; background:url(img/buttons.gif) -58px -16px} |
||||
.clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(img/buttons.gif) -87px -32px} |
||||
.clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(img/buttons.gif) -87px -32px} |
||||
.clearlooks2 .mceFocus .mceMin:hover {right:68px; background:url(img/buttons.gif) 0 -32px} |
||||
.clearlooks2 .mceFocus .mceMed:hover {right:37px; background:url(img/buttons.gif) -29px -32px} |
||||
.clearlooks2 .mceFocus .mceMax:hover {right:37px; background:url(img/buttons.gif) -58px -32px} |
||||
|
||||
/* Resize */ |
||||
.clearlooks2 .mceResize {top:auto; left:auto; display:none; width:5px; height:5px; background:url(img/horizontal.gif) no-repeat 0 -75px} |
||||
.clearlooks2 .mceResizable .mceResize {display:block} |
||||
.clearlooks2 .mceResizable .mceMin, .clearlooks2 .mceMax {display:none} |
||||
.clearlooks2 .mceMinimizable .mceMin {display:block} |
||||
.clearlooks2 .mceMaximizable .mceMax {display:block} |
||||
.clearlooks2 .mceMaximized .mceMed {display:block} |
||||
.clearlooks2 .mceMaximized .mceMax {display:none} |
||||
.clearlooks2 a.mceResizeN {top:0; left:0; width:100%; cursor:n-resize} |
||||
.clearlooks2 a.mceResizeNW {top:0; left:0; cursor:nw-resize} |
||||
.clearlooks2 a.mceResizeNE {top:0; right:0; cursor:ne-resize} |
||||
.clearlooks2 a.mceResizeW {top:0; left:0; height:100%; cursor:w-resize;} |
||||
.clearlooks2 a.mceResizeE {top:0; right:0; height:100%; cursor:e-resize} |
||||
.clearlooks2 a.mceResizeS {bottom:0; left:0; width:100%; cursor:s-resize} |
||||
.clearlooks2 a.mceResizeSW {bottom:0; left:0; cursor:sw-resize} |
||||
.clearlooks2 a.mceResizeSE {bottom:0; right:0; cursor:se-resize} |
||||
|
||||
/* Alert/Confirm */ |
||||
.clearlooks2 .mceButton {font-weight:bold; bottom:10px; width:80px; height:30px; background:url(img/button.gif); line-height:30px; vertical-align:middle; text-align:center; outline:0} |
||||
.clearlooks2 .mceMiddle .mceIcon {left:15px; top:35px; width:32px; height:32px} |
||||
.clearlooks2 .mceAlert .mceMiddle span, .clearlooks2 .mceConfirm .mceMiddle span {background:transparent;left:60px; top:35px; width:320px; height:50px; font-weight:bold; overflow:auto; white-space:normal} |
||||
.clearlooks2 a:hover {font-weight:bold;} |
||||
.clearlooks2 .mceAlert .mceMiddle, .clearlooks2 .mceConfirm .mceMiddle {background:#D6D7D5} |
||||
.clearlooks2 .mceAlert .mceOk {left:50%; top:auto; margin-left: -40px} |
||||
.clearlooks2 .mceAlert .mceIcon {background:url(img/alert.gif)} |
||||
.clearlooks2 .mceConfirm .mceOk {left:50%; top:auto; margin-left: -90px} |
||||
.clearlooks2 .mceConfirm .mceCancel {left:50%; top:auto} |
||||
.clearlooks2 .mceConfirm .mceIcon {background:url(img/confirm.gif)} |
@ -0,0 +1,387 @@ |
||||
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> --> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title>Template for dialogs</title> |
||||
<link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" /> |
||||
</head> |
||||
<body> |
||||
|
||||
<div class="mceEditor"> |
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px;"> |
||||
<div class="mceWrapper"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Blured</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px;"> |
||||
<div class="mceWrapper mceMovable mceFocus"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Focused</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;"> |
||||
<div class="mceWrapper mceMovable mceFocus mceStatusbar"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;"> |
||||
<div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar, Resizable</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;"> |
||||
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Resizable, Maximizable</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;"> |
||||
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Blurred, Maximizable, Statusbar, Resizable</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;"> |
||||
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Maximized, Maximizable, Minimizable</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;"> |
||||
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Blured</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span>Content</span> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Statusbar text.</span> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceMin" href="#"></a> |
||||
<a class="mceMax" href="#"></a> |
||||
<a class="mceMed" href="#"></a> |
||||
<a class="mceClose" href="#"></a> |
||||
<a class="mceResize mceResizeN" href="#"></a> |
||||
<a class="mceResize mceResizeS" href="#"></a> |
||||
<a class="mceResize mceResizeW" href="#"></a> |
||||
<a class="mceResize mceResizeE" href="#"></a> |
||||
<a class="mceResize mceResizeNW" href="#"></a> |
||||
<a class="mceResize mceResizeNE" href="#"></a> |
||||
<a class="mceResize mceResizeSW" href="#"></a> |
||||
<a class="mceResize mceResizeSE" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;"> |
||||
<div class="mceWrapper mceMovable mceFocus mceModal mceAlert"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Alert</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span> |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
</span> |
||||
<div class="mceRight"></div> |
||||
<div class="mceIcon"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceButton mceOk" href="#">Ok</a> |
||||
<a class="mceClose" href="#"></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;"> |
||||
<div class="mceWrapper mceMovable mceFocus mceModal mceConfirm"> |
||||
<div class="mceTop"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
<span>Confirm</span> |
||||
</div> |
||||
|
||||
<div class="mceMiddle"> |
||||
<div class="mceLeft"></div> |
||||
<span> |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
This is a very long error message. This is a very long error message. |
||||
</span> |
||||
<div class="mceRight"></div> |
||||
<div class="mceIcon"></div> |
||||
</div> |
||||
|
||||
<div class="mceBottom"> |
||||
<div class="mceLeft"></div> |
||||
<div class="mceCenter"></div> |
||||
<div class="mceRight"></div> |
||||
</div> |
||||
|
||||
<a class="mceMove" href="#"></a> |
||||
<a class="mceButton mceOk" href="#">Ok</a> |
||||
<a class="mceButton mceCancel" href="#">Cancel</a> |
||||
<a class="mceClose" href="#"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1 @@ |
||||
(function(){tinymce.create("tinymce.plugins.InsertDateTime",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceInsertDate",function(){var d=c._getDateTime(new Date(),a.getParam("plugin_insertdate_dateFormat",a.getLang("insertdatetime.date_fmt")));a.execCommand("mceInsertContent",false,d)});a.addCommand("mceInsertTime",function(){var d=c._getDateTime(new Date(),a.getParam("plugin_insertdate_timeFormat",a.getLang("insertdatetime.time_fmt")));a.execCommand("mceInsertContent",false,d)});a.addButton("insertdate",{title:"insertdatetime.insertdate_desc",cmd:"mceInsertDate"});a.addButton("inserttime",{title:"insertdatetime.inserttime_desc",cmd:"mceInsertTime"})},getInfo:function(){return{longname:"Insert date/time",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/insertdatetime",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_getDateTime:function(e,a){var c=this.editor;function b(g,d){g=""+g;if(g.length<d){for(var f=0;f<(d-g.length);f++){g="0"+g}}return g}a=a.replace("%D","%m/%d/%y");a=a.replace("%r","%I:%M:%S %p");a=a.replace("%Y",""+e.getFullYear());a=a.replace("%y",""+e.getYear());a=a.replace("%m",b(e.getMonth()+1,2));a=a.replace("%d",b(e.getDate(),2));a=a.replace("%H",""+b(e.getHours(),2));a=a.replace("%M",""+b(e.getMinutes(),2));a=a.replace("%S",""+b(e.getSeconds(),2));a=a.replace("%I",""+((e.getHours()+11)%12+1));a=a.replace("%p",""+(e.getHours()<12?"AM":"PM"));a=a.replace("%B",""+c.getLang("insertdatetime.months_long").split(",")[e.getMonth()]);a=a.replace("%b",""+c.getLang("insertdatetime.months_short").split(",")[e.getMonth()]);a=a.replace("%A",""+c.getLang("insertdatetime.day_long").split(",")[e.getDay()]);a=a.replace("%a",""+c.getLang("insertdatetime.day_short").split(",")[e.getDay()]);a=a.replace("%%","%");return a}});tinymce.PluginManager.add("insertdatetime",tinymce.plugins.InsertDateTime)})(); |
@ -0,0 +1,83 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
tinymce.create('tinymce.plugins.InsertDateTime', { |
||||
init : function(ed, url) { |
||||
var t = this; |
||||
|
||||
t.editor = ed; |
||||
|
||||
ed.addCommand('mceInsertDate', function() { |
||||
var str = t._getDateTime(new Date(), ed.getParam("plugin_insertdate_dateFormat", ed.getLang('insertdatetime.date_fmt'))); |
||||
|
||||
ed.execCommand('mceInsertContent', false, str); |
||||
}); |
||||
|
||||
ed.addCommand('mceInsertTime', function() { |
||||
var str = t._getDateTime(new Date(), ed.getParam("plugin_insertdate_timeFormat", ed.getLang('insertdatetime.time_fmt'))); |
||||
|
||||
ed.execCommand('mceInsertContent', false, str); |
||||
}); |
||||
|
||||
ed.addButton('insertdate', {title : 'insertdatetime.insertdate_desc', cmd : 'mceInsertDate'}); |
||||
ed.addButton('inserttime', {title : 'insertdatetime.inserttime_desc', cmd : 'mceInsertTime'}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Insert date/time', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/insertdatetime', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
// Private methods
|
||||
|
||||
_getDateTime : function(d, fmt) { |
||||
var ed = this.editor; |
||||
|
||||
function addZeros(value, len) { |
||||
value = "" + value; |
||||
|
||||
if (value.length < len) { |
||||
for (var i=0; i<(len-value.length); i++) |
||||
value = "0" + value; |
||||
} |
||||
|
||||
return value; |
||||
}; |
||||
|
||||
fmt = fmt.replace("%D", "%m/%d/%y"); |
||||
fmt = fmt.replace("%r", "%I:%M:%S %p"); |
||||
fmt = fmt.replace("%Y", "" + d.getFullYear()); |
||||
fmt = fmt.replace("%y", "" + d.getYear()); |
||||
fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2)); |
||||
fmt = fmt.replace("%d", addZeros(d.getDate(), 2)); |
||||
fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2)); |
||||
fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2)); |
||||
fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2)); |
||||
fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1)); |
||||
fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM")); |
||||
fmt = fmt.replace("%B", "" + ed.getLang("insertdatetime.months_long").split(',')[d.getMonth()]); |
||||
fmt = fmt.replace("%b", "" + ed.getLang("insertdatetime.months_short").split(',')[d.getMonth()]); |
||||
fmt = fmt.replace("%A", "" + ed.getLang("insertdatetime.day_long").split(',')[d.getDay()]); |
||||
fmt = fmt.replace("%a", "" + ed.getLang("insertdatetime.day_short").split(',')[d.getDay()]); |
||||
fmt = fmt.replace("%%", "%"); |
||||
|
||||
return fmt; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('insertdatetime', tinymce.plugins.InsertDateTime); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(){function a(b){do{if(b.className&&b.className.indexOf("mceItemLayer")!=-1){return b}}while(b=b.parentNode)}tinymce.create("tinymce.plugins.Layer",{init:function(b,c){var d=this;d.editor=b;b.addCommand("mceInsertLayer",d._insertLayer,d);b.addCommand("mceMoveForward",function(){d._move(1)});b.addCommand("mceMoveBackward",function(){d._move(-1)});b.addCommand("mceMakeAbsolute",function(){d._toggleAbsolute()});b.addButton("moveforward",{title:"layer.forward_desc",cmd:"mceMoveForward"});b.addButton("movebackward",{title:"layer.backward_desc",cmd:"mceMoveBackward"});b.addButton("absolute",{title:"layer.absolute_desc",cmd:"mceMakeAbsolute"});b.addButton("insertlayer",{title:"layer.insertlayer_desc",cmd:"mceInsertLayer"});b.onInit.add(function(){var e=b.dom;if(tinymce.isIE){b.getDoc().execCommand("2D-Position",false,true)}});b.onMouseUp.add(function(f,h){var g=a(h.target);if(g){f.dom.setAttrib(g,"data-mce-style","")}});b.onMouseDown.add(function(f,j){var h=j.target,i=f.getDoc(),g;if(tinymce.isGecko){if(a(h)){if(i.designMode!=="on"){i.designMode="on";h=i.body;g=h.parentNode;g.removeChild(h);g.appendChild(h)}}else{if(i.designMode=="on"){i.designMode="off"}}}});b.onNodeChange.add(d._nodeChange,d);b.onVisualAid.add(d._visualAid,d)},getInfo:function(){return{longname:"Layer",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(c,b,f){var d,e;d=this._getParentLayer(f);e=c.dom.getParent(f,"DIV,P,IMG");if(!e){b.setDisabled("absolute",1);b.setDisabled("moveforward",1);b.setDisabled("movebackward",1)}else{b.setDisabled("absolute",0);b.setDisabled("moveforward",!d);b.setDisabled("movebackward",!d);b.setActive("absolute",d&&d.style.position.toLowerCase()=="absolute")}},_visualAid:function(b,d,c){var f=b.dom;tinymce.each(f.select("div,p",d),function(g){if(/^(absolute|relative|fixed)$/i.test(g.style.position)){if(c){f.addClass(g,"mceItemVisualAid")}else{f.removeClass(g,"mceItemVisualAid")}f.addClass(g,"mceItemLayer")}})},_move:function(j){var c=this.editor,g,h=[],f=this._getParentLayer(c.selection.getNode()),e=-1,k=-1,b;b=[];tinymce.walk(c.getBody(),function(d){if(d.nodeType==1&&/^(absolute|relative|static)$/i.test(d.style.position)){b.push(d)}},"childNodes");for(g=0;g<b.length;g++){h[g]=b[g].style.zIndex?parseInt(b[g].style.zIndex):0;if(e<0&&b[g]==f){e=g}}if(j<0){for(g=0;g<h.length;g++){if(h[g]<h[e]){k=g;break}}if(k>-1){b[e].style.zIndex=h[k];b[k].style.zIndex=h[e]}else{if(h[e]>0){b[e].style.zIndex=h[e]-1}}}else{for(g=0;g<h.length;g++){if(h[g]>h[e]){k=g;break}}if(k>-1){b[e].style.zIndex=h[k];b[k].style.zIndex=h[e]}else{b[e].style.zIndex=h[e]+1}}c.execCommand("mceRepaint")},_getParentLayer:function(b){return this.editor.dom.getParent(b,function(c){return c.nodeType==1&&/^(absolute|relative|static)$/i.test(c.style.position)})},_insertLayer:function(){var c=this.editor,e=c.dom,d=e.getPos(e.getParent(c.selection.getNode(),"*")),b=c.getBody();c.dom.add(b,"div",{style:{position:"absolute",left:d.x,top:(d.y>20?d.y:20),width:100,height:100},"class":"mceItemVisualAid mceItemLayer"},c.selection.getContent()||c.getLang("layer.content"));if(tinymce.isIE){e.setHTML(b,b.innerHTML)}},_toggleAbsolute:function(){var b=this.editor,c=this._getParentLayer(b.selection.getNode());if(!c){c=b.dom.getParent(b.selection.getNode(),"DIV,P,IMG")}if(c){if(c.style.position.toLowerCase()=="absolute"){b.dom.setStyles(c,{position:"",left:"",top:"",width:"",height:""});b.dom.removeClass(c,"mceItemVisualAid");b.dom.removeClass(c,"mceItemLayer")}else{if(c.style.left==""){c.style.left=20+"px"}if(c.style.top==""){c.style.top=20+"px"}if(c.style.width==""){c.style.width=c.width?(c.width+"px"):"100px"}if(c.style.height==""){c.style.height=c.height?(c.height+"px"):"100px"}c.style.position="absolute";b.dom.setAttrib(c,"data-mce-style","");b.addVisual(b.getBody())}b.execCommand("mceRepaint");b.nodeChanged()}}});tinymce.PluginManager.add("layer",tinymce.plugins.Layer)})(); |
@ -0,0 +1,262 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
function findParentLayer(node) { |
||||
do { |
||||
if (node.className && node.className.indexOf('mceItemLayer') != -1) { |
||||
return node; |
||||
} |
||||
} while (node = node.parentNode); |
||||
}; |
||||
|
||||
tinymce.create('tinymce.plugins.Layer', { |
||||
init : function(ed, url) { |
||||
var t = this; |
||||
|
||||
t.editor = ed; |
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceInsertLayer', t._insertLayer, t); |
||||
|
||||
ed.addCommand('mceMoveForward', function() { |
||||
t._move(1); |
||||
}); |
||||
|
||||
ed.addCommand('mceMoveBackward', function() { |
||||
t._move(-1); |
||||
}); |
||||
|
||||
ed.addCommand('mceMakeAbsolute', function() { |
||||
t._toggleAbsolute(); |
||||
}); |
||||
|
||||
// Register buttons
|
||||
ed.addButton('moveforward', {title : 'layer.forward_desc', cmd : 'mceMoveForward'}); |
||||
ed.addButton('movebackward', {title : 'layer.backward_desc', cmd : 'mceMoveBackward'}); |
||||
ed.addButton('absolute', {title : 'layer.absolute_desc', cmd : 'mceMakeAbsolute'}); |
||||
ed.addButton('insertlayer', {title : 'layer.insertlayer_desc', cmd : 'mceInsertLayer'}); |
||||
|
||||
ed.onInit.add(function() { |
||||
var dom = ed.dom; |
||||
|
||||
if (tinymce.isIE) |
||||
ed.getDoc().execCommand('2D-Position', false, true); |
||||
}); |
||||
|
||||
// Remove serialized styles when selecting a layer since it might be changed by a drag operation
|
||||
ed.onMouseUp.add(function(ed, e) { |
||||
var layer = findParentLayer(e.target); |
||||
|
||||
if (layer) { |
||||
ed.dom.setAttrib(layer, 'data-mce-style', ''); |
||||
} |
||||
}); |
||||
|
||||
// Fixes edit focus issues with layers on Gecko
|
||||
// This will enable designMode while inside a layer and disable it when outside
|
||||
ed.onMouseDown.add(function(ed, e) { |
||||
var node = e.target, doc = ed.getDoc(), parent; |
||||
|
||||
if (tinymce.isGecko) { |
||||
if (findParentLayer(node)) { |
||||
if (doc.designMode !== 'on') { |
||||
doc.designMode = 'on'; |
||||
|
||||
// Repaint caret
|
||||
node = doc.body; |
||||
parent = node.parentNode; |
||||
parent.removeChild(node); |
||||
parent.appendChild(node); |
||||
} |
||||
} else if (doc.designMode == 'on') { |
||||
doc.designMode = 'off'; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
ed.onNodeChange.add(t._nodeChange, t); |
||||
ed.onVisualAid.add(t._visualAid, t); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'Layer', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
}, |
||||
|
||||
// Private methods
|
||||
|
||||
_nodeChange : function(ed, cm, n) { |
||||
var le, p; |
||||
|
||||
le = this._getParentLayer(n); |
||||
p = ed.dom.getParent(n, 'DIV,P,IMG'); |
||||
|
||||
if (!p) { |
||||
cm.setDisabled('absolute', 1); |
||||
cm.setDisabled('moveforward', 1); |
||||
cm.setDisabled('movebackward', 1); |
||||
} else { |
||||
cm.setDisabled('absolute', 0); |
||||
cm.setDisabled('moveforward', !le); |
||||
cm.setDisabled('movebackward', !le); |
||||
cm.setActive('absolute', le && le.style.position.toLowerCase() == "absolute"); |
||||
} |
||||
}, |
||||
|
||||
// Private methods
|
||||
|
||||
_visualAid : function(ed, e, s) { |
||||
var dom = ed.dom; |
||||
|
||||
tinymce.each(dom.select('div,p', e), function(e) { |
||||
if (/^(absolute|relative|fixed)$/i.test(e.style.position)) { |
||||
if (s) |
||||
dom.addClass(e, 'mceItemVisualAid'); |
||||
else |
||||
dom.removeClass(e, 'mceItemVisualAid'); |
||||
|
||||
dom.addClass(e, 'mceItemLayer'); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_move : function(d) { |
||||
var ed = this.editor, i, z = [], le = this._getParentLayer(ed.selection.getNode()), ci = -1, fi = -1, nl; |
||||
|
||||
nl = []; |
||||
tinymce.walk(ed.getBody(), function(n) { |
||||
if (n.nodeType == 1 && /^(absolute|relative|static)$/i.test(n.style.position)) |
||||
nl.push(n);
|
||||
}, 'childNodes'); |
||||
|
||||
// Find z-indexes
|
||||
for (i=0; i<nl.length; i++) { |
||||
z[i] = nl[i].style.zIndex ? parseInt(nl[i].style.zIndex) : 0; |
||||
|
||||
if (ci < 0 && nl[i] == le) |
||||
ci = i; |
||||
} |
||||
|
||||
if (d < 0) { |
||||
// Move back
|
||||
|
||||
// Try find a lower one
|
||||
for (i=0; i<z.length; i++) { |
||||
if (z[i] < z[ci]) { |
||||
fi = i; |
||||
break; |
||||
} |
||||
} |
||||
|
||||
if (fi > -1) { |
||||
nl[ci].style.zIndex = z[fi]; |
||||
nl[fi].style.zIndex = z[ci]; |
||||
} else { |
||||
if (z[ci] > 0) |
||||
nl[ci].style.zIndex = z[ci] - 1; |
||||
} |
||||
} else { |
||||
// Move forward
|
||||
|
||||
// Try find a higher one
|
||||
for (i=0; i<z.length; i++) { |
||||
if (z[i] > z[ci]) { |
||||
fi = i; |
||||
break; |
||||
} |
||||
} |
||||
|
||||
if (fi > -1) { |
||||
nl[ci].style.zIndex = z[fi]; |
||||
nl[fi].style.zIndex = z[ci]; |
||||
} else |
||||
nl[ci].style.zIndex = z[ci] + 1; |
||||
} |
||||
|
||||
ed.execCommand('mceRepaint'); |
||||
}, |
||||
|
||||
_getParentLayer : function(n) { |
||||
return this.editor.dom.getParent(n, function(n) { |
||||
return n.nodeType == 1 && /^(absolute|relative|static)$/i.test(n.style.position); |
||||
}); |
||||
}, |
||||
|
||||
_insertLayer : function() { |
||||
var ed = this.editor, dom = ed.dom, p = dom.getPos(dom.getParent(ed.selection.getNode(), '*')), body = ed.getBody(); |
||||
|
||||
ed.dom.add(body, 'div', { |
||||
style : { |
||||
position : 'absolute', |
||||
left : p.x, |
||||
top : (p.y > 20 ? p.y : 20), |
||||
width : 100, |
||||
height : 100 |
||||
}, |
||||
'class' : 'mceItemVisualAid mceItemLayer' |
||||
}, ed.selection.getContent() || ed.getLang('layer.content')); |
||||
|
||||
// Workaround for IE where it messes up the JS engine if you insert a layer on IE 6,7
|
||||
if (tinymce.isIE) |
||||
dom.setHTML(body, body.innerHTML); |
||||
}, |
||||
|
||||
_toggleAbsolute : function() { |
||||
var ed = this.editor, le = this._getParentLayer(ed.selection.getNode()); |
||||
|
||||
if (!le) |
||||
le = ed.dom.getParent(ed.selection.getNode(), 'DIV,P,IMG'); |
||||
|
||||
if (le) { |
||||
if (le.style.position.toLowerCase() == "absolute") { |
||||
ed.dom.setStyles(le, { |
||||
position : '', |
||||
left : '', |
||||
top : '', |
||||
width : '', |
||||
height : '' |
||||
}); |
||||
|
||||
ed.dom.removeClass(le, 'mceItemVisualAid'); |
||||
ed.dom.removeClass(le, 'mceItemLayer'); |
||||
} else { |
||||
if (le.style.left == "") |
||||
le.style.left = 20 + 'px'; |
||||
|
||||
if (le.style.top == "") |
||||
le.style.top = 20 + 'px'; |
||||
|
||||
if (le.style.width == "") |
||||
le.style.width = le.width ? (le.width + 'px') : '100px'; |
||||
|
||||
if (le.style.height == "") |
||||
le.style.height = le.height ? (le.height + 'px') : '100px'; |
||||
|
||||
le.style.position = "absolute"; |
||||
|
||||
ed.dom.setAttrib(le, 'data-mce-style', ''); |
||||
ed.addVisual(ed.getBody()); |
||||
} |
||||
|
||||
ed.execCommand('mceRepaint'); |
||||
ed.nodeChanged(); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('layer', tinymce.plugins.Layer); |
||||
})(); |
@ -0,0 +1 @@ |
||||
(function(a){a.onAddEditor.addToTop(function(c,b){b.settings.inline_styles=false});a.create("tinymce.plugins.LegacyOutput",{init:function(b){b.onInit.add(function(){var c="p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",e=a.explode(b.settings.font_size_style_values),d=b.schema;b.formatter.register({alignleft:{selector:c,attributes:{align:"left"}},aligncenter:{selector:c,attributes:{align:"center"}},alignright:{selector:c,attributes:{align:"right"}},alignfull:{selector:c,attributes:{align:"justify"}},bold:[{inline:"b",remove:"all"},{inline:"strong",remove:"all"},{inline:"span",styles:{fontWeight:"bold"}}],italic:[{inline:"i",remove:"all"},{inline:"em",remove:"all"},{inline:"span",styles:{fontStyle:"italic"}}],underline:[{inline:"u",remove:"all"},{inline:"span",styles:{textDecoration:"underline"},exact:true}],strikethrough:[{inline:"strike",remove:"all"},{inline:"span",styles:{textDecoration:"line-through"},exact:true}],fontname:{inline:"font",attributes:{face:"%value"}},fontsize:{inline:"font",attributes:{size:function(f){return a.inArray(e,f.value)+1}}},forecolor:{inline:"font",attributes:{color:"%value"}},hilitecolor:{inline:"font",styles:{backgroundColor:"%value"}}});a.each("b,i,u,strike".split(","),function(f){d.addValidElements(f+"[*]")});if(!d.getElementRule("font")){d.addValidElements("font[face|size|color|style]")}a.each(c.split(","),function(f){var h=d.getElementRule(f),g;if(h){if(!h.attributes.align){h.attributes.align={};h.attributesOrder.push("align")}}});b.onNodeChange.add(function(g,k){var j,f,h,i;f=g.dom.getParent(g.selection.getNode(),"font");if(f){h=f.face;i=f.size}if(j=k.get("fontselect")){j.select(function(l){return l==h})}if(j=k.get("fontsizeselect")){j.select(function(m){var l=a.inArray(e,m.fontSize);return l+1==i})}})})},getInfo:function(){return{longname:"LegacyOutput",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/legacyoutput",version:a.majorVersion+"."+a.minorVersion}}});a.PluginManager.add("legacyoutput",a.plugins.LegacyOutput)})(tinymce); |
@ -0,0 +1,139 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2009, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
* |
||||
* This plugin will force TinyMCE to produce deprecated legacy output such as font elements, u elements, align |
||||
* attributes and so forth. There are a few cases where these old items might be needed for example in email applications or with Flash |
||||
* |
||||
* However you should NOT use this plugin if you are building some system that produces web contents such as a CMS. All these elements are |
||||
* not apart of the newer specifications for HTML and XHTML. |
||||
*/ |
||||
|
||||
(function(tinymce) { |
||||
// Override inline_styles setting to force TinyMCE to produce deprecated contents
|
||||
tinymce.onAddEditor.addToTop(function(tinymce, editor) { |
||||
editor.settings.inline_styles = false; |
||||
}); |
||||
|
||||
// Create the legacy ouput plugin
|
||||
tinymce.create('tinymce.plugins.LegacyOutput', { |
||||
init : function(editor) { |
||||
editor.onInit.add(function() { |
||||
var alignElements = 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', |
||||
fontSizes = tinymce.explode(editor.settings.font_size_style_values), |
||||
schema = editor.schema; |
||||
|
||||
// Override some internal formats to produce legacy elements and attributes
|
||||
editor.formatter.register({ |
||||
// Change alignment formats to use the deprecated align attribute
|
||||
alignleft : {selector : alignElements, attributes : {align : 'left'}}, |
||||
aligncenter : {selector : alignElements, attributes : {align : 'center'}}, |
||||
alignright : {selector : alignElements, attributes : {align : 'right'}}, |
||||
alignfull : {selector : alignElements, attributes : {align : 'justify'}}, |
||||
|
||||
// Change the basic formatting elements to use deprecated element types
|
||||
bold : [ |
||||
{inline : 'b', remove : 'all'}, |
||||
{inline : 'strong', remove : 'all'}, |
||||
{inline : 'span', styles : {fontWeight : 'bold'}} |
||||
], |
||||
italic : [ |
||||
{inline : 'i', remove : 'all'}, |
||||
{inline : 'em', remove : 'all'}, |
||||
{inline : 'span', styles : {fontStyle : 'italic'}} |
||||
], |
||||
underline : [ |
||||
{inline : 'u', remove : 'all'}, |
||||
{inline : 'span', styles : {textDecoration : 'underline'}, exact : true} |
||||
], |
||||
strikethrough : [ |
||||
{inline : 'strike', remove : 'all'}, |
||||
{inline : 'span', styles : {textDecoration: 'line-through'}, exact : true} |
||||
], |
||||
|
||||
// Change font size and font family to use the deprecated font element
|
||||
fontname : {inline : 'font', attributes : {face : '%value'}}, |
||||
fontsize : { |
||||
inline : 'font', |
||||
attributes : { |
||||
size : function(vars) { |
||||
return tinymce.inArray(fontSizes, vars.value) + 1; |
||||
} |
||||
} |
||||
}, |
||||
|
||||
// Setup font elements for colors as well
|
||||
forecolor : {inline : 'font', attributes : {color : '%value'}}, |
||||
hilitecolor : {inline : 'font', styles : {backgroundColor : '%value'}} |
||||
}); |
||||
|
||||
// Check that deprecated elements are allowed if not add them
|
||||
tinymce.each('b,i,u,strike'.split(','), function(name) { |
||||
schema.addValidElements(name + '[*]'); |
||||
}); |
||||
|
||||
// Add font element if it's missing
|
||||
if (!schema.getElementRule("font")) |
||||
schema.addValidElements("font[face|size|color|style]"); |
||||
|
||||
// Add the missing and depreacted align attribute for the serialization engine
|
||||
tinymce.each(alignElements.split(','), function(name) { |
||||
var rule = schema.getElementRule(name), found; |
||||
|
||||
if (rule) { |
||||
if (!rule.attributes.align) { |
||||
rule.attributes.align = {}; |
||||
rule.attributesOrder.push('align'); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
// Listen for the onNodeChange event so that we can do special logic for the font size and font name drop boxes
|
||||
editor.onNodeChange.add(function(editor, control_manager) { |
||||
var control, fontElm, fontName, fontSize; |
||||
|
||||
// Find font element get it's name and size
|
||||
fontElm = editor.dom.getParent(editor.selection.getNode(), 'font'); |
||||
if (fontElm) { |
||||
fontName = fontElm.face; |
||||
fontSize = fontElm.size; |
||||
} |
||||
|
||||
// Select/unselect the font name in droplist
|
||||
if (control = control_manager.get('fontselect')) { |
||||
control.select(function(value) { |
||||
return value == fontName; |
||||
}); |
||||
} |
||||
|
||||
// Select/unselect the font size in droplist
|
||||
if (control = control_manager.get('fontsizeselect')) { |
||||
control.select(function(value) { |
||||
var index = tinymce.inArray(fontSizes, value.fontSize); |
||||
|
||||
return index + 1 == fontSize; |
||||
}); |
||||
} |
||||
}); |
||||
}); |
||||
}, |
||||
|
||||
getInfo : function() { |
||||
return { |
||||
longname : 'LegacyOutput', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/legacyoutput', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('legacyoutput', tinymce.plugins.LegacyOutput); |
||||
})(tinymce); |
@ -0,0 +1,955 @@ |
||||
/** |
||||
* editor_plugin_src.js |
||||
* |
||||
* Copyright 2011, Moxiecode Systems AB |
||||
* Released under LGPL License. |
||||
* |
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/ |
||||
|
||||
(function() { |
||||
var each = tinymce.each, Event = tinymce.dom.Event, bookmark; |
||||
|
||||
// Skips text nodes that only contain whitespace since they aren't semantically important.
|
||||
function skipWhitespaceNodes(e, next) { |
||||
while (e && (e.nodeType === 8 || (e.nodeType === 3 && /^[ \t\n\r]*$/.test(e.nodeValue)))) { |
||||
e = next(e); |
||||
} |
||||
return e; |
||||
} |
||||
|
||||
function skipWhitespaceNodesBackwards(e) { |
||||
return skipWhitespaceNodes(e, function(e) { |
||||
return e.previousSibling; |
||||
}); |
||||
} |
||||
|
||||
function skipWhitespaceNodesForwards(e) { |
||||
return skipWhitespaceNodes(e, function(e) { |
||||
return e.nextSibling; |
||||
}); |
||||
} |
||||
|
||||
function hasParentInList(ed, e, list) { |
||||
return ed.dom.getParent(e, function(p) { |
||||
return tinymce.inArray(list, p) !== -1; |
||||
}); |
||||
} |
||||
|
||||
function isList(e) { |
||||
return e && (e.tagName === 'OL' || e.tagName === 'UL'); |
||||
} |
||||
|
||||
function splitNestedLists(element, dom) { |
||||
var tmp, nested, wrapItem; |
||||
tmp = skipWhitespaceNodesBackwards(element.lastChild); |
||||
while (isList(tmp)) { |
||||
nested = tmp; |
||||
tmp = skipWhitespaceNodesBackwards(nested.previousSibling); |
||||
} |
||||
if (nested) { |
||||
wrapItem = dom.create('li', { style: 'list-style-type: none;'}); |
||||
dom.split(element, nested); |
||||
dom.insertAfter(wrapItem, nested); |
||||
wrapItem.appendChild(nested); |
||||
wrapItem.appendChild(nested); |
||||
element = wrapItem.previousSibling; |
||||
} |
||||
return element; |
||||
} |
||||
|
||||
function attemptMergeWithAdjacent(e, allowDifferentListStyles, mergeParagraphs) { |
||||
e = attemptMergeWithPrevious(e, allowDifferentListStyles, mergeParagraphs); |
||||
return attemptMergeWithNext(e, allowDifferentListStyles, mergeParagraphs); |
||||
} |
||||
|
||||
function attemptMergeWithPrevious(e, allowDifferentListStyles, mergeParagraphs) { |
||||
var prev = skipWhitespaceNodesBackwards(e.previousSibling); |
||||
if (prev) { |
||||
return attemptMerge(prev, e, allowDifferentListStyles ? prev : false, mergeParagraphs); |
||||
} else { |
||||
return e; |
||||
} |
||||
} |
||||
|
||||
function attemptMergeWithNext(e, allowDifferentListStyles, mergeParagraphs) { |
||||
var next = skipWhitespaceNodesForwards(e.nextSibling); |
||||
if (next) { |
||||
return attemptMerge(e, next, allowDifferentListStyles ? next : false, mergeParagraphs); |
||||
} else { |
||||
return e; |
||||
} |
||||
} |
||||
|
||||
function attemptMerge(e1, e2, differentStylesMasterElement, mergeParagraphs) { |
||||
if (canMerge(e1, e2, !!differentStylesMasterElement, mergeParagraphs)) { |
||||
return merge(e1, e2, differentStylesMasterElement); |
||||
} else if (e1 && e1.tagName === 'LI' && isList(e2)) { |
||||
// Fix invalidly nested lists.
|
||||
e1.appendChild(e2); |
||||
} |
||||
return e2; |
||||
} |
||||
|
||||
function canMerge(e1, e2, allowDifferentListStyles, mergeParagraphs) { |
||||
if (!e1 || !e2) { |
||||
return false; |
||||
} else if (e1.tagName === 'LI' && e2.tagName === 'LI') { |
||||
return e2.style.listStyleType === 'none' || containsOnlyAList(e2); |
||||
} else if (isList(e1)) { |
||||
return (e1.tagName === e2.tagName && (allowDifferentListStyles || e1.style.listStyleType === e2.style.listStyleType)) || isListForIndent(e2); |
||||
} else return mergeParagraphs && e1.tagName === 'P' && e2.tagName === 'P'; |
||||
} |
||||
|
||||
function isListForIndent(e) { |
||||
var firstLI = skipWhitespaceNodesForwards(e.firstChild), lastLI = skipWhitespaceNodesBackwards(e.lastChild); |
||||
return firstLI && lastLI && isList(e) && firstLI === lastLI && (isList(firstLI) || firstLI.style.listStyleType === 'none' || containsOnlyAList(firstLI)); |
||||
} |
||||
|
||||
function containsOnlyAList(e) { |
||||
var firstChild = skipWhitespaceNodesForwards(e.firstChild), lastChild = skipWhitespaceNodesBackwards(e.lastChild); |
||||
return firstChild && lastChild && firstChild === lastChild && isList(firstChild); |
||||
} |
||||
|
||||
function merge(e1, e2, masterElement) { |
||||
var lastOriginal = skipWhitespaceNodesBackwards(e1.lastChild), firstNew = skipWhitespaceNodesForwards(e2.firstChild); |
||||
if (e1.tagName === 'P') { |
||||
e1.appendChild(e1.ownerDocument.createElement('br')); |
||||
} |
||||
while (e2.firstChild) { |
||||
e1.appendChild(e2.firstChild); |
||||
} |
||||
if (masterElement) { |
||||
e1.style.listStyleType = masterElement.style.listStyleType; |
||||
} |
||||
e2.parentNode.removeChild(e2); |
||||
attemptMerge(lastOriginal, firstNew, false); |
||||
return e1; |
||||
} |
||||
|
||||
function findItemToOperateOn(e, dom) { |
||||
var item; |
||||
if (!dom.is(e, 'li,ol,ul')) { |
||||
item = dom.getParent(e, 'li'); |
||||
if (item) { |
||||
e = item; |
||||
} |
||||
} |
||||
return e; |
||||
} |
||||
|
||||
tinymce.create('tinymce.plugins.Lists', { |
||||
init: function(ed) { |
||||
var LIST_TABBING = 'TABBING'; |
||||
var LIST_EMPTY_ITEM = 'EMPTY'; |
||||
var LIST_ESCAPE = 'ESCAPE'; |
||||
var LIST_PARAGRAPH = 'PARAGRAPH'; |
||||
var LIST_UNKNOWN = 'UNKNOWN'; |
||||
var state = LIST_UNKNOWN; |
||||
|
||||
function isTabInList(e) { |
||||
// Don't indent on Ctrl+Tab or Alt+Tab
|
||||
return e.keyCode === tinymce.VK.TAB && !(e.altKey || e.ctrlKey) && |
||||
(ed.queryCommandState('InsertUnorderedList') || ed.queryCommandState('InsertOrderedList')); |
||||
} |
||||
|
||||
function isOnLastListItem() { |
||||
var li = getLi(); |
||||
var grandParent = li.parentNode.parentNode; |
||||
var isLastItem = li.parentNode.lastChild === li; |
||||
return isLastItem && !isNestedList(grandParent) && isEmptyListItem(li); |
||||
} |
||||
|
||||
function isNestedList(grandParent) { |
||||
if (isList(grandParent)) { |
||||
return grandParent.parentNode && grandParent.parentNode.tagName === 'LI'; |
||||
} else { |
||||
return grandParent.tagName === 'LI'; |
||||
} |
||||
} |
||||
|
||||
function isInEmptyListItem() { |
||||
return ed.selection.isCollapsed() && isEmptyListItem(getLi()); |
||||
} |
||||
|
||||
function getLi() { |
||||
var n = ed.selection.getStart(); |
||||
// Get start will return BR if the LI only contains a BR or an empty element as we use these to fix caret position
|
||||
return ((n.tagName == 'BR' || n.tagName == '') && n.parentNode.tagName == 'LI') ? n.parentNode : n; |
||||
} |
||||
|
||||
function isEmptyListItem(li) { |
||||
var numChildren = li.childNodes.length; |
||||
if (li.tagName === 'LI') { |
||||
return numChildren == 0 ? true : numChildren == 1 && (li.firstChild.tagName == '' || li.firstChild.tagName == 'BR' || isEmptyIE9Li(li)); |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
function isEmptyIE9Li(li) { |
||||
// only consider this to be last item if there is no list item content or that content is nbsp or space since IE9 creates these
|
||||
var lis = tinymce.grep(li.parentNode.childNodes, function(n) {return n.tagName == 'LI'}); |
||||
var isLastLi = li == lis[lis.length - 1]; |
||||
var child = li.firstChild; |
||||
return tinymce.isIE9 && isLastLi && (child.nodeValue == String.fromCharCode(160) || child.nodeValue == String.fromCharCode(32)); |
||||
} |
||||
|
||||
function isEnter(e) { |
||||
return e.keyCode === tinymce.VK.ENTER; |
||||
} |
||||
|
||||
function isEnterWithoutShift(e) { |
||||
return isEnter(e) && !e.shiftKey; |
||||
} |
||||
|
||||
function getListKeyState(e) { |
||||
if (isTabInList(e)) { |
||||
return LIST_TABBING; |
||||
} else if (isEnterWithoutShift(e) && isOnLastListItem()) { |
||||
// Returns LIST_UNKNOWN since breaking out of lists is handled by the EnterKey.js logic now
|
||||
//return LIST_ESCAPE;
|
||||
return LIST_UNKNOWN; |
||||
} else if (isEnterWithoutShift(e) && isInEmptyListItem()) { |
||||
return LIST_EMPTY_ITEM; |
||||
} else { |
||||
return LIST_UNKNOWN; |
||||
} |
||||
} |
||||
|
||||
function cancelDefaultEvents(ed, e) { |
||||
// list escape is done manually using outdent as it does not create paragraphs correctly in td's
|
||||
if (state == LIST_TABBING || state == LIST_EMPTY_ITEM || tinymce.isGecko && state == LIST_ESCAPE) { |
||||
Event.cancel(e); |
||||
} |
||||
} |
||||
|
||||
function isCursorAtEndOfContainer() { |
||||
var range = ed.selection.getRng(true); |
||||
var startContainer = range.startContainer; |
||||
if (startContainer.nodeType == 3) { |
||||
var value = startContainer.nodeValue; |
||||
if (tinymce.isIE9 && value.length > 1 && value.charCodeAt(value.length-1) == 32) { |
||||
// IE9 places a space on the end of the text in some cases so ignore last char
|
||||
return (range.endOffset == value.length-1); |
||||
} else { |
||||
return (range.endOffset == value.length); |
||||
} |
||||
} else if (startContainer.nodeType == 1) { |
||||
return range.endOffset == startContainer.childNodes.length; |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
/* |
||||
If we are at the end of a list item surrounded with an element, pressing enter should create a |
||||
new list item instead without splitting the element e.g. don't want to create new P or H1 tag |
||||
*/ |
||||
function isEndOfListItem() { |
||||
var node = ed.selection.getNode(); |
||||
var validElements = 'h1,h2,h3,h4,h5,h6,p,div'; |
||||
var isLastParagraphOfLi = ed.dom.is(node, validElements) && node.parentNode.tagName === 'LI' && node.parentNode.lastChild === node; |
||||
return ed.selection.isCollapsed() && isLastParagraphOfLi && isCursorAtEndOfContainer(); |
||||
} |
||||
|
||||
// Creates a new list item after the current selection's list item parent
|
||||
function createNewLi(ed, e) { |
||||
if (isEnterWithoutShift(e) && isEndOfListItem()) { |
||||
var node = ed.selection.getNode(); |
||||
var li = ed.dom.create("li"); |
||||
var parentLi = ed.dom.getParent(node, 'li'); |
||||
ed.dom.insertAfter(li, parentLi); |
||||
|
||||
// Move caret to new list element.
|
||||
if (tinymce.isIE6 || tinymce.isIE7 || tinyMCE.isIE8) { |
||||
// Removed this line since it would create an odd < > tag and placing the caret inside an empty LI is handled and should be handled by the selection logic
|
||||
//li.appendChild(ed.dom.create(" ")); // IE needs an element within the bullet point
|
||||
ed.selection.setCursorLocation(li, 1); |
||||
} else { |
||||
ed.selection.setCursorLocation(li, 0); |
||||
} |
||||
e.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
function imageJoiningListItem(ed, e) { |
||||
var prevSibling; |
||||
|
||||
if (!tinymce.isGecko) |
||||
return; |
||||
|
||||
var n = ed.selection.getStart(); |
||||
if (e.keyCode != tinymce.VK.BACKSPACE || n.tagName !== 'IMG') |
||||
return; |
||||
|
||||
function lastLI(node) { |
||||
var child = node.firstChild; |
||||
var li = null; |
||||
do { |
||||
if (!child) |
||||
break; |
||||
|
||||
if (child.tagName === 'LI') |
||||
li = child; |
||||
} while (child = child.nextSibling); |
||||
|
||||
return li; |
||||
} |
||||
|
||||
function addChildren(parentNode, destination) { |
||||
while (parentNode.childNodes.length > 0) |
||||
destination.appendChild(parentNode.childNodes[0]); |
||||
} |
||||
|
||||
// Check if there is a previous sibling
|
||||
prevSibling = n.parentNode.previousSibling; |
||||
if (!prevSibling) |
||||
return; |
||||
|
||||
var ul; |
||||
if (prevSibling.tagName === 'UL' || prevSibling.tagName === 'OL') |
||||
ul = prevSibling; |
||||
else if (prevSibling.previousSibling && (prevSibling.previousSibling.tagName === 'UL' || prevSibling.previousSibling.tagName === 'OL')) |
||||
ul = prevSibling.previousSibling; |
||||
else |
||||
return; |
||||
|
||||
var li = lastLI(ul); |
||||
|
||||
// move the caret to the end of the list item
|
||||
var rng = ed.dom.createRng(); |
||||
rng.setStart(li, 1); |
||||
rng.setEnd(li, 1); |
||||
ed.selection.setRng(rng); |
||||
ed.selection.collapse(true); |
||||
|
||||
// save a bookmark at the end of the list item
|
||||
var bookmark = ed.selection.getBookmark(); |
||||
|
||||
// copy the image an its text to the list item
|
||||
var clone = n.parentNode.cloneNode(true); |
||||
if (clone.tagName === 'P' || clone.tagName === 'DIV') |
||||
addChildren(clone, li); |
||||
else |
||||
li.appendChild(clone); |
||||
|
||||
// remove the old copy of the image
|
||||
n.parentNode.parentNode.removeChild(n.parentNode); |
||||
|
||||
// move the caret where we saved the bookmark
|
||||
ed.selection.moveToBookmark(bookmark); |
||||
} |
||||
|
||||
// fix the cursor position to ensure it is correct in IE
|
||||
function setCursorPositionToOriginalLi(li) { |
||||
var list = ed.dom.getParent(li, 'ol,ul'); |
||||
if (list != null) { |
||||
var lastLi = list.lastChild; |
||||
// Removed this line since IE9 would report an DOM character error and placing the caret inside an empty LI is handled and should be handled by the selection logic
|
||||
//lastLi.appendChild(ed.getDoc().createElement(''));
|
||||
ed.selection.setCursorLocation(lastLi, 0); |
||||
} |
||||
} |
||||
|
||||
this.ed = ed; |
||||
ed.addCommand('Indent', this.indent, this); |
||||
ed.addCommand('Outdent', this.outdent, this); |
||||
ed.addCommand('InsertUnorderedList', function() { |
||||
this.applyList('UL', 'OL'); |
||||
}, this); |
||||
ed.addCommand('InsertOrderedList', function() { |
||||
this.applyList('OL', 'UL'); |
||||
}, this); |
||||
|
||||
ed.onInit.add(function() { |
||||
ed.editorCommands.addCommands({ |
||||
'outdent': function() { |
||||
var sel = ed.selection, dom = ed.dom; |
||||
|
||||
function hasStyleIndent(n) { |
||||
n = dom.getParent(n, dom.isBlock); |
||||
return n && (parseInt(ed.dom.getStyle(n, 'margin-left') || 0, 10) + parseInt(ed.dom.getStyle(n, 'padding-left') || 0, 10)) > 0; |
||||
} |
||||
|
||||
return hasStyleIndent(sel.getStart()) || hasStyleIndent(sel.getEnd()) || ed.queryCommandState('InsertOrderedList') || ed.queryCommandState('InsertUnorderedList'); |
||||
} |
||||
}, 'state'); |
||||
}); |
||||
|
||||
ed.onKeyUp.add(function(ed, e) { |
||||
if (state == LIST_TABBING) { |
||||
ed.execCommand(e.shiftKey ? 'Outdent' : 'Indent', true, null); |
||||
state = LIST_UNKNOWN; |
||||
return Event.cancel(e); |
||||
} else if (state == LIST_EMPTY_ITEM) { |
||||
var li = getLi(); |
||||
var shouldOutdent = ed.settings.list_outdent_on_enter === true || e.shiftKey; |
||||
ed.execCommand(shouldOutdent ? 'Outdent' : 'Indent', true, null); |
||||
if (tinymce.isIE) { |
||||
setCursorPositionToOriginalLi(li); |
||||
} |
||||
|
||||
return Event.cancel(e); |
||||
} else if (state == LIST_ESCAPE) { |
||||
if (tinymce.isIE6 || tinymce.isIE7 || tinymce.isIE8) { |
||||
// append a zero sized nbsp so that caret is positioned correctly in IE after escaping and applying formatting.
|
||||
// if there is no text then applying formatting for e.g a H1 to the P tag immediately following list after
|
||||
// escaping from it will cause the caret to be positioned on the last li instead of staying the in P tag.
|
||||
var n = ed.getDoc().createTextNode('\uFEFF'); |
||||
ed.selection.getNode().appendChild(n); |
||||
} else if (tinymce.isIE9 || tinymce.isGecko) { |
||||
// IE9 does not escape the list so we use outdent to do this and cancel the default behaviour
|
||||
// Gecko does not create a paragraph outdenting inside a TD so default behaviour is cancelled and we outdent ourselves
|
||||
ed.execCommand('Outdent'); |
||||
return Event.cancel(e); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
function fixListItem(parent, reference) { |
||||
// a zero-sized non-breaking space is placed in the empty list item so that the nested list is
|
||||
// displayed on the below line instead of next to it
|
||||
var n = ed.getDoc().createTextNode('\uFEFF'); |
||||
parent.insertBefore(n, reference); |
||||
ed.selection.setCursorLocation(n, 0); |
||||
// repaint to remove rendering artifact. only visible when creating new list
|
||||
ed.execCommand('mceRepaint'); |
||||
} |
||||
|
||||
function fixIndentedListItemForGecko(ed, e) { |
||||
if (isEnter(e)) { |
||||
var li = getLi(); |
||||
if (li) { |
||||
var parent = li.parentNode; |
||||
var grandParent = parent && parent.parentNode; |
||||
if (grandParent && grandParent.nodeName == 'LI' && grandParent.firstChild == parent && li == parent.firstChild) { |
||||
fixListItem(grandParent, parent); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
function fixIndentedListItemForIE8(ed, e) { |
||||
if (isEnter(e)) { |
||||
var li = getLi(); |
||||
if (ed.dom.select('ul li', li).length === 1) { |
||||
var list = li.firstChild; |
||||
fixListItem(li, list); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function fixDeletingFirstCharOfList(ed, e) { |
||||
function listElements(li) { |
||||
var elements = []; |
||||
var walker = new tinymce.dom.TreeWalker(li.firstChild, li); |
||||
for (var node = walker.current(); node; node = walker.next()) { |
||||
if (ed.dom.is(node, 'ol,ul,li')) { |
||||
elements.push(node); |
||||
} |
||||
} |
||||
return elements; |
||||
} |
||||
|
||||
if (e.keyCode == tinymce.VK.BACKSPACE) { |
||||
var li = getLi(); |
||||
if (li) { |
||||
var list = ed.dom.getParent(li, 'ol,ul'), |
||||
rng = ed.selection.getRng(); |
||||
if (list && list.firstChild === li && rng.startOffset == 0) { |
||||
var elements = listElements(li); |
||||
elements.unshift(li); |
||||
ed.execCommand("Outdent", false, elements); |
||||
ed.undoManager.add(); |
||||
return Event.cancel(e); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
function fixDeletingEmptyLiInWebkit(ed, e) { |
||||
var li = getLi(); |
||||
if (e.keyCode === tinymce.VK.BACKSPACE && ed.dom.is(li, 'li') && li.parentNode.firstChild!==li) { |
||||
if (ed.dom.select('ul,ol', li).length === 1) { |
||||
var prevLi = li.previousSibling; |
||||
ed.dom.remove(ed.dom.select('br', li)); |
||||
ed.dom.remove(li, true); |
||||
var textNodes = tinymce.grep(prevLi.childNodes, function(n){ return n.nodeType === 3 }); |
||||
if (textNodes.length === 1) { |
||||
var textNode = textNodes[0]; |
||||
ed.selection.setCursorLocation(textNode, textNode.length); |
||||
} |
||||
ed.undoManager.add(); |
||||
return Event.cancel(e); |
||||
} |
||||
} |
||||
} |
||||
|
||||
ed.onKeyDown.add(function(_, e) { state = getListKeyState(e); }); |
||||
ed.onKeyDown.add(cancelDefaultEvents); |
||||
ed.onKeyDown.add(imageJoiningListItem); |
||||
ed.onKeyDown.add(createNewLi); |
||||
|
||||
if (tinymce.isGecko) { |
||||
ed.onKeyUp.add(fixIndentedListItemForGecko); |
||||
} |
||||
if (tinymce.isIE8) { |
||||
ed.onKeyUp.add(fixIndentedListItemForIE8); |
||||
} |
||||
if (tinymce.isGecko || tinymce.isWebKit) { |
||||
ed.onKeyDown.add(fixDeletingFirstCharOfList); |
||||
} |
||||
if (tinymce.isWebKit) { |
||||
ed.onKeyDown.add(fixDeletingEmptyLiInWebkit); |
||||
} |
||||
}, |
||||
|
||||
applyList: function(targetListType, oppositeListType) { |
||||
var t = this, ed = t.ed, dom = ed.dom, applied = [], hasSameType = false, hasOppositeType = false, hasNonList = false, actions, |
||||
selectedBlocks = ed.selection.getSelectedBlocks(); |
||||
|
||||
function cleanupBr(e) { |
||||
if (e && e.tagName === 'BR') { |
||||
dom.remove(e); |
||||
} |
||||
} |
||||
|
||||
function makeList(element) { |
||||
var list = dom.create(targetListType), li; |
||||
|
||||
function adjustIndentForNewList(element) { |
||||
// If there's a margin-left, outdent one level to account for the extra list margin.
|
||||
if (element.style.marginLeft || element.style.paddingLeft) { |
||||
t.adjustPaddingFunction(false)(element); |
||||
} |
||||
} |
||||
|
||||
if (element.tagName === 'LI') { |
||||
// No change required.
|
||||
} else if (element.tagName === 'P' || element.tagName === 'DIV' || element.tagName === 'BODY') { |
||||
processBrs(element, function(startSection, br) { |
||||
doWrapList(startSection, br, element.tagName === 'BODY' ? null : startSection.parentNode); |
||||
li = startSection.parentNode; |
||||
adjustIndentForNewList(li); |
||||
cleanupBr(br); |
||||
}); |
||||
if (li) { |
||||
if (li.tagName === 'LI' && (element.tagName === 'P' || selectedBlocks.length > 1)) { |
||||
dom.split(li.parentNode.parentNode, li.parentNode); |
||||
} |
||||
attemptMergeWithAdjacent(li.parentNode, true); |
||||
} |
||||
return; |
||||
} else { |
||||
// Put the list around the element.
|
||||
li = dom.create('li'); |
||||
dom.insertAfter(li, element); |
||||
li.appendChild(element); |
||||
adjustIndentForNewList(element); |
||||
element = li; |
||||
} |
||||
dom.insertAfter(list, element); |
||||
list.appendChild(element); |
||||
attemptMergeWithAdjacent(list, true); |
||||
applied.push(element); |
||||
} |
||||
|
||||
function doWrapList(start, end, template) { |
||||
var li, n = start, tmp; |
||||
while (!dom.isBlock(start.parentNode) && start.parentNode !== dom.getRoot()) { |
||||
start = dom.split(start.parentNode, start.previousSibling); |
||||
start = start.nextSibling; |
||||
n = start; |
||||
} |
||||
if (template) { |
||||
li = template.cloneNode(true); |
||||
start.parentNode.insertBefore(li, start); |
||||
while (li.firstChild) dom.remove(li.firstChild); |
||||
li = dom.rename(li, 'li'); |
||||
} else { |
||||
li = dom.create('li'); |
||||
start.parentNode.insertBefore(li, start); |
||||
} |
||||
while (n && n != end) { |
||||
tmp = n.nextSibling; |
||||
li.appendChild(n); |
||||
n = tmp; |
||||
} |
||||
if (li.childNodes.length === 0) { |
||||
li.innerHTML = '<br _mce_bogus="1" />'; |
||||
} |
||||
makeList(li); |
||||
} |
||||
|
||||
function processBrs(element, callback) { |
||||
var startSection, previousBR, END_TO_START = 3, START_TO_END = 1, |
||||
breakElements = 'br,ul,ol,p,div,h1,h2,h3,h4,h5,h6,table,blockquote,address,pre,form,center,dl'; |
||||
|
||||
function isAnyPartSelected(start, end) { |
||||
var r = dom.createRng(), sel; |
||||
bookmark.keep = true; |
||||
ed.selection.moveToBookmark(bookmark); |
||||
bookmark.keep = false; |
||||
sel = ed.selection.getRng(true); |
||||
if (!end) { |
||||
end = start.parentNode.lastChild; |
||||
} |
||||
r.setStartBefore(start); |
||||
r.setEndAfter(end); |
||||
return !(r.compareBoundaryPoints(END_TO_START, sel) > 0 || r.compareBoundaryPoints(START_TO_END, sel) <= 0); |
||||
} |
||||
|
||||
function nextLeaf(br) { |
||||
if (br.nextSibling) |
||||
return br.nextSibling; |
||||
if (!dom.isBlock(br.parentNode) && br.parentNode !== dom.getRoot()) |
||||
return nextLeaf(br.parentNode); |
||||
} |
||||
|
||||
// Split on BRs within the range and process those.
|
||||
startSection = element.firstChild; |
||||
// First mark the BRs that have any part of the previous section selected.
|
||||
var trailingContentSelected = false; |
||||
each(dom.select(breakElements, element), function(br) { |
||||
if (br.hasAttribute && br.hasAttribute('_mce_bogus')) { |
||||
return true; // Skip the bogus Brs that are put in to appease Firefox and Safari.
|
||||
} |
||||
if (isAnyPartSelected(startSection, br)) { |
||||
dom.addClass(br, '_mce_tagged_br'); |
||||
startSection = nextLeaf(br); |
||||
} |
||||
}); |
||||
trailingContentSelected = (startSection && isAnyPartSelected(startSection, undefined)); |
||||
startSection = element.firstChild; |
||||
each(dom.select(breakElements, element), function(br) { |
||||
// Got a section from start to br.
|
||||
var tmp = nextLeaf(br); |
||||
if (br.hasAttribute && br.hasAttribute('_mce_bogus')) { |
||||
return true; // Skip the bogus Brs that are put in to appease Firefox and Safari.
|
||||
} |
||||
if (dom.hasClass(br, '_mce_tagged_br')) { |
||||
callback(startSection, br, previousBR); |
||||
previousBR = null; |
||||
} else { |
||||
previousBR = br; |
||||
} |
||||
startSection = tmp; |
||||
}); |
||||
if (trailingContentSelected) { |
||||
callback(startSection, undefined, previousBR); |
||||
} |
||||
} |
||||
|
||||
function wrapList(element) { |
||||
processBrs(element, function(startSection, br, previousBR) { |
||||
// Need to indent this part
|
||||
doWrapList(startSection, br); |
||||
cleanupBr(br); |
||||
cleanupBr(previousBR); |
||||
}); |
||||
} |
||||
|
||||
function changeList(element) { |
||||
if (tinymce.inArray(applied, element) !== -1) { |
||||
return; |
||||
} |
||||
if (element.parentNode.tagName === oppositeListType) { |
||||
dom.split(element.parentNode, element); |
||||
makeList(element); |
||||
attemptMergeWithNext(element.parentNode, false); |
||||
} |
||||
applied.push(element); |
||||
} |
||||
|
||||
function convertListItemToParagraph(element) { |
||||
var child, nextChild, mergedElement, splitLast; |
||||
if (tinymce.inArray(applied, element) !== -1) { |
||||
return; |
||||
} |
||||
element = splitNestedLists(element, dom); |
||||
while (dom.is(element.parentNode, 'ol,ul,li')) { |
||||
dom.split(element.parentNode, element); |
||||
} |
||||
// Push the original element we have from the selection, not the renamed one.
|
||||
applied.push(element); |
||||
element = dom.rename(element, 'p'); |
||||
mergedElement = attemptMergeWithAdjacent(element, false, ed.settings.force_br_newlines); |
||||
if (mergedElement === element) { |
||||
// Now split out any block elements that can't be contained within a P.
|
||||
// Manually iterate to ensure we handle modifications correctly (doesn't work with tinymce.each)
|
||||
child = element.firstChild; |
||||
while (child) { |
||||
if (dom.isBlock(child)) { |
||||
child = dom.split(child.parentNode, child); |
||||
splitLast = true; |
||||
nextChild = child.nextSibling && child.nextSibling.firstChild; |
||||
} else { |
||||
nextChild = child.nextSibling; |
||||
if (splitLast && child.tagName === 'BR') { |
||||
dom.remove(child); |
||||
} |
||||
splitLast = false; |
||||
} |
||||
child = nextChild; |
||||
} |
||||
} |
||||
} |
||||
|
||||
each(selectedBlocks, function(e) { |
||||
e = findItemToOperateOn(e, dom); |
||||
if (e.tagName === oppositeListType || (e.tagName === 'LI' && e.parentNode.tagName === oppositeListType)) { |
||||
hasOppositeType = true; |
||||
} else if (e.tagName === targetListType || (e.tagName === 'LI' && e.parentNode.tagName === targetListType)) { |
||||
hasSameType = true; |
||||
} else { |
||||
hasNonList = true; |
||||
} |
||||
}); |
||||
|
||||
if (hasNonList &&!hasSameType || hasOppositeType || selectedBlocks.length === 0) { |
||||
actions = { |
||||
'LI': changeList, |
||||
'H1': makeList, |
||||
'H2': makeList, |
||||
'H3': makeList, |
||||
'H4': makeList, |
||||
'H5': makeList, |
||||
'H6': makeList, |
||||
'P': makeList, |
||||
'BODY': makeList, |
||||
'DIV': selectedBlocks.length > 1 ? makeList : wrapList, |
||||
defaultAction: wrapList, |
||||
elements: this.selectedBlocks() |
||||
}; |
||||
} else { |
||||
actions = { |
||||
defaultAction: convertListItemToParagraph, |
||||
elements: this.selectedBlocks(), |
||||
processEvenIfEmpty: true |
||||
}; |
||||
} |
||||
this.process(actions); |
||||
}, |
||||
|
||||
indent: function() { |
||||
var ed = this.ed, dom = ed.dom, indented = []; |
||||
|
||||
function createWrapItem(element) { |
||||
var wrapItem = dom.create('li', { style: 'list-style-type: none;'}); |
||||
dom.insertAfter(wrapItem, element); |
||||
return wrapItem; |
||||
} |
||||
|
||||
function createWrapList(element) { |
||||
var wrapItem = createWrapItem(element), |
||||
list = dom.getParent(element, 'ol,ul'), |
||||
listType = list.tagName, |
||||
listStyle = dom.getStyle(list, 'list-style-type'), |
||||
attrs = {}, |
||||
wrapList; |
||||
if (listStyle !== '') { |
||||
attrs.style = 'list-style-type: ' + listStyle + ';'; |
||||
} |
||||
wrapList = dom.create(listType, attrs); |
||||
wrapItem.appendChild(wrapList); |
||||
return wrapList; |
||||
} |
||||
|
||||
function indentLI(element) { |
||||
if (!hasParentInList(ed, element, indented)) { |
||||
element = splitNestedLists(element, dom); |
||||
var wrapList = createWrapList(element); |
||||
wrapList.appendChild(element); |
||||
attemptMergeWithAdjacent(wrapList.parentNode, false); |
||||
attemptMergeWithAdjacent(wrapList, false); |
||||
indented.push(element); |
||||
} |
||||
} |
||||
|
||||
this.process({ |
||||
'LI': indentLI, |
||||
defaultAction: this.adjustPaddingFunction(true), |
||||
elements: this.selectedBlocks() |
||||
}); |
||||
|
||||
}, |
||||
|
||||
outdent: function(ui, elements) { |
||||
var t = this, ed = t.ed, dom = ed.dom, outdented = []; |
||||
|
||||
function outdentLI(element) { |
||||
var listElement, targetParent, align; |
||||
if (!hasParentInList(ed, element, outdented)) { |
||||
if (dom.getStyle(element, 'margin-left') !== '' || dom.getStyle(element, 'padding-left') !== '') { |
||||
return t.adjustPaddingFunction(false)(element); |
||||
} |
||||
align = dom.getStyle(element, 'text-align', true); |
||||
if (align === 'center' || align === 'right') { |
||||
dom.setStyle(element, 'text-align', 'left'); |
||||
return; |
||||
} |
||||
element = splitNestedLists(element, dom); |
||||
listElement = element.parentNode; |
||||
targetParent = element.parentNode.parentNode; |
||||
if (targetParent.tagName === 'P') { |
||||
dom.split(targetParent, element.parentNode); |
||||
} else { |
||||
dom.split(listElement, element); |
||||
if (targetParent.tagName === 'LI') { |
||||
// Nested list, need to split the LI and go back out to the OL/UL element.
|
||||
dom.split(targetParent, element); |
||||
} else if (!dom.is(targetParent, 'ol,ul')) { |
||||
dom.rename(element, 'p'); |
||||
} |
||||
} |
||||
outdented.push(element); |
||||
} |
||||
} |
||||
|
||||
var listElements = elements && tinymce.is(elements, 'array') ? elements : this.selectedBlocks(); |
||||
this.process({ |
||||
'LI': outdentLI, |
||||
defaultAction: this.adjustPaddingFunction(false), |
||||
elements: listElements |
||||
}); |
||||
|
||||
each(outdented, attemptMergeWithAdjacent); |
||||
}, |
||||
|
||||
process: function(actions) { |
||||
var t = this, sel = t.ed.selection, dom = t.ed.dom, selectedBlocks, r; |
||||
|
||||
function isEmptyElement(element) { |
||||
var excludeBrsAndBookmarks = tinymce.grep(element.childNodes, function(n) { |
||||
return !(n.nodeName === 'BR' || n.nodeName === 'SPAN' && dom.getAttrib(n, 'data-mce-type') == 'bookmark' |
||||
|| n.nodeType == 3 && (n.nodeValue == String.fromCharCode(160) || n.nodeValue == '')); |
||||
}); |
||||
return excludeBrsAndBookmarks.length === 0; |
||||
} |
||||
|
||||
function processElement(element) { |
||||
dom.removeClass(element, '_mce_act_on'); |
||||
if (!element || element.nodeType !== 1 || ! actions.processEvenIfEmpty && selectedBlocks.length > 1 && isEmptyElement(element)) { |
||||
return; |
||||
} |
||||
element = findItemToOperateOn(element, dom); |
||||
var action = actions[element.tagName]; |
||||
if (!action) { |
||||
action = actions.defaultAction; |
||||
} |
||||
action(element); |
||||
} |
||||
|
||||
function recurse(element) { |
||||
t.splitSafeEach(element.childNodes, processElement, true); |
||||
} |
||||
|
||||
function brAtEdgeOfSelection(container, offset) { |
||||
return offset >= 0 && container.hasChildNodes() && offset < container.childNodes.length && |
||||
container.childNodes[offset].tagName === 'BR'; |
||||
} |
||||
|
||||
function isInTable() { |
||||
var n = sel.getNode(); |
||||
var p = dom.getParent(n, 'td'); |
||||
return p !== null; |
||||
} |
||||
|
||||
selectedBlocks = actions.elements; |
||||
|
||||
r = sel.getRng(true); |
||||
if (!r.collapsed) { |
||||
if (brAtEdgeOfSelection(r.endContainer, r.endOffset - 1)) { |
||||
r.setEnd(r.endContainer, r.endOffset - 1); |
||||
sel.setRng(r); |
||||
} |
||||
if (brAtEdgeOfSelection(r.startContainer, r.startOffset)) { |
||||
r.setStart(r.startContainer, r.startOffset + 1); |
||||
sel.setRng(r); |
||||
} |
||||
} |
||||
|
||||
|
||||
if (tinymce.isIE8) { |
||||
// append a zero sized nbsp so that caret is restored correctly using bookmark
|
||||
var s = t.ed.selection.getNode(); |
||||
if (s.tagName === 'LI' && !(s.parentNode.lastChild === s)) { |
||||
var i = t.ed.getDoc().createTextNode('\uFEFF'); |
||||
s.appendChild(i); |
||||
} |
||||
} |
||||
|
||||
bookmark = sel.getBookmark(); |
||||
actions.OL = actions.UL = recurse; |
||||
t.splitSafeEach(selectedBlocks, processElement); |
||||
sel.moveToBookmark(bookmark); |
||||
bookmark = null; |
||||
|
||||
// we avoid doing repaint in a table as this will move the caret out of the table in Firefox 3.6
|
||||
if (!isInTable()) { |
||||
// Avoids table or image handles being left behind in Firefox.
|
||||
t.ed.execCommand('mceRepaint'); |
||||
} |
||||
}, |
||||
|
||||
splitSafeEach: function(elements, f, forceClassBase) { |
||||
if (forceClassBase || |
||||
(tinymce.isGecko && |
||||
(/Firefox\/[12]\.[0-9]/.test(navigator.userAgent) || |
||||
/Firefox\/3\.[0-4]/.test(navigator.userAgent)))) { |
||||
this.classBasedEach(elements, f); |
||||
} else { |
||||
each(elements, f); |
||||
} |
||||
}, |
||||
|
||||
classBasedEach: function(elements, f) { |
||||
var dom = this.ed.dom, nodes, element; |
||||
// Mark nodes
|
||||
each(elements, function(element) { |
||||
dom.addClass(element, '_mce_act_on'); |
||||
}); |
||||
nodes = dom.select('._mce_act_on'); |
||||
while (nodes.length > 0) { |
||||
element = nodes.shift(); |
||||
dom.removeClass(element, '_mce_act_on'); |
||||
f(element); |
||||
nodes = dom.select('._mce_act_on'); |
||||
} |
||||
}, |
||||
|
||||
adjustPaddingFunction: function(isIndent) { |
||||
var indentAmount, indentUnits, ed = this.ed; |
||||
indentAmount = ed.settings.indentation; |
||||
indentUnits = /[a-z%]+/i.exec(indentAmount); |
||||
indentAmount = parseInt(indentAmount, 10); |
||||
return function(element) { |
||||
var currentIndent, newIndentAmount; |
||||
currentIndent = parseInt(ed.dom.getStyle(element, 'margin-left') || 0, 10) + parseInt(ed.dom.getStyle(element, 'padding-left') || 0, 10); |
||||
if (isIndent) { |
||||
newIndentAmount = currentIndent + indentAmount; |
||||
} else { |
||||
newIndentAmount = currentIndent - indentAmount; |
||||
} |
||||
ed.dom.setStyle(element, 'padding-left', ''); |
||||
ed.dom.setStyle(element, 'margin-left', newIndentAmount > 0 ? newIndentAmount + indentUnits : ''); |
||||
}; |
||||
}, |
||||
|
||||
selectedBlocks: function() { |
||||
var ed = this.ed, selectedBlocks = ed.selection.getSelectedBlocks(); |
||||
return selectedBlocks.length == 0 ? [ ed.dom.getRoot() ] : selectedBlocks; |
||||
}, |
||||
|
||||
getInfo: function() { |
||||
return { |
||||
longname : 'Lists', |
||||
author : 'Moxiecode Systems AB', |
||||
authorurl : 'http://tinymce.moxiecode.com', |
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/lists', |
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion |
||||
}; |
||||
} |
||||
}); |
||||
tinymce.PluginManager.add("lists", tinymce.plugins.Lists); |
||||
}()); |
@ -0,0 +1,17 @@ |
||||
#id, #name, #hspace, #vspace, #class_name, #align { width: 100px } |
||||
#hspace, #vspace { width: 50px } |
||||
#flash_quality, #flash_align, #flash_scale, #flash_salign, #flash_wmode { width: 100px } |
||||
#flash_base, #flash_flashvars, #html5_altsource1, #html5_altsource2, #html5_poster { width: 240px } |
||||
#width, #height { width: 40px } |
||||
#src, #media_type { width: 250px } |
||||
#class { width: 120px } |
||||
#prev { margin: 0; border: 1px solid black; width: 380px; height: 260px; overflow: auto } |
||||
.panel_wrapper div.current { height: 420px; overflow: auto } |
||||
#flash_options, #shockwave_options, #qt_options, #wmp_options, #rmp_options { display: none } |
||||
.mceAddSelectValue { background-color: #DDDDDD } |
||||
#qt_starttime, #qt_endtime, #qt_fov, #qt_href, #qt_moveid, #qt_moviename, #qt_node, #qt_pan, #qt_qtsrc, #qt_qtsrcchokespeed, #qt_target, #qt_tilt, #qt_urlsubstituten, #qt_volume { width: 70px } |
||||
#wmp_balance, #wmp_baseurl, #wmp_captioningid, #wmp_currentmarker, #wmp_currentposition, #wmp_defaultframe, #wmp_playcount, #wmp_rate, #wmp_uimode, #wmp_volume { width: 70px } |
||||
#rmp_console, #rmp_numloop, #rmp_controls, #rmp_scriptcallbacks { width: 70px } |
||||
#shockwave_swvolume, #shockwave_swframe, #shockwave_swurl, #shockwave_swstretchvalign, #shockwave_swstretchhalign, #shockwave_swstretchstyle { width: 90px } |
||||
#qt_qtsrc { width: 200px } |
||||
iframe {border: 1px solid gray} |