Adding wysiwyg and settings

This commit is contained in:
Will Bradley 2013-09-28 04:59:19 -07:00
parent f03ffcd356
commit 2c204a8f9d
171 changed files with 26473 additions and 72 deletions

1
.gitignore vendored
View File

@ -14,6 +14,7 @@
# Ignore all logfiles and tempfiles. # Ignore all logfiles and tempfiles.
/log/*.log /log/*.log
/tmp /tmp
tmp/
# Ignore compiled assets # Ignore compiled assets
/public/assets /public/assets

View File

@ -85,6 +85,8 @@ GEM
activesupport (= 3.2.3) activesupport (= 3.2.3)
bundler (~> 1.0) bundler (~> 1.0)
railties (= 3.2.3) railties (= 3.2.3)
rails-settings-cached (0.2.4)
rails (>= 3.0.0)
railties (3.2.3) railties (3.2.3)
actionpack (= 3.2.3) actionpack (= 3.2.3)
activesupport (= 3.2.3) activesupport (= 3.2.3)
@ -143,6 +145,7 @@ DEPENDENCIES
passenger passenger
pg pg
rails (= 3.2.3) rails (= 3.2.3)
rails-settings-cached (= 0.2.4)
sass-rails (~> 3.2.3) sass-rails (~> 3.2.3)
sqlite3 sqlite3
taps taps

View File

@ -25,4 +25,10 @@ def index
end end
end end
def more_info
respond_to do |format|
format.html # more_info.html.erb
end
end
end end

View File

@ -20,50 +20,52 @@ require "optparse"
def index def index
recent_mac_logs_ungrouped = MacLog.last(1000) recent_mac_logs_ungrouped = MacLog.last(1000)
@mac_time_start_date = recent_mac_logs_ungrouped.first.created_at if recent_mac_logs_ungrouped.present?
recent_mac_logs = recent_mac_logs_ungrouped.group_by(&:mac) @mac_time_start_date = recent_mac_logs_ungrouped.first.created_at
@mac_times = {} recent_mac_logs = recent_mac_logs_ungrouped.group_by(&:mac)
# Go thru each mac @mac_times = {}
recent_mac_logs.each do |mac_log| # Go thru each mac
last_active = nil recent_mac_logs.each do |mac_log|
# And the entries for each mac (mac_log.first is the string, mac_log.last is the array) last_active = nil
mac_log.last.each do |entry| # And the entries for each mac (mac_log.first is the string, mac_log.last is the array)
# Find an activate followed immediately by a deactivate mac_log.last.each do |entry|
if entry.action == "activate" # Find an activate followed immediately by a deactivate
last_active = entry if entry.action == "activate"
else last_active = entry
if last_active && entry.action == "deactivate"
# Calculate the time difference between the two and append to this mac's total time
this_entry = @mac_times[entry.mac]
if this_entry
this_time = this_entry[:time]
else
this_time = 0
end
@mac_times[entry.mac] = {:mac => entry, :time => (entry.created_at - last_active.created_at) + this_time}
else else
# No pair found; discard. if last_active && entry.action == "deactivate"
last_active = nil # Calculate the time difference between the two and append to this mac's total time
this_entry = @mac_times[entry.mac]
if this_entry
this_time = this_entry[:time]
else
this_time = 0
end
@mac_times[entry.mac] = {:mac => entry, :time => (entry.created_at - last_active.created_at) + this_time}
else
# No pair found; discard.
last_active = nil
end
end end
end end
end end
end @mac_times_sorted = @mac_times.sort{|a,b| b.last[:time] <=> a.last[:time] }
@mac_times_sorted = @mac_times.sort{|a,b| b.last[:time] <=> a.last[:time] } @most_active_mac = nil
@most_active_mac = nil @runner_up_mac = nil
@runner_up_mac = nil @mac_times_sorted.each do |mac_time|
@mac_times_sorted.each do |mac_time| unless @most_active_mac
unless @most_active_mac
this_mac = Mac.find_by_mac(mac_time.first)
unless this_mac.hidden
@most_active_mac = this_mac
@most_active = mac_time
end
else
unless @runner_up_mac
this_mac = Mac.find_by_mac(mac_time.first) this_mac = Mac.find_by_mac(mac_time.first)
unless this_mac.hidden unless this_mac.hidden
@runner_up_mac = this_mac @most_active_mac = this_mac
@runner_up = mac_time @most_active = mac_time
end
else
unless @runner_up_mac
this_mac = Mac.find_by_mac(mac_time.first)
unless this_mac.hidden
@runner_up_mac = this_mac
@runner_up = mac_time
end
end end
end end
end end

View File

@ -0,0 +1,32 @@
class SettingsController < ApplicationController
authorize_resource
def index
@settings = Setting.all
@@default_settings.each do |key, value|
if @settings[key].blank?
@settings[key] = value
end
end
end
def edit
value = Setting[params[:id].to_sym]
if value.present?
@setting = {}
@setting[:var] = params[:id]
@setting[:value] = value
elsif @@default_settings[params[:id].to_sym].present?
@setting = {}
@setting[:var] = params[:id]
@setting[:value] = @@default_settings[params[:id].to_sym]
end
end
def update
Setting[params[:id]] = params[:value]
redirect_to settings_path
end
end

3
app/models/setting.rb Normal file
View File

@ -0,0 +1,3 @@
class Setting < RailsSettings::CachedSettings
attr_accessible :var
end

View File

@ -1,6 +1,6 @@
<h1>Welcome to the HeatSync Labs Members App.</h1> <h1><%= Setting.welcome_title %></h1>
<% if !user_signed_in? then %> <% if !user_signed_in? then %>
<p>You can sign up to become a member here!</p> <%= simple_format Setting.welcome_body %>
<% end %> <% end %>
@ -45,27 +45,7 @@
<td> <td>
<h2>Member Resources</h2> <h2>Member Resources</h2>
<ul> <%= simple_format Setting.member_resources_inset %>
<li><%= link_to "Wiki", "http://wiki.heatsynclabs.org" %></li>
<li><%= link_to "Discussion Group", "http://groups.google.com/group/heatsynclabs" %></li>
<li><%= link_to "IRC", "irc://irc.freenode.net#heatsynclabs" %></li>
<li><%= link_to "Live Webcams", "http://live.heatsynclabs.org/" %></li>
<li>Lab Phone: (480) 751-1929</li>
<li>
<style type="text/css">
form input {font-family: 'Lucida Console', Monaco, monospace; }
</style>
<b>Send a Message!</b>
<form method="post" action="http://tweet.zyphon.com/signage.php">
<em>Type here and your message will show up on the LED sign in the front window!</em><br/>
<em>(Please be nice!)</em><br/>
<input type="text" name="msg" id="msg" value=" Hello" size="9" /> (max 9 chars per line)<br/>
<input type="text" name="msg2" id="msg2" value=" World" size="9" /><br/>
<input type="submit" name="submitbutton" id="submitbutton" value="Go!" />
</form>
</li>
</ul>
</td> </td>
</tr> </tr>

View File

@ -0,0 +1,2 @@
<h1>More Information</h1>
<%= simple_format Setting.more_info_page %>

View File

@ -18,7 +18,7 @@
<%= link_to 'Certifications', certifications_path if can? :read, Certification %> <%= link_to 'Certifications', certifications_path if can? :read, Certification %>
<% end %> <% end %>
<%= link_to 'Payments', payments_path if can? :read, Payment %> <%= link_to 'Payments', payments_path if can? :read, Payment %>
<%= link_to 'Computers', macs_path if user_signed_in? && (can? :read, Mac) %> <%= link_to 'Computers', macs_path if user_signed_in? || (can? :read, Mac) %>
<% if user_signed_in? then %><%= link_to 'Profile', edit_user_registration_path %><% end %> <% if user_signed_in? then %><%= link_to 'Profile', edit_user_registration_path %><% end %>
<%= link_to 'Logout', destroy_user_session_path, :method => :delete if user_signed_in? %> <%= link_to 'Logout', destroy_user_session_path, :method => :delete if user_signed_in? %>
<%= link_to 'Login', new_user_session_path unless user_signed_in? %> <%= link_to 'Login', new_user_session_path unless user_signed_in? %>

View File

@ -1,3 +1,4 @@
<% if @mac_time_start_date.present? %>
<b>Most Active Machine Last <%= distance_of_time_in_words DateTime.now, @mac_time_start_date %>:</b> <b>Most Active Machine Last <%= distance_of_time_in_words DateTime.now, @mac_time_start_date %>:</b>
<span title="<%= @most_active_mac.mac %><%= " - "+@most_active_mac.ip.to_s if can? :read_details, @most_active_mac %>"> <span title="<%= @most_active_mac.mac %><%= " - "+@most_active_mac.ip.to_s if can? :read_details, @most_active_mac %>">
<%= @most_active_mac.user.name unless @most_active_mac.user.blank? %> <%= @most_active_mac.user.name unless @most_active_mac.user.blank? %>
@ -11,6 +12,7 @@
<%= "("+@runner_up_mac.note+")" unless @runner_up_mac.note.blank? %> <%= "("+@runner_up_mac.note+")" unless @runner_up_mac.note.blank? %>
- <%= (@runner_up.last[:time] / 1.hour).round %> hrs - <%= (@runner_up.last[:time] / 1.hour).round %> hrs
</span> </span>
<% end %>
<h2>What machines are on our network?</h2> <h2>What machines are on our network?</h2>
<%= link_to "New MAC registration", new_mac_path if can? :create, Mac %> <%= link_to "New MAC registration", new_mac_path if can? :create, Mac %>

View File

@ -0,0 +1,18 @@
<script type="text/javascript" src="/wymeditor/wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
$(function(){
$('.wysiwyg').wymeditor();
});
</script>
<%= form_tag(setting_path(@setting[:var]), :method => :put) do %>
<h3>Editing <%= @setting[:var].titleize %></h3>
<div class="field">
<%= text_area_tag :value, @setting[:value], :cols => 50, :class => "wysiwyg" %><br/>
<em>Use %{provider_name} or %{client_name} to include names in messages.</em>
</div>
<div class="field">
<%= submit_tag "Save", {:class => "wymupdate"} %><br/>
<%= link_to "Back", settings_path %>
</div>
<% end %>

View File

@ -0,0 +1,16 @@
<h2>Site-Wide Settings</h2>
<table>
<tr>
<th>Name</th>
<th>Value</th>
</tr>
<% @settings.each do |setting| %>
<tr>
<td><%= setting.first.titleize %></td>
<td>"<%= setting.last %>"</td>
<% if can? :update, setting %>
<td><%= link_to 'Edit', edit_setting_path(setting.first) %></td>
<% end %>
</tr>
<% end %>
</table>

View File

@ -0,0 +1,33 @@
@@default_settings = {
:welcome_title => "Welcome to the Hackerspace Members Site", #Welcome to the HeatSync Labs Members App.
:welcome_body => "<p>We are a member-driven community workshop where you can learn, make cool stuff, meet other cool people, and make your city a better place to live!</p><p>You don't have to be a member to come visit, but if you're interested in volunteering or being a member, feel free to sign up here! For more information, <a href=\"/more_info\">Click Here</a>.</p>", # <p>You can sign up to become a member here!</p>
:more_info_page => "No info here yet, bug a member about filling this part out!",
:member_resources_inset => "No info here yet, bug a member about filling this part out!"
# <ul>
# <li><%= link_to "Wiki", "http://wiki.heatsynclabs.org" %></li>
# <li><%= link_to "Discussion Group", "http://groups.google.com/group/heatsynclabs" %></li>
# <li><%= link_to "IRC", "irc://irc.freenode.net#heatsynclabs" %></li>
# <li><%= link_to "Live Webcams", "http://live.heatsynclabs.org/" %></li>
# <li>Lab Phone: (480) 751-1929</li>
# <li>
# <style type="text/css">
# form input {font-family: 'Lucida Console', Monaco, monospace; }
# </style>
# <b>Send a Message!</b>
# <form method="post" action="http://tweet.zyphon.com/signage.php">
# <em>Type here and your message will show up on the LED sign in the front window!</em><br/>
# <em>(Please be nice!)</em><br/>
# <input type="text" name="msg" id="msg" value=" Hello" size="9" /> (max 9 chars per line)<br/>
# <input type="text" name="msg2" id="msg2" value=" World" size="9" /><br/>
# <input type="submit" name="submitbutton" id="submitbutton" value="Go!" />
# </form>
# </li>
# </ul>
}
if ActiveRecord::Base.connection.tables.include?('settings') and !defined?(::Rake)
@@default_settings.each do |key, value|
Setting.save_default(key, value)
end
end

View File

@ -44,9 +44,11 @@ Dooraccess::Application.routes.draw do
match 'macs/scan' => 'macs#scan' match 'macs/scan' => 'macs#scan'
match 'macs/import' => 'macs#import' match 'macs/import' => 'macs#import'
resources :macs resources :macs
resources :mac_logs resources :mac_logs
resources :settings, :only => [:index, :edit, :update]
match 'more_info' => 'home#more_info'
root :to => "home#index" root :to => "home#index"
# The priority is based upon order of creation: # The priority is based upon order of creation:

View File

@ -0,0 +1,17 @@
class CreateSettings < ActiveRecord::Migration
def self.up
create_table :settings do |t|
t.string :var, :null => false
t.text :value, :null => true
t.integer :thing_id, :null => true
t.string :thing_type, :limit => 30, :null => true
t.timestamps
end
add_index :settings, [ :thing_type, :thing_id, :var ], :unique => true
end
def self.down
drop_table :settings
end
end

View File

@ -11,7 +11,7 @@
# #
# It's strongly recommended to check this file into your version control system. # It's strongly recommended to check this file into your version control system.
ActiveRecord::Schema.define(:version => 20130925015417) do ActiveRecord::Schema.define(:version => 20130928112252) do
create_table "cards", :force => true do |t| create_table "cards", :force => true do |t|
t.string "card_number" t.string "card_number"
@ -116,6 +116,17 @@ ActiveRecord::Schema.define(:version => 20130925015417) do
t.datetime "updated_at", :null => false t.datetime "updated_at", :null => false
end end
create_table "settings", :force => true do |t|
t.string "var", :null => false
t.text "value"
t.integer "thing_id"
t.string "thing_type", :limit => 30
t.datetime "created_at", :null => false
t.datetime "updated_at", :null => false
end
add_index "settings", ["thing_type", "thing_id", "var"], :name => "index_settings_on_thing_type_and_thing_id_and_var", :unique => true
create_table "user_certifications", :force => true do |t| create_table "user_certifications", :force => true do |t|
t.integer "user_id" t.integer "user_id"
t.integer "certification_id" t.integer "certification_id"
@ -127,26 +138,26 @@ ActiveRecord::Schema.define(:version => 20130925015417) do
create_table "users", :force => true do |t| create_table "users", :force => true do |t|
t.string "name" t.string "name"
t.datetime "created_at", :null => false t.datetime "created_at", :null => false
t.datetime "updated_at", :null => false t.datetime "updated_at", :null => false
t.string "email", :default => "", :null => false t.string "email", :default => "", :null => false
t.string "encrypted_password", :default => "", :null => false t.string "encrypted_password", :default => "", :null => false
t.string "reset_password_token" t.string "reset_password_token"
t.datetime "reset_password_sent_at" t.datetime "reset_password_sent_at"
t.datetime "remember_created_at" t.datetime "remember_created_at"
t.integer "sign_in_count", :default => 0 t.integer "sign_in_count", :default => 0
t.datetime "current_sign_in_at" t.datetime "current_sign_in_at"
t.datetime "last_sign_in_at" t.datetime "last_sign_in_at"
t.string "current_sign_in_ip" t.string "current_sign_in_ip"
t.string "last_sign_in_ip" t.string "last_sign_in_ip"
t.boolean "admin" t.boolean "admin"
t.integer "member" t.integer "member", :limit => 255
t.datetime "waiver" t.datetime "waiver"
t.datetime "orientation" t.datetime "orientation"
t.string "emergency_name" t.string "emergency_name"
t.string "emergency_phone" t.string "emergency_phone"
t.string "emergency_email" t.string "emergency_email"
t.integer "member_level" t.integer "member_level", :limit => 255
t.string "payment_method" t.string "payment_method"
t.string "phone" t.string "phone"
t.text "current_skills" t.text "current_skills"

20
public/wymeditor/AUTHORS Normal file
View File

@ -0,0 +1,20 @@
Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
Volker Mische (vmx a-t gmx dotde)
Scott Lewis (lewiscot a-t gmail dotcom)
Bermi Ferrer (wymeditor a-t bermi dotorg)
Daniel Reszka (d.reszka a-t wymeditor dotorg)
Jonatan Lundin (jonatan.lundin a-t gmail dotcom)
Samuel Cole (sam@samuelcole.name)
Wes Winham (winhamwr a-t gmail dotcom)
Gyuris Gellért (bubu a-t ujevangelizacio dothu)
Steven Bufton (www.busoco.ch)
Miroslav Bendik (mirosla.bendik a-t gmail dotcom)
Jakub Krčma (jakub.krcma a-t iinfo dotcz)
Jorge Salinas (jorgesalinasd a-t gmail dotcom)
Sebastian Kolind (sks1993 a-t gmail dotcom)
Craig MacGregor (craigerm a-t gmail dotcom)
Philipp Cordes (pc a-t irgendware dotnet)
Michael Farrell (http://micolous.id.au/)
Josef Šimánek (retro a-t ballgag dotcz)
Daniele Procida (https://github.com/evildmp)
Nick McLaughlin (https://github.com/FriedRice)

View File

@ -0,0 +1,359 @@
# Change History
This document tracks the enhancements and bug fixes between releases of
WYMeditor.
## 1.0.0b5 (Beta 5)
*release-date* July 31, 2013
### Enhancements
* We now have all of the documentation in one place at
[wymeditor.readthedocs.org](https://wymeditor.readthedocs.org)! No more
switching back and forth between the old Trac site and the github Wiki. The
new documentation uses [Sphinx](http://sphinx-doc.org/) and new pull
requests will now be able to come with `docs/` already committed! Thanks to
Nick McLaughlin for the herculean effort in combining the years of spread-out
documentation.
* We now document how to run WYMeditor with jQuery 1.8.x and 1.9.x via
[jquery-migrate](https://github.com/jquery/jquery-migrate/). The unit tests
now also support those versions of jQuery.
* Some community members have created a
[Django-CMS 3](https://github.com/wymeditor/djangocms_wymeditor_plugin)
plugin for WYMeditor. If you're upgrading from Django-CMS 2 to 3, you'll want
to check it out.
* Tables can now be inserted and used in lists. Previously, the editor would
not let the user insert a table anywhere in a list, but now, the user can
insert a table at any point in a list or sublist and can even insert multiple
tables in the same list item. In addition, the tables should properly indent,
outdent, and space themselves within a list.
* Elements in the editor can now easily be flagged to be removed from the
editor output by the XHTML parser. This allows elements to be "editor-only"
in the sense that they will be visible in the editor but not included in the
outputted XHTML from the editor. Simply add the class
`WYMeditor.EDITOR_ONLY_CLASS` to an element to specify it to be removed by
the XHTML parser in this manner.
* Classes can now be specified to be removed from tags' `class` attribute by
the XHTML parser. Simply add a string for each of the class names to remove
to the `WYMeditor.CLASSES_REMOVED_BY_PARSER` array, and the XHTML parser will
remove all of those classes from all the tags in the editor's output.
* `div` elements are now visible and labeled in the editor so that they can
easily be worked with. In addition, `div` containers can now be switched to
other container types using the containers panel. This change was made to
allow for the addition of the selectable default root container feature
described in the following point.
* The default root container used by the editor can now be specified as
an option to be either `p` or `div`. The specified container for this option
will be used by default when an unspecified new container is created in the
root of the editor, and it will also be used as the default container for
wrapping any text or inline elements inserted directly into the editor body.
In addition, the editor will enforce that the unchosen option for the
default root container is not allowed in the root of the document by
converting the unchosen default root container to the chosen default root
container when possible (e.g. if `div` is specified as the default root
container, the editor will convert `p` elements in the root of the document
to `div` elements when the user modifies those containers). The default root
container option can be specified as an option of the new `structureRules`
option in the editor's initialization. For example:
```javascript
jQuery('.wymeditor').wymeditor({
structureRules: {
defaultRootContainer: 'div'
}
});
```
### Bug Fixes
* WYMeditor now works properly in Chrome when using jQuery 1.4 or higher.
Thanks to several folks for outlining the fix and for Nick McLaughlin for the
pull request.
* When using the bold tool in a heading in Chrome, there was an issue where a
span with a style attribute set to `font-weight: normal` would be wrapped
around the header's content. This has been fixed so that this span will no
longer occur after bolding.
* When attempting to insert an image outside of a container in Chrome such as
in the case of inserting an image into a blank document, there was an issue
where the image was being moved outside of the wymeditor body causing none of
the user-entered values for the attributes of the image to be applied to the
image. This has been fixed so that inserting an image properly places it
within the wymeditor body and properly applies the user-entered values for
its attributes.
* When switching between a normal table cell and a table header using the
"Table Header" option in the containers panel in the editor, any `colspan` or
other attributes were being lost in the container conversion. This has been
fixed so that all attributes such as `colspan` are retained when switching
between a normal table cell and a table header.
* In various situations when working in the editor, hitting enter to
create a new container in the root of the document would erroneously
create a `div` container instead of a `p` container. This `div`
container would not be labeled in the editor, and it could not be
converted to another type of container. As part of the feature
addition of a selectable default root container, this issue has been
fixed so that the selected default root container is always inserted
when hitting enter to create a new container in the root of the
document. In addition, `div` containers are now clearly labeled in the
editor and can now be converted to other types of containers using the
containers panel.
* A couple bugs in IE dealing with content not allowed to be in the root of the
editor body not being properly wrapped in containers have been fixed. The
first bug fixed was that text directly typed into the body of the editor was
not being wrapped in a container, but this is now fixed and the text will be
properly wrapped in the default root container. The second bug fixed was that
inline elements not allowable to be directly inserted into the body of the
editor (e.g. `strong`, `em`, `a`, etc.) were not being wrapped in a
container, but this is also now fixed and those elements will be properly
wrapped in the default root container when modified in the body.
### Build Process Improvements
* [Grunt](http://gruntjs.com/) has been set up for the WYMeditor project so
that the unit test suite can now easily be run from the command line in a
headless [Phantom.js](http://phantomjs.org/) browser using the Grunt `test`
task. See the testing section in the README or the docs for more information.
* The WYMeditor project is now set up on [Travis CI](https://travis-ci.org/)
for continuous integration using the unit test suite run with a variety of
jQuery versions using the Grunt `test` task.
* [Selenium2](http://seleniumhq.org/) tests have been set up for the WYMeditor
project to allow for testing coverage of some behaviors that can't be
replicated well with JavaScript. See the README for information on running
the Selenium tests.
### Deprecation
* The `WYMeditor.editor.html()` function has been deprecated and replaced with
the `WYMeditor.editor._html()` function that has the same functionality. This
change was made to discourage users from using the `html()` function (which
is intended only for internal use) as a means to get the HTML output from the
editor because that function bypasses all parsing and cross-browser cleanup
for the HTML. In most cases, users should be using the
`WYMeditor.editor.xhtml()` function to get the HTML output from the editor
because it does parse and apply cross-browser cleanup to the HTML. Now, using
the `html()` function will still work but just give a console warning of its
deprecation, but the function will be fully removed in the release of version
1.0.0.
## 1.0.0b4 (Beta 4)
*release-date* February 15, 2013
### Enhancements
* Added a Danish translation. Thanks Sebastian Kolind.
* The Makefile now supports building a WYMeditor distribution based on Google's
Closure Compiler instead of UglifyJS. Thanks Michael Farrell.
### Bug Fixes
* The editor area is now properly displayed when using the Compact skin and
styling with `white-space: nowrap'`. Thanks to Jorge Salinas for the fix.
* Fixed several bugs related to parsing void elements (br, hr, etc) which could
be either self-closing or not. These usually manifested when used near other
inline elements (eg. span). Thanks to Craig MacGregor for the fix.
* Fixed several XHTML-strict non-compliance problems. WYMeditor aims to always
output fully-compliant XHTML. Thanks Philipp Cordes for the report and fix.
* The Makefile now fails more gracefully when you don't have UglifyJS installed
and you attempt to build a distribution. Thanks to Michael Farrell for the fix.
* Fixed the Slovak translation language code. Thanks to Josef Šimánek for the
fix.
* In 1.0.0b2, we added a bug fix to allow DIV tags to peacefully co-exist with
P tags in document structure. It turned out that this fix was a bit
half-baked and actually broke both P and DIV tags in subtle ways, especially
in webkit browsers. We've reverted that change, so DIVs are now just as
broken as they were previously, but P tags are back to being peachy. The full
fix for mixing DIV and P tags for structure is being worked on as part of
[Issue 360](https://github.com/wymeditor/wymeditor/pull/360) and will
hopefully land in 1.0.0b5, which is now definitely going to be a thing.
### 1.0.0 Blocking Issues
In an attempt to ovary-up (or whatever your preferred genatalia) and actually
get a 1.0.0 out the door, we've moved the goalposts a bit. The applicable 1.0.x
issues have been narrowed down a bit to the major bugs in supported browsers. I
understand that `major` is in the eye of the beholder, but this is an attempt
to more-effectively allocated the project's limited resources. The remaining
issues are listed on the [1.0.0
milestone](https://github.com/wymeditor/wymeditor/issues?milestone=5) and
you'll notice there are no features that made the cut. It's all bug-fix mode.
Folks have been using WYMeditor in production longer than Chrome has existed as
a browser. Perhaps it's time to not pretend like a non-1.0 version number means
anything.
## 1.0.0b3 (Beta 3)
*release-date* June 26, 2012
This is a small hotfix release to fix `jQuery.noConflict()` compatibility,
which is necessary for Drupal integration.
## 1.0.0b2 (Beta 2)
*release-date* June 22, 2012
### Enhancements
* Added a Slovak translation. Thanks Miroslav Bendik.
### Bug Fixes
* A missing space in the tools HTML was triggering quirks mode in FF and other
browsers. Thanks to corphi for the fix.
* Inserting `div` tags via the API or DOM no longer breaks document structure
in chrome and safari. Thanks to Jakub Krčma for the fix.
* It is once again possible to use the Drupal 7 wysiwyg module to integrate
WYMeditor. Thanks to Jean-Francois Hovinne for the patch.
* Newline characters are no longer incorrectly removed in IE, which could cause
words in copy/pasted lists to join together. Thanks to Jakub Krčma for the
fix.
* Tables and images are once again properly inserted at your cursor location
in Internet Explorer. This was a regression bug in 1.0.0b1.
## 1.0.0b1 (Beta 1)
*release-date* February 27, 2012
We're almost there! Following up on the later October alpha release, we're
happy to announce the availability of a beta-quality WYMeditor release. This
release is not without bugs, but we think it is strictly better than 0.5.0rc2
with a variety of enhancements and bug fixes. Users currently on an earlier
alpha or on 0.5.0rc2 are encouraged to try out this release and report any
bugs, especially those that are new since 0.5.0rc2.
Bugs that are determined to be regressions from 0.5.0rc2 will receive the
highest priority fixes.
Any feedback or discussion would be appreciated on the
[WYMeditor Forums](http://community.wymeditor.org/).
Versus 0.5.0rc2 we have:
* *19* major bug fixes
* *8* major enhancements including a new theme.
* A huge internal code refactor to make maintaining and improving WYMeditor easier
* A passing unit test suite containing more than 600 tests across all supported browsers
### Upgrade Cycle
Once all
[milestone 1.0.0 issues](https://github.com/wymeditor/wymeditor/issues?milestone=10&sort=created&direction=desc&state=open)
are completed, this cycle will culminate in a 1.0.0 stable release.
### Enhancements
* The parser now works harder to correct any invalid list nesting that might
occur due to browser-specific problems or HTML that was loaded to begin. On
every list action (indent, outdent, order/unordered conversion), the parser
crawls your list to make any necessary corrections. This ensures a much more
consistent list-editing experience, especially in Internet Explorer.
* A new *pretty* theme option is now available for modern browsers (ie9+, FF,
Chrome, Safari). This theme uses CSS instead of images to provide context
clues for blocks, resulting in fewer HTTP requests and better network
performance. Additionally, the context clues have been expanded to provide a
better "plain english" explanation of the elements. Give this new theme a
swing at [the example](http://wymeditor.no.de/wymeditor/examples/17-pretty-theme.html).
You can enable it in your project by passing the
`iframeBasePath: "wymeditor/iframe/pretty/"` option to your WYMeditor instance.
Thanks to first-time contributor Gyuris Gellért for the theme.
* The Embed plugin now supports embedding via an iframe.
* List indent/outdent has been rewritten to fix several outstanding bugs in
various browsers. Indent and outdent are now always opposites of each other
(outdenting what you just indented returns you to your original state) and
the behavior is consistent across all supported browsers.
* A list plugin is now available that enables tab for list indent and
shift + tab for list outdent.
It is available at `wymeditor/plugins/list/jquery.wymeditor.list.js`.
To enable the plugin, create a ListPlugin object via the
`wymeditor.postInit` option. eg::
$('.wymeditor').wymeditor({
postInit: function(wym) {
var listPlugin = new ListPlugin({}, wym);
}
});
* A new Table editing plugin is now available
The table editing plugin enables the following:
* Users can now add and remove rows and columns from existing tables.
* Users can merge table cells to create either `colspan` or `rowspan`.
* Hitting the `tab` key while inside a table now moves the cursor to the
next cell, improving usability when editing tables. This can be disabled
by passing `enableCellTabbing: false` to the plugin initialization.
The plugin is available at `wymeditor/plugins/table/jquery.wymeditor.table.js`.
To enable the plugin, instantiate it during the `wymeditor.postInit` option.
eg::
$('.wymeditor').wymeditor({
postInit: function(wym) {
var tableEditor = wym.table();
}
});
* Rangy is now included as part of the distribution and used to create
consistent cross-browser selection objects.
* A console warning message is now created if no wymPath option is provided and
it can't be automatically determined. The editor also attempts to continue
with the assumption that your wymPath is your current directory, instead of
throwing an exception immediately.
### Bug Fixes
* A rare bug affecting ie8 users with certain combinations of CSS attributes
has been fixed (with a work-around). This bug would manifest as all content
in the editor temporarily and randomly disappearing after a keypress, only
to re-appear when the user moved their mouse.
* The editor height no longer changes height by a few pixels the first time
someone hovers over a tool.
* Several list indent/outdent bugs that could result in invalid HTML and broken
lists are now fixed. Users can no-longer break their lists with specific
combinations of double indents and outdents.
* The HTML parser/validator now corrects unclosed <li> tags in lists so that if
a piece of HTML has previously been affected by the broken list bug, it will
be automatically corrected.
* It is now always possible to insert tables, preformatted text and blockquotes
at the start and end of documents, as well as in between each other.
Previously, depending on your browser and version, you couldn't do one or more
of these things.
* It is now possible to paste content in to a table when using internet
explorer.
* Fixed some problems with ordered and unordered list nesting in Internet
Explorer caused by a regex failing to account for IE's insertion of
whitespace in list HTML.
* `colSpan` and `rowSpan` attributes are no longer stripped out in Internet
Explorer.
* Fixed a bug making it impossible to use *Paste From Word* inside tables or lists
* Fixed a list indent bug when indenting a list with a previous list item which
had a sublist of a different list type. This used to create a second sublist
of the original list type, which isn't what someone would expect.
* Fixed several related list outdent bugs where content could be re-ordered or
where outdent would fail to occur.
* It's now possible to consistently toggle lists between ordered and unordered
in all supported browsers.
* Turning a top-level item into a list no longer wraps the list in a paragraph
in chrome 16 and higher.
* Fixed indent/outdent when highlighting an inline node instead of the list
(eg. a bolded section).
* Updated the turkish translation (thanks Gokce).
* Attempting to indent with a cursor outside of a list no longer throws a
javascript error.
* Several bugs related to losing/moving your selection when indenting or
outdenting lists are now fixed.
* Outdenting after using backspace to join an item inside a list no longer
loses content in internet explorer.
* `<col />` tags are now automatically self-closing and the parser no longer
forces a closing `</col>` tag.
Thanks to first-time contributor Steven Bufton for the fix.

View File

@ -0,0 +1,278 @@
GNU GENERAL PUBLIC LICENSE
Version 2, June 1991
Copyright (C) 1989, 1991 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.
Preamble
The licenses for most software are designed to take away your
freedom to share and change it. By contrast, the GNU General Public
License is intended to guarantee your freedom to share and change free
software--to make sure the software is free for all its users. This
General Public License applies to most of the Free Software
Foundation's software and to any other program whose authors commit to
using it. (Some other Free Software Foundation software is covered by
the GNU Lesser General Public License instead.) You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
this service if you wish), that you receive source code or can get it
if you want it, that you can change the software or use pieces of it
in new free programs; and that you know you can do these things.
To protect your rights, we need to make restrictions that forbid
anyone to deny you these rights or to ask you to surrender the rights.
These restrictions translate to certain responsibilities for you if you
distribute copies of the software, or if you modify it.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must give the recipients all the rights that
you have. You must make sure that they, too, receive or can get the
source code. And you must show them these terms so they know their
rights.
We protect your rights with two steps: (1) copyright the software, and
(2) offer you this license which gives you legal permission to copy,
distribute and/or modify the software.
Also, for each author's protection and ours, we want to make certain
that everyone understands that there is no warranty for this free
software. If the software is modified by someone else and passed on, we
want its recipients to know that what they have is not the original, so
that any problems introduced by others will not reflect on the original
authors' reputations.
Finally, any free program is threatened constantly by software
patents. We wish to avoid the danger that redistributors of a free
program will individually obtain patent licenses, in effect making the
program proprietary. To prevent this, we have made it clear that any
patent must be licensed for everyone's free use or not licensed at all.
The precise terms and conditions for copying, distribution and
modification follow.
GNU GENERAL PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. This License applies to any program or other work which contains
a notice placed by the copyright holder saying it may be distributed
under the terms of this General Public License. The "Program", below,
refers to any such program or work, and a "work based on the Program"
means either the Program or any derivative work under copyright law:
that is to say, a work containing the Program or a portion of it,
either verbatim or with modifications and/or translated into another
language. (Hereinafter, translation is included without limitation in
the term "modification".) Each licensee is addressed as "you".
Activities other than copying, distribution and modification are not
covered by this License; they are outside its scope. The act of
running the Program is not restricted, and the output from the Program
is covered only if its contents constitute a work based on the
Program (independent of having been made by running the Program).
Whether that is true depends on what the Program does.
1. You may copy and distribute verbatim copies of the Program's
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 give any other recipients of the Program a copy of this License
along with the Program.
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 Program or any portion
of it, thus forming a work based on the Program, 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) You must cause the modified files to carry prominent notices
stating that you changed the files and the date of any change.
b) You must cause any work that you distribute or publish, that in
whole or in part contains or is derived from the Program or any
part thereof, to be licensed as a whole at no charge to all third
parties under the terms of this License.
c) If the modified program normally reads commands interactively
when run, you must cause it, when started running for such
interactive use in the most ordinary way, to print or display an
announcement including an appropriate copyright notice and a
notice that there is no warranty (or else, saying that you provide
a warranty) and that users may redistribute the program under
these conditions, and telling the user how to view a copy of this
License. (Exception: if the Program itself is interactive but
does not normally print such an announcement, your work based on
the Program is not required to print an announcement.)
These requirements apply to the modified work as a whole. If
identifiable sections of that work are not derived from the Program,
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 Program, 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 Program.
In addition, mere aggregation of another work not based on the Program
with the Program (or with a work based on the Program) on a volume of
a storage or distribution medium does not bring the other work under
the scope of this License.
3. You may copy and distribute the Program (or a work based on it,
under Section 2) in object code or executable form under the terms of
Sections 1 and 2 above provided that you also do one of the following:
a) 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; or,
b) Accompany it with a written offer, valid for at least three
years, to give any third party, for a charge no more than your
cost of physically performing source distribution, a complete
machine-readable copy of the corresponding source code, to be
distributed under the terms of Sections 1 and 2 above on a medium
customarily used for software interchange; or,
c) Accompany it with the information you received as to the offer
to distribute corresponding source code. (This alternative is
allowed only for noncommercial distribution and only if you
received the program in object code or executable form with such
an offer, in accord with Subsection b above.)
The source code for a work means the preferred form of the work for
making modifications to it. For an executable work, 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 executable. However, as a
special exception, the source code distributed need not include
anything that is normally distributed (in either source or binary
form) with the major components (compiler, kernel, and so on) of the
operating system on which the executable runs, unless that component
itself accompanies the executable.
If distribution of executable or 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 counts as
distribution of the source code, even though third parties are not
compelled to copy the source along with the object code.
4. You may not copy, modify, sublicense, or distribute the Program
except as expressly provided under this License. Any attempt
otherwise to copy, modify, sublicense or distribute the Program 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.
5. 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 Program or its derivative works. These actions are
prohibited by law if you do not accept this License. Therefore, by
modifying or distributing the Program (or any work based on the
Program), you indicate your acceptance of this License to do so, and
all its terms and conditions for copying, distributing or modifying
the Program or works based on it.
6. Each time you redistribute the Program (or any work based on the
Program), the recipient automatically receives a license from the
original licensor to copy, distribute or modify the Program subject to
these terms and conditions. You may not impose any further
restrictions on the recipients' exercise of the rights granted herein.
You are not responsible for enforcing compliance by third parties to
this License.
7. 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 Program at all. For example, if a patent
license would not permit royalty-free redistribution of the Program 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 Program.
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.
8. If the distribution and/or use of the Program is restricted in
certain countries either by patents or by copyrighted interfaces, the
original copyright holder who places the Program 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.
9. The Free Software Foundation may publish revised and/or new versions
of the 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 Program
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 Program does not specify a version number of
this License, you may choose any version ever published by the Free Software
Foundation.
10. If you wish to incorporate parts of the Program into other free
programs whose distribution conditions are different, 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
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
PROVIDE THE PROGRAM "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 PROGRAM IS WITH YOU. SHOULD THE
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
REPAIR OR CORRECTION.
12. 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 PROGRAM 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 PROGRAM (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 PROGRAM TO OPERATE WITH ANY OTHER
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
POSSIBILITY OF SUCH DAMAGES.

View File

@ -0,0 +1,20 @@
Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

340
public/wymeditor/README.md Normal file
View File

@ -0,0 +1,340 @@
# WYMeditor [![Build Status](https://travis-ci.org/wymeditor/wymeditor.png?branch=master)](https://travis-ci.org/wymeditor/wymeditor)
WYMeditor is an open source web-based WYSIWYM editor with semantics and
standards in mind. The WYM-part stands for "What You Mean" compared to
the more common "What You See Is What You Get".
## Why WYMeditor?
WYMeditor is different from the [traditional](http://www.tinymce.com/)
[editors](http://ckeditor.com/) because we are 100% focused on providing a
simple experience for users that separates the content of their document from
the presentation of that document. We focus on enforcing web standards and
separating a document's structure (HTML) from its presentation (CSS). Your
users won't know and shouldn't care about HTML, but when they need consistent,
standards-compliant, clean content, they'll thank you.
There are lots of choices when it comes to a browser-based editor and many of
them are stable, mature projects with thousands of users. If you need an editor
that gives total control and flexibility to the user (not you, the developer),
then WYMeditor is probably not for you. If you want an editor that you can
customize to provide the specific capabilities your users need, and you want
users focused on the structure of their content instead of tweaking fonts and
margins, you should give WYMeditor a try.
## Try It
Want to see what WYMeditor can do? Try the [WYMeditor
examples](http://wymeditor.no.de/wymeditor/examples/) right now.
These examples run the bleeding edge code and give you a good idea of what
WYMeditor can do.
## Quick Start
1. WYMeditor requires a version of [jQuery](http://jquery.com/) between 1.3.0
and 1.9.1. First ensure that your page includes jQuery.
*Note*: If a version of jQuery at or above 1.8.0 is used, WYMeditor also
requires [jQuery Migrate](https://github.com/jquery/jquery-migrate/).
Ensure that your page also includes jQuery Migrate after jQuery is
included.
2. Download the Version 1.0.0b5 archive from the [release
page](https://github.com/wymeditor/wymeditor/releases/tag/v1.0.0b5)
and extract the contents to a folder in your project.
3. Include the `wymeditor/jquery.wymeditor.min.js` file on your page using this
script. This file will pull in anything else that's required.
```html
<script type="text/javascript" src="/wymeditor/jquery.wymeditor.min.js"></script>
```
4. Now use the `wymeditor()` function to select one of your `textarea` elements
and turn it in to a WYMeditor instance. eg. if you have a `textarea` with
the class `my-wymeditor`:
```javascript
$('.my-wymeditor').wymeditor();
```
*Note*: You'll probably want to do this initialization inside a
`$(document).ready()` block.
5. If you'd like to receive the valid XHTML your editor produces on form
submission, just add the class `wymupdate` to your submit button.
```html
<input type="submit" class="wymupdate" />
```
6. ???
7. Profit!
More examples with different plugins and configuration options can be found in
your `examples` directory.
## Compatibility
WYMeditor is compatible with:
### Browsers
* IE: 7, 8, 9 and 10
* Firefox: LTS and latests two major versions
* Opera: Latest version
* Safari: Latest version
* Google Chrome: Latest two major versions
### jQuery
* Versions 1.3.X to 1.7.X
* Version 1.8.x to 1.9.X when you include
[jquery-migrate](https://github.com/jquery/jquery-migrate/)
## Contributing to WYMeditor
### Documentation
Our documentation uses the [Sphinx](http://sphinx-doc.org/) documentation tool.
The source lives in the `docs/` folder and every pull requests that isn't just
fixing a bug *must* come with documentation.
You can see the current documentation at
[wymeditor.readthedocs.org](http://wymeditor.readthedocs.org).
### Testing WYMeditor
To maintain quality, WYMeditor includes both a [Qunit](http://qunitjs.com/)
unit test suite and a [Selenium2](http://seleniumhq.org/) test suite. You are
encouraged to run both of them, with all tests passing in all supported
browsers. If that's ever not the case, please [file a
bug](https://github.com/wymeditor/wymeditor/issues/new) so we can fix it!
All of the following instructions assume you've already retrieved a copy of the
source, using git like so:
```shell
git clone git://github.com/wymeditor/wymeditor.git
```
#### Unit Tests vs Selenium Tests
The unit test suite covers the vast majority of required tests and can be
quickly run by anyone with a copy of the source code either from the command
line or in a browser. For the majority of behavior, a unit test will suffice.
Unfortunately, there are cases where browser behavior can't be simulated in a
unit test (these primarily involve testing browser-specific input handling and
`execCommand` behavior). To test these issues, a Selenium test is required.
Currently, the Selenium test suite is written in python. In the future, we
would like to move to the node.js [wd](https://github.com/admc/wd) module. This
will once again allow a contributor to only require knowledge of javascript in
order to enhance WYMeditor.
#### Running Unit Tests
##### Running Unit Tests in a Browser
WYMeditor includes a full unit test suite to help us ensure that the editor
works great across a variety of browsers. You simply need to serve the
WYMeditor source using some type of web server and then load the URL for the
unit tests in your browser.
To run the tests:
1. Put your source behind some kind of web server (apache, nginx, etc). If you
don't have one installed or don't want to fuss with configuration, you can
use python's HTTP server:
```shell
$ cd /path/to/my/wymeditor/src
$ python -m SimpleHTTPServer
```
2. The unit test suite is located at `src/test/unit/index.html`, so if you used
the python instructions, open up your browser to
[http://localhost:8000/test/unit/index.html](http://localhost:8000/test/unit/index.html).
All green means you're good to go.
##### Running Unit Tests from the Command Line
In addition to the browser test suite, you can also use
[Phantom.js](http://www.phantomjs.org/) to run the unit tests in a headless
WebKit browser from the command line using [Grunt](http://gruntjs.com/) by
following these instructions:
1. Navigate to the root directory of the project directory cloned from git.
2. Use [NPM](http://npmjs.org/) to install the Grunt requirements by running
this command in the root directory of the project:
```shell
$ npm install
```
*Note*: You might have to run this command as the the root user on your
system.
3. Use NPM to install the Grunt CLI.
```shell
$ npm install -g grunt-cli
```
*Note*: You might have to run this command as the the root user on your
system.
4. Finally, run the unit tests by running the `test` Grunt task in the root
directory of the project:
```shell
$ grunt test
```
If the task runs with no errors or failures, you're good to go.
##### Unit testing different jQuery versions
The unit tests can be run with the different versions of jQuery hosted on
Google's CDN. To do this when running tests in a browser, append the URL
parameter `?jquery=<version>` to the test suite URL. To do this when running
tests from the command line with Grunt, include the parameter
`--jquery=<version>` when running the `test` task.
For a browser example, to test with jQuery 1.8.0 against a local server on port
8000, use the URL:
[http://localhost:8000/test/unit/index.html?jquery=1.8.0](http://localhost:8000/test/unit/?jquery=1.8.0).
For a command line example, to test with jQuery 1.8.0 using Grunt, use the
command:
```shell
grunt test --jquery=1.8.0
```
If no specific version of jQuery is specified to be used with the unit tests,
the newest build of the oldest fully supported minor version of jQuery will be
used by default (Currently, that version is 1.4.x).
#### Selenium Tests
Because WYMeditor is strongly affected by the way various browsers handle
certain native events (keystrokes, mouse navigation, switching windows), it's
not always possible to use JavaScript to actually test that behavior. For
specific cases where it's not possible to reproduce a behavior in JavaScript,
we rely on our [Selenium2](http://seleniumhq.org/) test suite to drive an
actual browser using the [Selenium 2 python
bindings](http://pypi.python.org/pypi/selenium).
If possible, it is strongly encouraged to write a JavaScript unit test using
Qunit instead of a Selenium test.
##### Running Selenium Tests
1. Install the Selenium 2 python bindings, roughly following these
[installation
instructions](http://selenium-python.readthedocs.org/en/latest/installation.html).
The specific version of the python Selenium bindings and the nose testing
framework we require are defined in a [pip](http://www.pip-installer.org/)
requirements file located at `wym_selenium/requirements.txt`. To install
these, we recommend that you first create an isolated python
[virtualenv](http://www.virtualenv.org/):
```shell
$ mkdir -p ~/.virtualenvs
$ virtualenv ~/.virtualenvs/wym
```
2. Then use pip to install the requirements:
```shell
(wym)$ cd /path/to/wymeditor
(wym)$ pip install -r selenium_requirements.txt
```
3. To run the Selenium tests, you'll first need to serve the `src` directory
with a web server. If you have python installed, then you can simply open a
terminal and run:
```shell
$ cd /path/to/wymeditor
$ make testserver
```
You'll need to keep this terminal open when running the tests.
4. Then you can use make once again (in another terminal) to actually run the
tests:
```shell
$ source ~/.virtualenvs/wym/bin/activate
(wym)$ cd /path/to/wymeditor
(wym)$ make selenium
```
### Building WYMeditor
1. Get a copy of the source using git:
```shell
git clone git://github.com/wymeditor/wymeditor.git
```
2. Install `make`, Node.js and [UglifyJS](https://github.com/mishoo/UglifyJS/).
To install UglifyJS using [NPM](http://npmjs.org/) run the following:
```shell
npm install -g uglify-js
```
3. Run `make` from your git clone:
```shell
$ cd wymeditor
$ make
```
The resulting compressed distribution will appear in your `dist` directory.
#### Building with Google's Closure Compiler (Java)
The default WYMeditor distribution is built with
[UglifyJS](https://github.com/mishoo/UglifyJS), which requires the installation
of Node.js. If you prefer Java and/or Google's Closure Compiler, you can follow
these instructions instead.
1. Install `make` and Java.
2. Download [Closure Compiler
application](https://developers.google.com/closure/compiler/), extracting
`compiler.jar` into your `wymeditor` directory.
3. Run `make` from your git clone:
```shell
$ cd /path/to/wymeditor
$ make min_closure archive
```
#### A Note on Build Scripts
The project is currently in the process of moving entirely from `make` to Grunt
as a build tool. Any help porting the remaining `make` tasks to Grunt would be
wonderful, as it's a bit confusing right now.
## Getting Help
- **Documentation:** [wymeditor.readthedocs.org](http://wymeditor.readthedocs.org)
- **Forum:** http://community.wymeditor.org
- **Issue tracking:** https://github.com/wymeditor/wymeditor/issues
- **Official branch:** https://github.com/wymeditor/wymeditor
[Read more on
contributing](https://wymeditor.readthedocs.org/en/latest/version_2.0/contributing.html)
## Copyright
Copyright (c) 2005 - 2013 Jean-Francois Hovinne,
Dual licensed under the MIT (MIT-license.txt)
and GPL (GPL-license.txt) licenses.

View File

@ -0,0 +1,56 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 01-basic.html
* WYMeditor integration example.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<!-- jQuery library is required, see http://jquery.com/ -->
<script type="text/javascript" src="../jquery/jquery.js"></script>
<!-- WYMeditor main JS file, minified version -->
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
/* Here we replace each element with class 'wymeditor'
* (typically textareas) by a WYMeditor instance.
*
* We could use the 'html' option, to initialize the editor's content.
* If this option isn't set, the content is retrieved from
* the element being replaced.
*/
jQuery(function() {
jQuery('.wymeditor').wymeditor();
});
</script>
</head>
<body>
<h1>WYMeditor integration example</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor">&lt;p&gt;Hello, World!&lt;/p&gt;</textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,56 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 02-custom-language.html
* WYMeditor integration example - custom language.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
/* Use 3 options, one to set the html content,
* one to set the language, and one the set the classes
*/
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
lang: 'fr',
stylesheet: 'styles.css'
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - custom language</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,64 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 03-plugin.html
* WYMeditor integration example - plugin activation.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript" src="../wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js"></script> <!-- load the plugin -->
<script type="text/javascript">
// Use the 'postInit' option, which will execute the function passed in the parameter.
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
postInit: function(wym) {
//postInit is executed after WYMeditor initialization
//'wym' is the current WYMeditor instance
//we generally activate plugins after WYMeditor initialization
//activate 'hovertools' plugin
//which gives advanced feedback to the user:
wym.hovertools();
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - plugin activation</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,67 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 04-multiple-instances.html
* WYMeditor integration example - multiple instances.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
// Each textarea with class 'wymeditor' is replaced by a WYMeditor instance.
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css'
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - multiple instances</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
<br />
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
<br />
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,102 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 05-custom-dialog.html
* WYMeditor integration example - custom dialog.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
postInitDialog: function(wym,wdw) {
//postInitDialog is executed when the dialog is ready
//'wym' is the WYMeditor instance
//'wdw' is the dialog's window
var body = wdw.document.body;
//add a select box populated with predefined values to the dialog
//construct the string with the needed controls
var selectLink = "<div class='row row-indent'>"
+ "<select class='wym_select_link'>"
+ "<option selected value='WYMeditor http://www.wymeditor.org/'>"
+ "WYMeditor<\/option>"
+ "<option value='SourceForge http://www.sourceforge.net/'>"
+ "SourceForge<\/option>"
+ "<option value='GNU http://www.gnu.org/'>"
+ "GNU<\/option>"
+ "<\/select>"
+ "<input class='wym_choose' type='button'"
+ " value='{Choose}' />"
+ "<\/div>";
//the {Choose} string will automagically be localized
//by replaceStrings()
//add the controls to the dialog
jQuery(body)
.filter('.wym_dialog_link').find('fieldset').eq(0)
.prepend(wym.replaceStrings(selectLink));
//bind a function which will populate the URL and title fields
//when the user clicks on the wym_choose button
jQuery(body)
.find('.wym_choose')
.click(function() {
var myval = jQuery(body).find('.wym_select_link').val();
//get the URL and the title
jQuery(body)
.find('.wym_href')
.val(myval.substring(myval.lastIndexOf(' ') + 1));
jQuery(body)
.find('.wym_title')
.val(myval.substr(0, myval.lastIndexOf(' ')));
});
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - custom dialog</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,73 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 06-custom-menu.html
* WYMeditor integration example - custom menu.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
//customize the tools menu with toolsItems option
//'name' is the name of the command which will be executed
//when the user clicks on the button
//'title' is the button's title (automagically localized)
//'css' is the button's class name
toolsItems: [
{'name': 'Bold', 'title': 'Strong', 'css': 'wym_tools_strong'},
{'name': 'Italic', 'title': 'Emphasis', 'css': 'wym_tools_emphasis'},
{'name': 'CreateLink', 'title': 'Link', 'css': 'wym_tools_link'},
{'name': 'Unlink', 'title': 'Unlink', 'css': 'wym_tools_unlink'},
{'name': 'InsertImage', 'title': 'Image', 'css': 'wym_tools_image'},
{'name': 'InsertOrderedList', 'title': 'Ordered_List',
'css': 'wym_tools_ordered_list'},
{'name': 'InsertUnorderedList', 'title': 'Unordered_List',
'css': 'wym_tools_unordered_list'},
{'name': 'InsertTable', 'title': 'Table', 'css': 'wym_tools_table'},
{'name': 'Paste', 'title': 'Paste_From_Word',
'css': 'wym_tools_paste'},
{'name': 'Undo', 'title': 'Undo', 'css': 'wym_tools_undo'},
{'name': 'Redo', 'title': 'Redo', 'css': 'wym_tools_redo'}
]
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - custom menu</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,74 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 07-custom-button.html
* WYMeditor integration example - custom button.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
postInit: function(wym) {
//construct the button's html
var html = "<li class='wym_tools_newbutton'>"
+ "<a name='NewButton' href='#'"
+ " style='background-image:"
+ " url(../wymeditor/skins/default/icons.png)'>"
+ "Do something"
+ "</a></li>";
//add the button to the tools box
jQuery(wym._box)
.find(wym._options.toolsSelector + wym._options.toolsListSelector)
.append(html);
//handle click event
jQuery(wym._box)
.find('li.wym_tools_newbutton a').click(function() {
//do something
wym.paste('Lorem ipsum dolor sit amet, consectetuer adipiscing elit.');
return(false);
});
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - custom button</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,63 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 08-custom-panel.html
* WYMeditor integration example - custom panel.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
postInit: function(wym) {
//render the containers box as a panel
//and remove the span containing the '>'
jQuery(wym._box).find(wym._options.containersSelector)
.removeClass('wym_dropdown')
.addClass('wym_panel')
.find('h2 > span')
.remove();
//adjust the editor's height
jQuery(wym._box).find(wym._options.iframeSelector)
.css('height', '250px');
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - custom panel</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 09-two-panels.html
* WYMeditor integration example - two panels.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
skin: 'twopanels'
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - two panels</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 10-resizable.html
* WYMeditor integration example - resizable plugin.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<!-- REQUIRED: jQuery UI and jQuery UI resizable -->
<script type="text/javascript" src="../jquery/jquery-ui-1.8.11.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="../jquery/jquery.ui.resizable.css" />
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript" src="../wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js"></script>
<script type="text/javascript" src="../wymeditor/plugins/resizable/jquery.wymeditor.resizable.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
stylesheet: 'styles.css',
postInit: function(wym) {
wym.hovertools();
wym.resizable();
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - resizable plugin</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,75 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 11-custom-parser.html
* Custom XHTML parser example.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
WYMeditor.XhtmlLexer.prototype.addTokens = function() {
// These tokens are for Radiant CMS radius tags
this.addEntryPattern("</?r:", 'Text', 'Text');
this.addExitPattern(">", 'Text');
this.addCommentTokens('Text');
this.addScriptTokens('Text');
this.addCssTokens('Text');
this.addTagTokens('Text');
};
//Define allowed attributes and their values for <p>
WYMeditor.XhtmlValidator._tags['p'] = {
'attributes': {
'align':/^(right|left|center|justify)$/,
'0':'name'
}
};
//Add runat="server" attribute to <a> and <img>
jQuery.extend(WYMeditor.XhtmlValidator._tags['a']['attributes'], {'runat':/^(server)$/});
jQuery.extend(WYMeditor.XhtmlValidator._tags['img']['attributes'], {'runat':/^(server)$/});
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p><a runat="server"><em>Runat server</em> link.</a></p>'
+ '<p align="right">Right aligned paragraph.</p>'
+ '<p><r:test>This text is inside a radius tag.</r:test></p>'
+ '<p>Nothing special here.</p>'
});
});
</script>
</head>
<body>
<h1>WYMeditor custom XHTML parser example</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,107 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 12-custom-layout.html
* Basic editor integration example with customisation of the default layout.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
stylesheet: 'styles.css',
//classes panel
classesItems: [
{'name': 'date', 'title': 'PARA: Date', 'expr': 'p'},
{'name': 'hidden-note', 'title': 'PARA: Hidden note',
'expr': 'p[@class!="important"]'},
{'name': 'important', 'title': 'PARA: Important',
'expr': 'p[@class!="hidden-note"]'},
{'name': 'border', 'title': 'IMG: Border', 'expr': 'img'},
{'name': 'special', 'title': 'LIST: Special', 'expr': 'ul, ol'}
],
//we customize the XHTML structure of WYMeditor by overwriting
//the value of boxHtml. In this example, "CONTAINERS" and
//"CLASSES" have been moved from "wym_area_right" to "wym_area_top":
boxHtml: "<div class='wym_box'>"
+ "<div class='wym_area_top'>"
+ WYMeditor.TOOLS
+ WYMeditor.CONTAINERS
+ WYMeditor.CLASSES
+ "</div>"
+ "<div class='wym_area_left'></div>"
+ "<div class='wym_area_right'>"
+ "</div>"
+ "<div class='wym_area_main'>"
+ WYMeditor.HTML
+ WYMeditor.IFRAME
+ WYMeditor.STATUS
+ "</div>"
+ "<div class='wym_area_bottom'>"
+ "</div>"
+ "</div>",
//postInit is a function called when WYMeditor instance is ready
//wym is the WYMeditor instance
postInit: function(wym) {
//we make all sections in area_top render as dropdown menus:
jQuery(wym._box)
//first we have to select them:
.find(".wym_area_top .wym_section")
//then we remove the existing class which make some of them render as a panels:
.removeClass("wym_panel")
//then we add the class which will make them render as a dropdown menu:
.addClass("wym_dropdown")
//finally we add some css to make the dropdown menus look better:
.css("width", "160px")
.css("float", "left")
.css("margin-right", "5px")
.find("ul")
.css("width", "140px");
//add a ">" character to the title of the new dropdown menus (visual cue)
jQuery(wym._box).find(".wym_tools, .wym_classes ")
.find(WYMeditor.H2)
.append("<span>&nbsp;&gt;</span>");
}
});
});
</script>
</head>
<body>
<h1>WYMeditor basic integration example with simple skin customisation</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 13-silver-skin.html
* WYMeditor integration example - hovertools and resizable plugins, using silver skin.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<!-- OPTIONAL: jQuery UI and jQuery UI resizable -->
<script type="text/javascript" src="../jquery/jquery.ui.js"></script>
<script type="text/javascript" src="../jquery/jquery.ui.resizable.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript" src="../wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js"></script>
<script type="text/javascript" src="../wymeditor/plugins/resizable/jquery.wymeditor.resizable.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>', //set editor's value
stylesheet: 'styles.css', //styles to load
skin: 'silver', //activate silver skin
postInit: function(wym) {
wym.hovertools(); //activate hovertools
wym.resizable(); //and resizable plugins
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - resizable plugin</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,168 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 14-more-inline-elements.html
* WYMeditor integration example - more inline elements.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>', //set editor's value
stylesheet: 'styles.css', //styles to load
postInit: function(wym) {
//add the 'Wrap' translation (used here for the dialog's title)
jQuery.extend(WYMeditor.STRINGS['en'], {
'Wrap': 'Wrap'
});
//set the editor's content
wym._html("<p>This is some text with which to test.</p>"
+ "<p>Select 'some text' and click on the Wrap button.</p>"
+ "<p>Select it again and click on the Unwrap button.</p>");
//construct the wrap button's html
//note: the button image needs to be created ;)
var html = "<li class='wym_tools_wrap'>"
+ "<a href='#'"
+ " title='Wrap'"
+ " style='background-image:"
+ " url(../wymeditor/skins/default/icons.png)'>"
+ "Wrap"
+ "</a></li>";
//add the button to the tools box
jQuery(wym._box)
.find(wym._options.toolsSelector + wym._options.toolsListSelector)
.append(html);
//construct the unwrap button's html
//note: the button image needs to be created ;)
html = "<li class='wym_tools_unwrap'>"
+ "<a href='#'"
+ " title='Unwrap'"
+ " style='background-image:"
+ " url(../wymeditor/skins/default/icons.png)'>"
+ "Unwrap"
+ "</a></li>";
//add the button to the tools box
jQuery(wym._box)
.find(wym._options.toolsSelector + wym._options.toolsListSelector)
.append(html);
//construct the dialog's html
html = "<body class='wym_dialog wym_dialog_wrap'"
+ " onload='WYMeditor.INIT_DIALOG(" + WYMeditor.INDEX + ")'"
+ ">"
+ "<form>"
+ "<fieldset>"
+ "<input type='hidden' class='wym_dialog_type' value='"
+ "Wrap"
+ "' />"
+ "<legend>Wrap</legend>"
+ "<div class='row'>"
+ "<label>Type</label>"
+ "<select class='wym_select_inline_element'>"
+ "<option selected value='abbr'>Abbreviation</option>"
+ "<option value='acronym'>Acronym</option>"
+ "<option value='cite'>Citation, reference</option>"
+ "<option value='code'>Code</option>"
+ "<option value='del'>Deleted content</option>"
+ "<option value='ins'>Inserted content</option>"
+ "<option value='span'>Generic</option>"
+ "</select>"
+ "</div>"
+ "<div class='row'>"
+ "<label>Title</label>"
+ "<input type='text' class='wym_title' value='' size='40' />"
+ "</div>"
+ "<div class='row row-indent'>"
+ "<input class='wym_submit wym_submit_wrap' type='button'"
+ " value='{Submit}' />"
+ "<input class='wym_cancel' type='button'"
+ "value='{Cancel}' />"
+ "</div>"
+ "</fieldset>"
+ "</form>"
+ "</body>";
//handle click event on wrap button
jQuery(wym._box)
.find('li.wym_tools_wrap a').click(function() {
wym.dialog( 'Wrap', null, html );
return(false);
});
//handle click event on unwrap button
jQuery(wym._box)
.find('li.wym_tools_unwrap a').click(function() {
wym.unwrap();
return(false);
});
},
//handle click event on dialog's submit button
postInitDialog: function( wym, wdw ) {
//wdw is the dialog's window
//wym is the WYMeditor instance
var body = wdw.document.body;
jQuery( body )
.find('input.wym_submit_wrap')
.click(function() {
var tag = jQuery(body).find('.wym_select_inline_element').val();
var title = jQuery(body).find('.wym_title').val();
wym.wrap( '<' + tag + ' title="' + title + '">', '</' + tag + '>' );
wdw.close();
});
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - more inline elements</h1>
<h2>Adding <code title="Abbreviation">abbr</code>, <code title="Acronym">acronym</code>, <code title="Citation">cite</code>,
<code title="Code">code</code>, <code title="Deleted content">del</code>, <code title="Inserted content">ins</code>
and <code title="Generic inline element">span</code> support</h2>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,188 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 15-rdfa-editor.html
* RDFa editor implementation example page.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RDFa editor</title>
<style type="text/css">
/* visual feedback */
.about { background-color: #f99; }
.dc_creator { background-color: #9f9; }
.dc_title { background-color: #9ff; }
.foaf_Person { background-color: #69c; }
.foaf_name { background-color: #99c; }
.foaf_homepage { background-color: #c9c; }
.foaf_mbox { background-color: #c6c; }
.foaf_phone { background-color: #c3c; }
</style>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
/*EXTEND THE XHTML PARSER*/
/*************************/
//Add the RDFa attributes
WYMeditor.XhtmlValidator._attributes['core']['attributes'].push(
'rel',
'rev',
'content',
'href',
'src',
'about',
'property',
'resource',
'datatype',
'typeof');
//Add the 'standard' vocabularies
WYMeditor.XhtmlValidator._attributes['core']['attributes'].push(
'xmlns:biblio',
'xmlns:cc',
'xmlns:dbp',
'xmlns:dbr',
'xmlns:dc',
'xmlns:ex',
'xmlns:foaf',
'xmlns:rdf',
'xmlns:rdfs',
'xmlns:taxo',
'xmlns:xhv',
'xmlns:xsd');
//Overwrite the <a> attributes 'rel' and 'rev'
WYMeditor.XhtmlValidator._tags['a'] = {
"attributes": {
"0":"charset",
"1":"coords",
"2":"href",
"3":"hreflang",
"4":"name",
"5":"rel",
"6":"rev",
"shape":/^(rect|rectangle|circ|circle|poly|polygon)$/,
"7":"type"
}
};
/*END EXTEND*/
/************/
jQuery(function() {
jQuery('.wymeditor').wymeditor({
stylesheet: 'wym_stylesheet.css',
html: '<h2 class="dc_title" property="dc:title">The trouble with Bob<\/h2><h3 class="dc_creator" property="dc:creator">Alice<\/h3>'
+ '<p>The trouble with Bob is that he takes much better photos than I do.<\/p>'
+ '<p class="foaf_Person" typeof="foaf:Person">'
+ '<strong class="foaf_name" property="foaf:name">Alice Birpemswick<\/strong><br \/>'
+ 'Email: <a class="foaf_mbox" rel="foaf:mbox" href="mailto:alice@example.com">alice@example.com<\/a><br \/>'
+ 'Phone: <a class="foaf_phone" rel="foaf:phone" href="tel:+1-617-555-7332">+1 617.555.7332<\/a>'
+ '<\/p>',
postInit: function(wym) {
//set the classes panel as dropdown
jQuery(wym._box).find('div.wym_classes').hide();
//construct the panel
jQuery(wym._box).find('div.wym_area_right')
.append('<div class="wym_attributes wym_section wym_panel"><\/div>')
.children(':last')
.append('<h2>Attributes<\/h2>')
.append('<ul><\/ul>')
.children(':last')
//store the attribute name/value in the button class (better idea?)
.append('<li><a class="about" title="What the data is about." href="#">ABOUT: about #value#<\/a><\/li>')
.append('<li><a class="property dc_title" title="A name by which the resource is formally known." href="#">TITLE: prop dc:title<\/a><\/li>')
.append('<li><a class="property dc_creator" title="An entity primarily responsible for making the resource." href="#">CREATOR: prop dc:creator<\/a><\/li>')
.append('<li><a class="typeof foaf_Person" title="A person." href="#">PERSON: typeof foaf:Person<\/a><\/li>')
.append('<li><a class="property foaf_name" title="A name for some thing." href="#">NAME: property foaf:name<\/a><\/li>')
.append('<li><a class="rel foaf_homepage" title="A homepage for some thing." href="#">HOMEPAGE: rel foaf:homepage<\/a><\/li>')
.append('<li><a class="rel foaf_mbox" title="A personal mailbox." href="#">MAILBOX: rel foaf:mbox<\/a><\/li>')
.append('<li><a class="rel foaf_phone" title="A phone." href="#">PHONE: rel foaf:phone<\/a><\/li>')
.find('a')
//event handlers
.click( function() {
//init
var selected = wym.selected(), //selected container
classes = jQuery(this).attr('class').split(' '), //clicked button classes
attrName = classes[0], //attribute name, e.g. 'property'
attrValue = classes.length > 1 ? classes[1] : null; //attribute value, if available, e.g. dc_title
//the attribute already exists, remove it
if( jQuery(selected).attr(attrName) != undefined && jQuery(selected).attr(attrName) != '') {
WYMeditor.console.log('attribute already exists, remove it:', attrName, jQuery(selected).attr(attrName));
if( classes.length == 1 || jQuery(selected).attr(attrName) == attrValue.replace('_', ':') )
jQuery(selected).removeAttr(attrName).removeClass(attrName).removeClass(attrValue);
//else, add it (and the feedback class)
} else {
WYMeditor.console.log('attribute does not exist, add it:', attrName, attrValue);
if( classes.length > 1 ) { //value available
jQuery(selected).attr(attrName, attrValue.replace('_', ':')).addClass(attrValue);
} else { //value not available
attrValue = prompt('Value', '');
if(attrValue != null) jQuery(selected).attr(attrName, attrValue).addClass(attrName);
}
}
});
//feedback css
var rules = [
{ name: '.about',
css: 'background-color: #f99;' },
{ name: '.dc_creator',
css: 'background-color: #9f9;' },
{ name: '.dc_title',
css: 'background-color: #9ff;' },
{ name: '.foaf_Person',
css: 'background-color: #69c;' },
{ name: '.foaf_name',
css: 'background-color: #99c;' },
{ name: '.foaf_homepage',
css: 'background-color: #c9c;' },
{ name: '.foaf_mbox',
css: 'background-color: #c6c;' },
{ name: '.foaf_phone',
css: 'background-color: #c3c;' }
];
wym.addCssRules( wym._doc, rules);
}
});
});
</script>
</head>
<body>
<h1>WYMeditor based RDFa editor (proof of concept)</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<p>More information on the forum: <a href="http://forum.wymeditor.org/forum/viewtopic.php?f=3&amp;p=2030">WYMeditor for RDFa</a></p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* googleapis.html
* Test page for #169.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor();
});
</script>
</head>
<body>
<h1>WYMeditor integration example</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor">&lt;p&gt;Hello, World!&lt;/p&gt;</textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,199 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 17-pretty-theme.html
* WYMeditor integration example.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
* Gyuris Gellért - http://bubu.ujevangelizacio.hu/bubu
* Philipp Cordes (pc a-t irgendware dotnet)
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<!-- jQuery library is required, see http://jquery.com/ -->
<script type="text/javascript" src="../jquery/jquery.js"></script>
<!-- WYMeditor main JS file, minified version -->
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
/* Here we replace default theme to pretty.
*/
jQuery(function() {
jQuery('.wymeditor').wymeditor({
iframeBasePath: "../wymeditor/iframe/pretty/",
postInit: function(wym) {
//construct the button's html
var html = "<li class=\"wym_tools_toogle_pretty_theme\">"
+ "<a name=\"TogglePrettyTheme\" href=\"#\""
+ " title=\"Toggle short and verbose theme style\""
+ " style=\"background-image:"
+ " url(../wymeditor/iframe/pretty/icon.png)\">"
+ "Toggle short and verbose theme style"
+ "</a></li>";
//add the button to the tools box
jQuery(wym._box)
.find(wym._options.toolsSelector + wym._options.toolsListSelector)
.append(html);
//handle click event
jQuery(wym._box)
.find('li.wym_tools_toogle_pretty_theme a').click(function() {
wym.toggleClass('short', 'BODY' );
return(false);
});
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor">
&lt;p&gt;Paragraph &amp;lt;p&amp;gt; • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum metus tellus, ultrices ac tristique vitae, laoreet et ante. Aliquam elit velit, porta sed volutpat vitae, sodales in dolor. Vestibulum eros odio, gravida et bibendum et, accumsan imperdiet eros. In at mauris nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultrices interdum velit, sit amet lacinia massa varius in. Sed vulputate dapibus nulla, et tincidunt urna faucibus eu. &lt;/p&gt;
&lt;p class="some"&gt;Paragraph &amp;lt;p&amp;gt; with class "some" • Nullam bibendum rhoncus ullamcorper. Aliquam vitae ullamcorper metus. Phasellus vitae ipsum tortor, accumsan cursus nunc.&lt;/p&gt;
&lt;h1&gt;Heading 1 &amp;lt;h1&amp;gt;&lt;/h1&gt;
&lt;h1 class="first"&gt;Heading 1 &amp;lt;h1&amp;gt; with class "first"&lt;/h1&gt;
&lt;h2&gt;Heading 2 &amp;lt;h2&amp;gt;&lt;/h2&gt;
&lt;h2 class="other"&gt;Heading 2 &amp;lt;h2&amp;gt; with class "other"&lt;/h2&gt;
&lt;h2&gt;&lt;a href="#"&gt;Linked Heading 2 &lt;/a&gt;&amp;lt;h2&amp;gt;&lt;/h2&gt;
&lt;h3&gt;Heading 3 &amp;lt;h3&amp;gt;&lt;/h3&gt;
&lt;h4&gt;Heading 4 &amp;lt;h4&amp;gt;&lt;/h4&gt;
&lt;h5&gt;Heading 5 &amp;lt;h5&amp;gt;&lt;/h5&gt;
&lt;h6&gt;Heading 6 &amp;lt;h6&amp;gt;&lt;/h6&gt;
&lt;div&gt;Division, section &amp;lt;div&amp;gt; • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/div&gt;
&lt;div class="messages error"&gt;Division, section &amp;lt;div&amp;gt; with class "messages error" • Vivamus metus orci, consectetur a consectetur sed, malesuada sed ligula. Nunc nibh quam, tempor sagittis rhoncus quis, placerat a elit.&lt;/div&gt;
&lt;address&gt;Address &amp;lt;address&amp;gt; • Suspendisse laoreet pellentesque nibh id gravida. &lt;/address&gt;
&lt;blockquote cite="#"&gt;Quoted section &amp;lt;blockquote&amp;gt; • Donec vulputate pretium egestas. Vivamus faucibus ultrices elit, sit amet dignissim mauris semper at. Mauris laoreet nisi sed dolor volutpat sagittis. Proin euismod varius nisl ut interdum. Maecenas tempor, ipsum placerat suscipit malesuada, sem ipsum ullamcorper purus, eu eleifend tortor ante ac arcu. &lt;/blockquote&gt;
&lt;blockquote&gt;&lt;p&gt;Nested paragraph in quoted section • Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.&lt;/blockquote&gt;
&lt;pre&gt;Preformatted text &amp;lt;pre&amp;gt; •
Proin hendrerit felis
vitae urna bibendum commodo.
Cras non augue vitae metus ullamcorper porttitor at et nisl.
Quisque dui lacus, vestibulum at placerat vitae, dignissim ac erat.&lt;/pre&gt;
&lt;p&gt;Inline elements: strong, em, a href, span, abbr, acronym, q, cite, kbd, samp, var, dfn, code, del, ins, sup, sub • Lorem ipsum
&lt;strong&gt;important text &amp;lt;strong&amp;gt; and &amp;lt;b&amp;gt; • dolor sit amet&lt;/strong&gt;, consectetur
&lt;em&gt;emphasized text &amp;lt;em&amp;gt; and &amp;lt;i&amp;gt; • adipiscing elit&lt;/em&gt;. Vestibulum
&lt;a href="#"&gt;hyperlink &amp;lt;a href&amp;gt; • metus&lt;/a&gt; tellus, ultrices ac
&lt;span&gt;generic inline container &amp;lt;span&amp;gt; • tristique vitae&lt;/span&gt;, laoreet et ante. Sodales
&lt;abbr title="abbr"&gt;abbreviation &amp;lt;abbr&amp;gt; • ALIQUAM&lt;/abbr&gt; elit velit,
&lt;acronym title="acronym"&gt;acronym &amp;lt;acronym&amp;gt; • PORTA&lt;/acronym&gt; sed volutpat,
&lt;q&gt;short quotation &amp;lt;q&amp;gt; • Vestibulum eros odio&lt;/q&gt;, gravida et bibendum et,
&lt;cite&gt;title of a work &amp;lt;cite&amp;gt; • accumsan imperdiet&lt;/cite&gt; eros. In at mauris
&lt;kbd&gt;keyboard input &amp;lt;kbd&amp;gt; • vitae&lt;/kbd&gt; sodales in dolor. Cum sociis
&lt;samp&gt;sample output from a computer program &amp;lt;samp&amp;gt; • natoque penatibus&lt;/samp&gt; et magnis dis
&lt;var&gt;variable &amp;lt;var&amp;gt; • parturient&lt;/var&gt; montes, nascetur
&lt;dfn&gt;definition term &amp;lt;dfn&amp;gt; • ridiculus&lt;/dfn&gt; mus. Praesent
&lt;code&gt;computer code &amp;lt;code&amp;gt; • torqueo jumentum dolus esca&lt;/code&gt; suscipit,
&lt;del&gt;deleted text &amp;lt;del&amp;gt; • ultrices&lt;/del&gt; velit, sit amet
&lt;ins&gt;inserted text &amp;lt;ins&amp;gt; • acinia massa varius&lt;/ins&gt; in. Sed vulputate dapibus nulla, et
&lt;sup&gt;supscript text &amp;lt;sup&amp;gt; • tincidunt&lt;/sup&gt; urna faucibus eu. Neo damnum aliquam
&lt;sub&gt;subscript text &amp;lt;sub&amp;gt; • consequat&lt;/sub&gt;. Abdo genitus luptatum virtus singularis distineo validus ea. Gravis
&lt;strong class="myinlineclass"&gt;important text &amp;lt;strong&amp;gt; with class "myinlineclass" • oppeto huic incassum. Vulputate hos singularis veniam zelus singularis utinam vulputate sino quidne. Nutus neque quidem. Natu interdico melior.Oppeto vulpes meus jugis ut iriure valde consectetuer&lt;/strong&gt; abigo. Aptent bene ideo commoveo quadrum abbas. Vereor macto neo probo ille. Esse vulpes sino virtus rusticus brevitas mos. Cui ad vulputate et vero zelus feugiat os olim obruo. Facilisi quadrum proprius gravis velit humo nunc wisi imputo antehabeo.Valde dolore tation facilisi ullamcorper gemino gemino cui qui paratus. Camur in capto euismod. Brevitas vero iriure letalis valde oppeto plaga ullamcorper adipiscing inhibeo.
&lt;/p&gt;
&lt;h2&gt;Ordered List&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Nullam ullamcorper porta sem quis aliquet. Integer sed metus justo.&lt;/li&gt;
&lt;li&gt;Lorem ipsum dolor sit amet consectetuer.&lt;/li&gt;
&lt;li&gt;Neo damnum aliquam consequat. Abdo genitus luptatum virtus singularis distineo validus ea. Gravis oppeto huic incassum torqueo jumentum dolus esca suscipit. Vulputate hos singularis veniam zelus singularis utinam vulputate sino quidne. Nutus neque quidem. Natu interdico melior.Oppeto vulpes meus jugis ut iriure valde consectetuer abigo. Aptent bene ideo commoveo quadrum abbas. Vereor macto neo probo ille.&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Pellentesque dui mauris, mattis id lobortis porttitor, laoreet eu dui. Vestibulum eget ligula mauris, iaculis euismod sapien.&lt;/p&gt;&lt;p&gt;Donec quis justo lorem.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;Condimentum quis.&lt;/li&gt;
&lt;li&gt;Congue Quisque augue elit dolor.
&lt;ol&gt;
&lt;li&gt;Sed at tempus enim.&lt;/li&gt;
&lt;li&gt;Aliquam accumsan lorem eu dui tempus vel pellentesque magna hendrerit.&lt;/li&gt;
&lt;li&gt;Donec eleifend sodales lorem at varius. Pellentesque condimentum dui scelerisque eros consectetur blandit. Etiam posuere placerat arcu ut cursus. Mauris dui ligula, porta ut tincidunt quis, ornare ut dolor. Sed sed mollis felis. Suspendisse laoreet pellentesque nibh id gravida. Pellentesque dui mauris, mattis id lobortis porttitor, laoreet eu dui. Vestibulum eget ligula mauris, iaculis euismod sapien. Donec quis justo lorem.&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;Congue Quisque augue elit dolor nibh.&lt;/li&gt;
&lt;li&gt;Vestibulum feugiat tempor gravida.&lt;/li&gt;
&lt;li&gt;Donec vulputate pretium egestas.&lt;/li&gt;
&lt;li&gt;Vivamus faucibus ultrices elit, sit amet dignissim mauris semper at.&lt;/li&gt;
&lt;li&gt;Mauris laoreet nisi sed dolor volutpat sagittis.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;Unordered List&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Donec quis justo lorem.&lt;/li&gt;
&lt;li&gt;Condimentum quis.&lt;/li&gt;
&lt;li&gt;Congue Quisque augue elit dolor.
&lt;ul class="special"&gt;
&lt;li&gt;Mauris laoreet nisi sed dolor volutpat sagittis. &lt;/li&gt;
&lt;li&gt;Proin euismod varius nisl ut interdum.
&lt;ul&gt;
&lt;li&gt;Maecenas tempor, ipsum placerat suscipit malesuada, sem ipsum ullamcorper purus, eu eleifend tortor ante ac arcu.&lt;/li&gt;
&lt;li&gt;Donec eleifend sodales lorem at varius.&lt;/li&gt;
&lt;li&gt;Nullam ullamcorper porta sem quis aliquet. Integer sed metus justo.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Suspendisse non lorem eget lacus tincidunt mattis.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Nunc cursus sem et pretium sapien eget.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;&lt;/ul&gt;
&lt;h2&gt;Definition List&lt;/h2&gt;
&lt;dl class="something"&gt;
&lt;dt&gt;Cras&lt;/dt&gt;
&lt;dd&gt;Phasellus convallis interdum dictum. &lt;/dd&gt;
&lt;dd&gt;Suspendisse lectus eros, vestibulum et sagittis eu, fringilla ac urna. Phasellus ullamcorper faucibus sapien, nec rhoncus orci gravida id. Quisque elementum leo at leo facilisis euismod. Nunc sit amet elit vitae arcu fermentum adipiscing eu at mauris.&lt;/dd&gt;
&lt;dt&gt;Aenean volutpat urna a risus congue fermentum.&lt;/dt&gt;
&lt;dd&gt;Curabitur id nunc ante, nec tincidunt odio. Nulla facilisi. In hac habitasse platea dictumst. Curabitur suscipit luctus aliquet. Pellentesque quis risus dolor.&lt;/dd&gt;
&lt;/dl&gt;
&lt;table width="50%" border="1"&gt;
&lt;caption&gt;Caption • Table with border 1.&lt;/caption&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;thead th • Aliquam&lt;/th&gt;
&lt;th&gt;thead th • Quisque&lt;/th&gt;
&lt;th&gt;thead th • Nunc&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;tbody tr td • Curabitur suscipit luctus aliquet.&lt;/td&gt;
&lt;td&gt;tbody tr td • Nunc orci lorem, rhoncus eu elementum id, lacinia eget lorem. Nulla in neque viverra metus iaculis posuere. &lt;/td&gt;
&lt;td&gt;tbody tr td • Proin id leo condimentum ipsum commodo consequat.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Neo damnum aliquam consequat.&lt;/td&gt;
&lt;td&gt;Neo damnum aliquam consequat.&lt;/td&gt;
&lt;td&gt;Neo damnum aliquam consequat. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Neo damnum aliquam consequat.&lt;/td&gt;
&lt;td&gt;Neo damnum aliquam consequat. Neo damnum aliquam consequat.&lt;/td&gt;
&lt;td&gt;Neo damnum aliquam consequat. Neo damnum aliquam consequat. Neo damnum aliquam consequat&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
</textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 18-white-space-property.html
* Test page for #361.
* See the documentation for more info.
*
* File Authors:
* Jorge Salinas - http://jsalinas.info
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Page</title>
<!-- jQuery library is required, see http://jquery.com/ -->
<script type="text/javascript" src="../jquery/jquery.js"></script>
<!-- WYMeditor main JS file, minified version -->
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.wymeditor').wymeditor({
skin: 'compact',
});
});
</script>
<style type="text/css" media="screen">
.container { white-space: nowrap; }
</style>
</head>
<body>
<div class="container">
<form action="" method="">
<textarea class="wymeditor" name="test" rows="8" cols="40"></textarea>
</form>
</div>
</body>
</html>

View File

@ -0,0 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* 19-structured-headings.html
* WYMeditor integration example - structured headings plugin.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
<!-- jQuery library is required, see http://jquery.com/ -->
<script type="text/javascript" src="../jquery/jquery.js"></script>
<!-- WYMeditor main JS file, minified version -->
<script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script>
<!-- Structured headings plugin JS file -->
<script type="text/javascript"
src="../wymeditor/plugins/structured_headings/jquery.wymeditor.structured_headings.js">
</script>
<script type="text/javascript">
jQuery(function() {
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, world!<\/p>',
stylesheet: 'styles.css',
postInit: function(wym) {
// Call this function to initialize the structured headings plugin
wym.structuredHeadings();
}
});
});
</script>
</head>
<body>
<h1>WYMeditor integration example - structured headings plugin</h1>
<p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p>
<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />
</form>
</body>
</html>

View File

@ -0,0 +1,46 @@
WYMeditor : what you see is What You Mean web-based editor
Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
Dual licensed under the MIT (MIT-license.txt)
and GPL (GPL-license.txt) licenses.
For further information visit:
http://www.wymeditor.org/
File Name:
README
Readme file for WYMeditor integration examples.
File Authors:
Jean-François Hovinne - http://www.hovinne.com/
INTEGRATION EXAMPLES
====================
This directory contains step-by-step examples to help you
get started integrating WYMeditor in your application.
Please start with 01-basic.html.
For more information, please read the documentation, available at:
http://trac.wymeditor.org/trac/wiki
If you need help, feel free to create an account on the forum or subscribe
to the WYMeditor-user mailing-list, and ask your question.
http://forum.wymeditor.org/
http://lists.wymeditor.org/
More examples will be added from time to time.
You can check them out with Subversion:
$ svn co svn://svn.wymeditor.org/wymeditor/trunk/src/examples
Subversion is an open source version control system, available at:
http://subversion.tigris.org/
A Windows Subversion client is available at:
http://tortoisesvn.tigris.org/
Note: if you test the examples locally with FF3, you'll need to turn off
security.fileuri.strict_origin_policy (type about:config in the URL and search
for the value).
More info: http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

View File

@ -0,0 +1,59 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* index.html
* WYMeditor integration examples index page.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne - http://www.hovinne.com/
* Philipp Cordes (pc a-t irgendware dotnet)
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WYMeditor</title>
</head>
<body>
<h1>WYMeditor integration examples</h1>
<p>
<a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor. Please study the source code of each page to learn more about the examples and how to implement them.
</p>
<p>
<strong>Note:</strong> These examples might not work locally in your browser due to browser security policies regarding frames. Serve WYMeditor and this page from a proper web server or <a href="http://wymeditor.no.de/wymeditor/examples/">try out the demos online</a>.
</p>
<p>
<ol>
<li><a href="01-basic.html">Basic integration</a></li>
<li><a href="02-custom-language.html">Custom language</a></li>
<li><a href="03-plugin.html">Plugin</a></li>
<li><a href="04-multiple-instances.html">Multiple instances</a></li>
<li><a href="05-custom-dialog.html">Custom dialog</a></li>
<li><a href="06-custom-menu.html">Custom menu</a></li>
<li><a href="07-custom-button.html">Custom button</a></li>
<li><a href="08-custom-panel.html">Custom panel</a></li>
<li><a href="09-two-panels.html">Two panels</a></li>
<li><a href="10-resizable.html">Resizable</a></li>
<li><a href="11-custom-parser.html">Custom XHTML parser</a></li>
<li><a href="12-custom-layout.html">Custom layout</a></li>
<li><a href="13-silver-skin.html">Silver skin, hovertools, resizable</a></li>
<li><a href="14-more-inline-elements.html">More inline elements</a></li>
<li><a href="15-rdfa-editor.html">RDFa editor</a></li>
<li><a href="16-google-apis.html">Google APIs</a></li>
<li><a href="17-pretty-theme.html">Pretty theme</a></li>
<li><a href="18-compact-skin.html">Compact Skin</a></li>
<li><a href="19-structured-headings.html">Structured headings plugin</a></li>
</ol>
</p>
</body>
</html>

View File

@ -0,0 +1,64 @@
/* YOU CAN ADD NON-WYMEDITOR RELATED STYLES HERE */
body {
font-family: sans-serif;
}
h1 {
font-size: 1.5em;
}
/* EDITOR RELATED STYLES - CUSTOMIZE FOR YOUR NEEDS */
/*
The classes panel, the visual feedback and the preview
will be affected by these values.
- Commented styles inside style definitions are used for visual
feedback when using the editor.
- Comments before opening the style are used as caption.
- Comments after the class name and before the style declaration ({)
define the jQuery expression that decides whether this
style should be applied or not.
Note: the WYMeditor and /WYMeditor comments below are required
for the CSS parser to work properly.
*/
/* WYMeditor */
/* PARA: Date */
p.date {
color: #ccf;
/* background-color: #ff9; border: 2px solid #ee9; */
}
/* PARA: Hidden note */
p.hidden-note /* p[@class!="important"] */ {
display: none;
/* color: #999; border: 2px solid #ccc; */
}
/* PARA: Important */
p.important /* p[@class!="hidden-note"] */ {
color: red; font-weight: bold;
/* color: red; font-weight: bold; border: 2px solid red; */
}
img.border {
border: 1px solid #ccc;
/* border: 4px solid #ccc; */
}
/* LIST: Special */
ul.special,
ol.special {
color: green;
/** / background-color: #fc9; border: 2px solid red; /**/
}
/* /WYMeditor */
/* END EDITOR RELATED STYLES */
/* YOU CAN ADD NON-WYMEDITOR RELATED STYLES HERE */

View File

@ -0,0 +1,278 @@
GNU GENERAL PUBLIC LICENSE
Version 2, June 1991
Copyright (C) 1989, 1991 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.
Preamble
The licenses for most software are designed to take away your
freedom to share and change it. By contrast, the GNU General Public
License is intended to guarantee your freedom to share and change free
software--to make sure the software is free for all its users. This
General Public License applies to most of the Free Software
Foundation's software and to any other program whose authors commit to
using it. (Some other Free Software Foundation software is covered by
the GNU Lesser General Public License instead.) You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
this service if you wish), that you receive source code or can get it
if you want it, that you can change the software or use pieces of it
in new free programs; and that you know you can do these things.
To protect your rights, we need to make restrictions that forbid
anyone to deny you these rights or to ask you to surrender the rights.
These restrictions translate to certain responsibilities for you if you
distribute copies of the software, or if you modify it.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must give the recipients all the rights that
you have. You must make sure that they, too, receive or can get the
source code. And you must show them these terms so they know their
rights.
We protect your rights with two steps: (1) copyright the software, and
(2) offer you this license which gives you legal permission to copy,
distribute and/or modify the software.
Also, for each author's protection and ours, we want to make certain
that everyone understands that there is no warranty for this free
software. If the software is modified by someone else and passed on, we
want its recipients to know that what they have is not the original, so
that any problems introduced by others will not reflect on the original
authors' reputations.
Finally, any free program is threatened constantly by software
patents. We wish to avoid the danger that redistributors of a free
program will individually obtain patent licenses, in effect making the
program proprietary. To prevent this, we have made it clear that any
patent must be licensed for everyone's free use or not licensed at all.
The precise terms and conditions for copying, distribution and
modification follow.
GNU GENERAL PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. This License applies to any program or other work which contains
a notice placed by the copyright holder saying it may be distributed
under the terms of this General Public License. The "Program", below,
refers to any such program or work, and a "work based on the Program"
means either the Program or any derivative work under copyright law:
that is to say, a work containing the Program or a portion of it,
either verbatim or with modifications and/or translated into another
language. (Hereinafter, translation is included without limitation in
the term "modification".) Each licensee is addressed as "you".
Activities other than copying, distribution and modification are not
covered by this License; they are outside its scope. The act of
running the Program is not restricted, and the output from the Program
is covered only if its contents constitute a work based on the
Program (independent of having been made by running the Program).
Whether that is true depends on what the Program does.
1. You may copy and distribute verbatim copies of the Program's
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 give any other recipients of the Program a copy of this License
along with the Program.
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 Program or any portion
of it, thus forming a work based on the Program, 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) You must cause the modified files to carry prominent notices
stating that you changed the files and the date of any change.
b) You must cause any work that you distribute or publish, that in
whole or in part contains or is derived from the Program or any
part thereof, to be licensed as a whole at no charge to all third
parties under the terms of this License.
c) If the modified program normally reads commands interactively
when run, you must cause it, when started running for such
interactive use in the most ordinary way, to print or display an
announcement including an appropriate copyright notice and a
notice that there is no warranty (or else, saying that you provide
a warranty) and that users may redistribute the program under
these conditions, and telling the user how to view a copy of this
License. (Exception: if the Program itself is interactive but
does not normally print such an announcement, your work based on
the Program is not required to print an announcement.)
These requirements apply to the modified work as a whole. If
identifiable sections of that work are not derived from the Program,
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 Program, 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 Program.
In addition, mere aggregation of another work not based on the Program
with the Program (or with a work based on the Program) on a volume of
a storage or distribution medium does not bring the other work under
the scope of this License.
3. You may copy and distribute the Program (or a work based on it,
under Section 2) in object code or executable form under the terms of
Sections 1 and 2 above provided that you also do one of the following:
a) 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; or,
b) Accompany it with a written offer, valid for at least three
years, to give any third party, for a charge no more than your
cost of physically performing source distribution, a complete
machine-readable copy of the corresponding source code, to be
distributed under the terms of Sections 1 and 2 above on a medium
customarily used for software interchange; or,
c) Accompany it with the information you received as to the offer
to distribute corresponding source code. (This alternative is
allowed only for noncommercial distribution and only if you
received the program in object code or executable form with such
an offer, in accord with Subsection b above.)
The source code for a work means the preferred form of the work for
making modifications to it. For an executable work, 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 executable. However, as a
special exception, the source code distributed need not include
anything that is normally distributed (in either source or binary
form) with the major components (compiler, kernel, and so on) of the
operating system on which the executable runs, unless that component
itself accompanies the executable.
If distribution of executable or 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 counts as
distribution of the source code, even though third parties are not
compelled to copy the source along with the object code.
4. You may not copy, modify, sublicense, or distribute the Program
except as expressly provided under this License. Any attempt
otherwise to copy, modify, sublicense or distribute the Program 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.
5. 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 Program or its derivative works. These actions are
prohibited by law if you do not accept this License. Therefore, by
modifying or distributing the Program (or any work based on the
Program), you indicate your acceptance of this License to do so, and
all its terms and conditions for copying, distributing or modifying
the Program or works based on it.
6. Each time you redistribute the Program (or any work based on the
Program), the recipient automatically receives a license from the
original licensor to copy, distribute or modify the Program subject to
these terms and conditions. You may not impose any further
restrictions on the recipients' exercise of the rights granted herein.
You are not responsible for enforcing compliance by third parties to
this License.
7. 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 Program at all. For example, if a patent
license would not permit royalty-free redistribution of the Program 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 Program.
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.
8. If the distribution and/or use of the Program is restricted in
certain countries either by patents or by copyrighted interfaces, the
original copyright holder who places the Program 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.
9. The Free Software Foundation may publish revised and/or new versions
of the 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 Program
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 Program does not specify a version number of
this License, you may choose any version ever published by the Free Software
Foundation.
10. If you wish to incorporate parts of the Program into other free
programs whose distribution conditions are different, 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
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
PROVIDE THE PROGRAM "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 PROGRAM IS WITH YOU. SHOULD THE
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
REPAIR OR CORRECTION.
12. 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 PROGRAM 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 PROGRAM (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 PROGRAM TO OPERATE WITH ANY OTHER
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
POSSIBILITY OF SUCH DAMAGES.

View File

@ -0,0 +1,20 @@
Copyright (c) 2007 John Resig, http://jquery.com/
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

View File

@ -0,0 +1,67 @@
--------------------------------
jQuery - New Wave Javascript
http://jquery.com/
--------------------------------
What you need to build your own jQuery:
- Make sure that you have Java installed.
If not, go to this page and download "Java Runtime Environment (JRE) 5.0"
http://java.sun.com/javase/downloads/index.jsp
- You now have two options for building jQuery, if you have access to
common UNIX commands (like 'make', 'mkdir', 'rm', 'cat', and 'echo')
then simply type 'make' to build all the components.
- The other option is if you have Ant installed (or are on Windows and
don't have access to make). You can download Ant from here:
http://ant.apache.org/bindownload.cgi
If you do have Ant, everytime (in this README) that I say 'make', do
'ant' instead - it works identically (for all intents and purposes).
How to build your own jQuery:
In the main directory of the distribution (the one that this file is in), type
the following to make all versions of jQuery, the documentation, and the test suite:
make
Here are each of the individual items that are buildable from the Makefile.
make jquery
The standard, uncompressed, jQuery code.
Makes: ./dist/jquery.js
make lite
jQuery without all the additional inline documentation and test cases.
Makes: ./dist/jquery.lite.js
make pack
A compressed version of jQuery (made with Packer).
Makes: ./dist/jquery.pack.js
make docs
Builds a complete copy of the documentation, based upon the jQuery source.
Makes ./docs/
Open this file in your browser:
./docs/index.xml
make test
Builds a complete copy of the test suite, based upon the jQuery source.
Makes ./test/
Open this file in your browser:
./test/index.html
Finally, you can remove all the built files using the command:
make clean
Additionally, if you want to install jQuery to a location that is not this
directory, you can specify the PREFIX directory, for example:
make PREFIX=/home/john/test/
OR
make PREFIX=~/www/ docs
If you have any questions, please feel free to ask them on the jQuery
mailing list, which can be found here:
http://jquery.com/discuss/

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,97 @@
/*!
* jQuery UI 1.8.11
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI
*/
(function(c,j){function k(a){return!c(a).parents().andSelf().filter(function(){return c.curCSS(this,"visibility")==="hidden"||c.expr.filters.hidden(this)}).length}c.ui=c.ui||{};if(!c.ui.version){c.extend(c.ui,{version:"1.8.11",keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,
NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}});c.fn.extend({_focus:c.fn.focus,focus:function(a,b){return typeof a==="number"?this.each(function(){var d=this;setTimeout(function(){c(d).focus();b&&b.call(d)},a)}):this._focus.apply(this,arguments)},scrollParent:function(){var a;a=c.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(c.curCSS(this,
"position",1))&&/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0);return/fixed/.test(this.css("position"))||!a.length?c(document):a},zIndex:function(a){if(a!==j)return this.css("zIndex",a);if(this.length){a=c(this[0]);for(var b;a.length&&a[0]!==document;){b=a.css("position");
if(b==="absolute"||b==="relative"||b==="fixed"){b=parseInt(a.css("zIndex"),10);if(!isNaN(b)&&b!==0)return b}a=a.parent()}}return 0},disableSelection:function(){return this.bind((c.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}});c.each(["Width","Height"],function(a,b){function d(f,g,l,m){c.each(e,function(){g-=parseFloat(c.curCSS(f,"padding"+this,true))||0;if(l)g-=parseFloat(c.curCSS(f,
"border"+this+"Width",true))||0;if(m)g-=parseFloat(c.curCSS(f,"margin"+this,true))||0});return g}var e=b==="Width"?["Left","Right"]:["Top","Bottom"],h=b.toLowerCase(),i={innerWidth:c.fn.innerWidth,innerHeight:c.fn.innerHeight,outerWidth:c.fn.outerWidth,outerHeight:c.fn.outerHeight};c.fn["inner"+b]=function(f){if(f===j)return i["inner"+b].call(this);return this.each(function(){c(this).css(h,d(this,f)+"px")})};c.fn["outer"+b]=function(f,g){if(typeof f!=="number")return i["outer"+b].call(this,f);return this.each(function(){c(this).css(h,
d(this,f,true,g)+"px")})}});c.extend(c.expr[":"],{data:function(a,b,d){return!!c.data(a,d[3])},focusable:function(a){var b=a.nodeName.toLowerCase(),d=c.attr(a,"tabindex");if("area"===b){b=a.parentNode;d=b.name;if(!a.href||!d||b.nodeName.toLowerCase()!=="map")return false;a=c("img[usemap=#"+d+"]")[0];return!!a&&k(a)}return(/input|select|textarea|button|object/.test(b)?!a.disabled:"a"==b?a.href||!isNaN(d):!isNaN(d))&&k(a)},tabbable:function(a){var b=c.attr(a,"tabindex");return(isNaN(b)||b>=0)&&c(a).is(":focusable")}});
c(function(){var a=document.body,b=a.appendChild(b=document.createElement("div"));c.extend(b.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0});c.support.minHeight=b.offsetHeight===100;c.support.selectstart="onselectstart"in b;a.removeChild(b).style.display="none"});c.extend(c.ui,{plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&&a.element[0].parentNode)for(var e=0;e<b.length;e++)a.options[b[e][0]]&&
b[e][1].apply(a.element,d)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(a,b){if(c(a).css("overflow")==="hidden")return false;b=b&&b==="left"?"scrollLeft":"scrollTop";var d=false;if(a[b]>0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a<b+d},isOver:function(a,b,d,e,h,i){return c.ui.isOverAxis(a,d,h)&&c.ui.isOverAxis(b,e,i)}})}})(jQuery);
;/*!
* jQuery UI Widget 1.8.11
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Widget
*/
(function(b,j){if(b.cleanData){var k=b.cleanData;b.cleanData=function(a){for(var c=0,d;(d=a[c])!=null;c++)b(d).triggerHandler("remove");k(a)}}else{var l=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add([this]).each(function(){b(this).triggerHandler("remove")});return l.call(b(this),a,c)})}}b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]=function(h){return!!b.data(h,
a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend(true,{},c.options);b[e][a].prototype=b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)):d;if(e&&d.charAt(0)==="_")return h;
e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==j){h=i;return false}}):this.each(function(){var g=b.data(this,a);g?g.option(d||{})._init():b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){b.data(c,this.widgetName,this);this.element=b(c);this.options=b.extend(true,{},this.options,
this._getCreateOptions(),a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create();this._trigger("create");this._init()},_getCreateOptions:function(){return b.metadata&&b.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+"-disabled ui-state-disabled")},
widget:function(){return this.element},option:function(a,c){var d=a;if(arguments.length===0)return b.extend({},this.options);if(typeof a==="string"){if(c===j)return this.options[a];d={};d[a]=c}this._setOptions(d);return this},_setOptions:function(a){var c=this;b.each(a,function(d,e){c._setOption(d,e)});return this},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled",c);return this},
enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a=b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery);
;/*!
* jQuery UI Mouse 1.8.11
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Mouse
*
* Depends:
* jquery.ui.widget.js
*/
(function(b){b.widget("ui.mouse",{options:{cancel:":input,option",distance:1,delay:0},_mouseInit:function(){var a=this;this.element.bind("mousedown."+this.widgetName,function(c){return a._mouseDown(c)}).bind("click."+this.widgetName,function(c){if(true===b.data(c.target,a.widgetName+".preventClickEvent")){b.removeData(c.target,a.widgetName+".preventClickEvent");c.stopImmediatePropagation();return false}});this.started=false},_mouseDestroy:function(){this.element.unbind("."+this.widgetName)},_mouseDown:function(a){a.originalEvent=
a.originalEvent||{};if(!a.originalEvent.mouseHandled){this._mouseStarted&&this._mouseUp(a);this._mouseDownEvent=a;var c=this,e=a.which==1,f=typeof this.options.cancel=="string"?b(a.target).parents().add(a.target).filter(this.options.cancel).length:false;if(!e||f||!this._mouseCapture(a))return true;this.mouseDelayMet=!this.options.delay;if(!this.mouseDelayMet)this._mouseDelayTimer=setTimeout(function(){c.mouseDelayMet=true},this.options.delay);if(this._mouseDistanceMet(a)&&this._mouseDelayMet(a)){this._mouseStarted=
this._mouseStart(a)!==false;if(!this._mouseStarted){a.preventDefault();return true}}true===b.data(a.target,this.widgetName+".preventClickEvent")&&b.removeData(a.target,this.widgetName+".preventClickEvent");this._mouseMoveDelegate=function(d){return c._mouseMove(d)};this._mouseUpDelegate=function(d){return c._mouseUp(d)};b(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate);a.preventDefault();return a.originalEvent.mouseHandled=
true}},_mouseMove:function(a){if(b.browser.msie&&!(document.documentMode>=9)&&!a.button)return this._mouseUp(a);if(this._mouseStarted){this._mouseDrag(a);return a.preventDefault()}if(this._mouseDistanceMet(a)&&this._mouseDelayMet(a))(this._mouseStarted=this._mouseStart(this._mouseDownEvent,a)!==false)?this._mouseDrag(a):this._mouseUp(a);return!this._mouseStarted},_mouseUp:function(a){b(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate);
if(this._mouseStarted){this._mouseStarted=false;a.target==this._mouseDownEvent.target&&b.data(a.target,this.widgetName+".preventClickEvent",true);this._mouseStop(a)}return false},_mouseDistanceMet:function(a){return Math.max(Math.abs(this._mouseDownEvent.pageX-a.pageX),Math.abs(this._mouseDownEvent.pageY-a.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return true}})})(jQuery);
;/*
* jQuery UI Resizable 1.8.11
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizables
*
* Depends:
* jquery.ui.core.js
* jquery.ui.mouse.js
* jquery.ui.widget.js
*/
(function(e){e.widget("ui.resizable",e.ui.mouse,{widgetEventPrefix:"resize",options:{alsoResize:false,animate:false,animateDuration:"slow",animateEasing:"swing",aspectRatio:false,autoHide:false,containment:false,ghost:false,grid:false,handles:"e,s,se",helper:false,maxHeight:null,maxWidth:null,minHeight:10,minWidth:10,zIndex:1E3},_create:function(){var b=this,a=this.options;this.element.addClass("ui-resizable");e.extend(this,{_aspectRatio:!!a.aspectRatio,aspectRatio:a.aspectRatio,originalElement:this.element,
_proportionallyResizeElements:[],_helper:a.helper||a.ghost||a.animate?a.helper||"ui-resizable-helper":null});if(this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)){/relative/.test(this.element.css("position"))&&e.browser.opera&&this.element.css({position:"relative",top:"auto",left:"auto"});this.element.wrap(e('<div class="ui-wrapper" style="overflow: hidden;"></div>').css({position:this.element.css("position"),width:this.element.outerWidth(),height:this.element.outerHeight(),
top:this.element.css("top"),left:this.element.css("left")}));this.element=this.element.parent().data("resizable",this.element.data("resizable"));this.elementIsWrapper=true;this.element.css({marginLeft:this.originalElement.css("marginLeft"),marginTop:this.originalElement.css("marginTop"),marginRight:this.originalElement.css("marginRight"),marginBottom:this.originalElement.css("marginBottom")});this.originalElement.css({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0});this.originalResizeStyle=
this.originalElement.css("resize");this.originalElement.css("resize","none");this._proportionallyResizeElements.push(this.originalElement.css({position:"static",zoom:1,display:"block"}));this.originalElement.css({margin:this.originalElement.css("margin")});this._proportionallyResize()}this.handles=a.handles||(!e(".ui-resizable-handle",this.element).length?"e,s,se":{n:".ui-resizable-n",e:".ui-resizable-e",s:".ui-resizable-s",w:".ui-resizable-w",se:".ui-resizable-se",sw:".ui-resizable-sw",ne:".ui-resizable-ne",
nw:".ui-resizable-nw"});if(this.handles.constructor==String){if(this.handles=="all")this.handles="n,e,s,w,se,sw,ne,nw";var c=this.handles.split(",");this.handles={};for(var d=0;d<c.length;d++){var f=e.trim(c[d]),g=e('<div class="ui-resizable-handle '+("ui-resizable-"+f)+'"></div>');/sw|se|ne|nw/.test(f)&&g.css({zIndex:++a.zIndex});"se"==f&&g.addClass("ui-icon ui-icon-gripsmall-diagonal-se");this.handles[f]=".ui-resizable-"+f;this.element.append(g)}}this._renderAxis=function(h){h=h||this.element;for(var i in this.handles){if(this.handles[i].constructor==
String)this.handles[i]=e(this.handles[i],this.element).show();if(this.elementIsWrapper&&this.originalElement[0].nodeName.match(/textarea|input|select|button/i)){var j=e(this.handles[i],this.element),k=0;k=/sw|ne|nw|se|n|s/.test(i)?j.outerHeight():j.outerWidth();j=["padding",/ne|nw|n/.test(i)?"Top":/se|sw|s/.test(i)?"Bottom":/^e$/.test(i)?"Right":"Left"].join("");h.css(j,k);this._proportionallyResize()}e(this.handles[i])}};this._renderAxis(this.element);this._handles=e(".ui-resizable-handle",this.element).disableSelection();
this._handles.mouseover(function(){if(!b.resizing){if(this.className)var h=this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);b.axis=h&&h[1]?h[1]:"se"}});if(a.autoHide){this._handles.hide();e(this.element).addClass("ui-resizable-autohide").hover(function(){e(this).removeClass("ui-resizable-autohide");b._handles.show()},function(){if(!b.resizing){e(this).addClass("ui-resizable-autohide");b._handles.hide()}})}this._mouseInit()},destroy:function(){this._mouseDestroy();var b=function(c){e(c).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing").removeData("resizable").unbind(".resizable").find(".ui-resizable-handle").remove()};
if(this.elementIsWrapper){b(this.element);var a=this.element;a.after(this.originalElement.css({position:a.css("position"),width:a.outerWidth(),height:a.outerHeight(),top:a.css("top"),left:a.css("left")})).remove()}this.originalElement.css("resize",this.originalResizeStyle);b(this.originalElement);return this},_mouseCapture:function(b){var a=false;for(var c in this.handles)if(e(this.handles[c])[0]==b.target)a=true;return!this.options.disabled&&a},_mouseStart:function(b){var a=this.options,c=this.element.position(),
d=this.element;this.resizing=true;this.documentScroll={top:e(document).scrollTop(),left:e(document).scrollLeft()};if(d.is(".ui-draggable")||/absolute/.test(d.css("position")))d.css({position:"absolute",top:c.top,left:c.left});e.browser.opera&&/relative/.test(d.css("position"))&&d.css({position:"relative",top:"auto",left:"auto"});this._renderProxy();c=m(this.helper.css("left"));var f=m(this.helper.css("top"));if(a.containment){c+=e(a.containment).scrollLeft()||0;f+=e(a.containment).scrollTop()||0}this.offset=
this.helper.offset();this.position={left:c,top:f};this.size=this._helper?{width:d.outerWidth(),height:d.outerHeight()}:{width:d.width(),height:d.height()};this.originalSize=this._helper?{width:d.outerWidth(),height:d.outerHeight()}:{width:d.width(),height:d.height()};this.originalPosition={left:c,top:f};this.sizeDiff={width:d.outerWidth()-d.width(),height:d.outerHeight()-d.height()};this.originalMousePosition={left:b.pageX,top:b.pageY};this.aspectRatio=typeof a.aspectRatio=="number"?a.aspectRatio:
this.originalSize.width/this.originalSize.height||1;a=e(".ui-resizable-"+this.axis).css("cursor");e("body").css("cursor",a=="auto"?this.axis+"-resize":a);d.addClass("ui-resizable-resizing");this._propagate("start",b);return true},_mouseDrag:function(b){var a=this.helper,c=this.originalMousePosition,d=this._change[this.axis];if(!d)return false;c=d.apply(this,[b,b.pageX-c.left||0,b.pageY-c.top||0]);if(this._aspectRatio||b.shiftKey)c=this._updateRatio(c,b);c=this._respectSize(c,b);this._propagate("resize",
b);a.css({top:this.position.top+"px",left:this.position.left+"px",width:this.size.width+"px",height:this.size.height+"px"});!this._helper&&this._proportionallyResizeElements.length&&this._proportionallyResize();this._updateCache(c);this._trigger("resize",b,this.ui());return false},_mouseStop:function(b){this.resizing=false;var a=this.options,c=this;if(this._helper){var d=this._proportionallyResizeElements,f=d.length&&/textarea/i.test(d[0].nodeName);d=f&&e.ui.hasScroll(d[0],"left")?0:c.sizeDiff.height;
f=f?0:c.sizeDiff.width;f={width:c.helper.width()-f,height:c.helper.height()-d};d=parseInt(c.element.css("left"),10)+(c.position.left-c.originalPosition.left)||null;var g=parseInt(c.element.css("top"),10)+(c.position.top-c.originalPosition.top)||null;a.animate||this.element.css(e.extend(f,{top:g,left:d}));c.helper.height(c.size.height);c.helper.width(c.size.width);this._helper&&!a.animate&&this._proportionallyResize()}e("body").css("cursor","auto");this.element.removeClass("ui-resizable-resizing");
this._propagate("stop",b);this._helper&&this.helper.remove();return false},_updateCache:function(b){this.offset=this.helper.offset();if(l(b.left))this.position.left=b.left;if(l(b.top))this.position.top=b.top;if(l(b.height))this.size.height=b.height;if(l(b.width))this.size.width=b.width},_updateRatio:function(b){var a=this.position,c=this.size,d=this.axis;if(b.height)b.width=c.height*this.aspectRatio;else if(b.width)b.height=c.width/this.aspectRatio;if(d=="sw"){b.left=a.left+(c.width-b.width);b.top=
null}if(d=="nw"){b.top=a.top+(c.height-b.height);b.left=a.left+(c.width-b.width)}return b},_respectSize:function(b){var a=this.options,c=this.axis,d=l(b.width)&&a.maxWidth&&a.maxWidth<b.width,f=l(b.height)&&a.maxHeight&&a.maxHeight<b.height,g=l(b.width)&&a.minWidth&&a.minWidth>b.width,h=l(b.height)&&a.minHeight&&a.minHeight>b.height;if(g)b.width=a.minWidth;if(h)b.height=a.minHeight;if(d)b.width=a.maxWidth;if(f)b.height=a.maxHeight;var i=this.originalPosition.left+this.originalSize.width,j=this.position.top+
this.size.height,k=/sw|nw|w/.test(c);c=/nw|ne|n/.test(c);if(g&&k)b.left=i-a.minWidth;if(d&&k)b.left=i-a.maxWidth;if(h&&c)b.top=j-a.minHeight;if(f&&c)b.top=j-a.maxHeight;if((a=!b.width&&!b.height)&&!b.left&&b.top)b.top=null;else if(a&&!b.top&&b.left)b.left=null;return b},_proportionallyResize:function(){if(this._proportionallyResizeElements.length)for(var b=this.helper||this.element,a=0;a<this._proportionallyResizeElements.length;a++){var c=this._proportionallyResizeElements[a];if(!this.borderDif){var d=
[c.css("borderTopWidth"),c.css("borderRightWidth"),c.css("borderBottomWidth"),c.css("borderLeftWidth")],f=[c.css("paddingTop"),c.css("paddingRight"),c.css("paddingBottom"),c.css("paddingLeft")];this.borderDif=e.map(d,function(g,h){g=parseInt(g,10)||0;h=parseInt(f[h],10)||0;return g+h})}e.browser.msie&&(e(b).is(":hidden")||e(b).parents(":hidden").length)||c.css({height:b.height()-this.borderDif[0]-this.borderDif[2]||0,width:b.width()-this.borderDif[1]-this.borderDif[3]||0})}},_renderProxy:function(){var b=
this.options;this.elementOffset=this.element.offset();if(this._helper){this.helper=this.helper||e('<div style="overflow:hidden;"></div>');var a=e.browser.msie&&e.browser.version<7,c=a?1:0;a=a?2:-1;this.helper.addClass(this._helper).css({width:this.element.outerWidth()+a,height:this.element.outerHeight()+a,position:"absolute",left:this.elementOffset.left-c+"px",top:this.elementOffset.top-c+"px",zIndex:++b.zIndex});this.helper.appendTo("body").disableSelection()}else this.helper=this.element},_change:{e:function(b,
a){return{width:this.originalSize.width+a}},w:function(b,a){return{left:this.originalPosition.left+a,width:this.originalSize.width-a}},n:function(b,a,c){return{top:this.originalPosition.top+c,height:this.originalSize.height-c}},s:function(b,a,c){return{height:this.originalSize.height+c}},se:function(b,a,c){return e.extend(this._change.s.apply(this,arguments),this._change.e.apply(this,[b,a,c]))},sw:function(b,a,c){return e.extend(this._change.s.apply(this,arguments),this._change.w.apply(this,[b,a,
c]))},ne:function(b,a,c){return e.extend(this._change.n.apply(this,arguments),this._change.e.apply(this,[b,a,c]))},nw:function(b,a,c){return e.extend(this._change.n.apply(this,arguments),this._change.w.apply(this,[b,a,c]))}},_propagate:function(b,a){e.ui.plugin.call(this,b,[a,this.ui()]);b!="resize"&&this._trigger(b,a,this.ui())},plugins:{},ui:function(){return{originalElement:this.originalElement,element:this.element,helper:this.helper,position:this.position,size:this.size,originalSize:this.originalSize,
originalPosition:this.originalPosition}}});e.extend(e.ui.resizable,{version:"1.8.11"});e.ui.plugin.add("resizable","alsoResize",{start:function(){var b=e(this).data("resizable").options,a=function(c){e(c).each(function(){var d=e(this);d.data("resizable-alsoresize",{width:parseInt(d.width(),10),height:parseInt(d.height(),10),left:parseInt(d.css("left"),10),top:parseInt(d.css("top"),10),position:d.css("position")})})};if(typeof b.alsoResize=="object"&&!b.alsoResize.parentNode)if(b.alsoResize.length){b.alsoResize=
b.alsoResize[0];a(b.alsoResize)}else e.each(b.alsoResize,function(c){a(c)});else a(b.alsoResize)},resize:function(b,a){var c=e(this).data("resizable");b=c.options;var d=c.originalSize,f=c.originalPosition,g={height:c.size.height-d.height||0,width:c.size.width-d.width||0,top:c.position.top-f.top||0,left:c.position.left-f.left||0},h=function(i,j){e(i).each(function(){var k=e(this),q=e(this).data("resizable-alsoresize"),p={},r=j&&j.length?j:k.parents(a.originalElement[0]).length?["width","height"]:["width",
"height","top","left"];e.each(r,function(n,o){if((n=(q[o]||0)+(g[o]||0))&&n>=0)p[o]=n||null});if(e.browser.opera&&/relative/.test(k.css("position"))){c._revertToRelativePosition=true;k.css({position:"absolute",top:"auto",left:"auto"})}k.css(p)})};typeof b.alsoResize=="object"&&!b.alsoResize.nodeType?e.each(b.alsoResize,function(i,j){h(i,j)}):h(b.alsoResize)},stop:function(){var b=e(this).data("resizable"),a=b.options,c=function(d){e(d).each(function(){var f=e(this);f.css({position:f.data("resizable-alsoresize").position})})};
if(b._revertToRelativePosition){b._revertToRelativePosition=false;typeof a.alsoResize=="object"&&!a.alsoResize.nodeType?e.each(a.alsoResize,function(d){c(d)}):c(a.alsoResize)}e(this).removeData("resizable-alsoresize")}});e.ui.plugin.add("resizable","animate",{stop:function(b){var a=e(this).data("resizable"),c=a.options,d=a._proportionallyResizeElements,f=d.length&&/textarea/i.test(d[0].nodeName),g=f&&e.ui.hasScroll(d[0],"left")?0:a.sizeDiff.height;f={width:a.size.width-(f?0:a.sizeDiff.width),height:a.size.height-
g};g=parseInt(a.element.css("left"),10)+(a.position.left-a.originalPosition.left)||null;var h=parseInt(a.element.css("top"),10)+(a.position.top-a.originalPosition.top)||null;a.element.animate(e.extend(f,h&&g?{top:h,left:g}:{}),{duration:c.animateDuration,easing:c.animateEasing,step:function(){var i={width:parseInt(a.element.css("width"),10),height:parseInt(a.element.css("height"),10),top:parseInt(a.element.css("top"),10),left:parseInt(a.element.css("left"),10)};d&&d.length&&e(d[0]).css({width:i.width,
height:i.height});a._updateCache(i);a._propagate("resize",b)}})}});e.ui.plugin.add("resizable","containment",{start:function(){var b=e(this).data("resizable"),a=b.element,c=b.options.containment;if(a=c instanceof e?c.get(0):/parent/.test(c)?a.parent().get(0):c){b.containerElement=e(a);if(/document/.test(c)||c==document){b.containerOffset={left:0,top:0};b.containerPosition={left:0,top:0};b.parentData={element:e(document),left:0,top:0,width:e(document).width(),height:e(document).height()||document.body.parentNode.scrollHeight}}else{var d=
e(a),f=[];e(["Top","Right","Left","Bottom"]).each(function(i,j){f[i]=m(d.css("padding"+j))});b.containerOffset=d.offset();b.containerPosition=d.position();b.containerSize={height:d.innerHeight()-f[3],width:d.innerWidth()-f[1]};c=b.containerOffset;var g=b.containerSize.height,h=b.containerSize.width;h=e.ui.hasScroll(a,"left")?a.scrollWidth:h;g=e.ui.hasScroll(a)?a.scrollHeight:g;b.parentData={element:a,left:c.left,top:c.top,width:h,height:g}}}},resize:function(b){var a=e(this).data("resizable"),c=a.options,
d=a.containerOffset,f=a.position;b=a._aspectRatio||b.shiftKey;var g={top:0,left:0},h=a.containerElement;if(h[0]!=document&&/static/.test(h.css("position")))g=d;if(f.left<(a._helper?d.left:0)){a.size.width+=a._helper?a.position.left-d.left:a.position.left-g.left;if(b)a.size.height=a.size.width/c.aspectRatio;a.position.left=c.helper?d.left:0}if(f.top<(a._helper?d.top:0)){a.size.height+=a._helper?a.position.top-d.top:a.position.top;if(b)a.size.width=a.size.height*c.aspectRatio;a.position.top=a._helper?
d.top:0}a.offset.left=a.parentData.left+a.position.left;a.offset.top=a.parentData.top+a.position.top;c=Math.abs((a._helper?a.offset.left-g.left:a.offset.left-g.left)+a.sizeDiff.width);d=Math.abs((a._helper?a.offset.top-g.top:a.offset.top-d.top)+a.sizeDiff.height);f=a.containerElement.get(0)==a.element.parent().get(0);g=/relative|absolute/.test(a.containerElement.css("position"));if(f&&g)c-=a.parentData.left;if(c+a.size.width>=a.parentData.width){a.size.width=a.parentData.width-c;if(b)a.size.height=
a.size.width/a.aspectRatio}if(d+a.size.height>=a.parentData.height){a.size.height=a.parentData.height-d;if(b)a.size.width=a.size.height*a.aspectRatio}},stop:function(){var b=e(this).data("resizable"),a=b.options,c=b.containerOffset,d=b.containerPosition,f=b.containerElement,g=e(b.helper),h=g.offset(),i=g.outerWidth()-b.sizeDiff.width;g=g.outerHeight()-b.sizeDiff.height;b._helper&&!a.animate&&/relative/.test(f.css("position"))&&e(this).css({left:h.left-d.left-c.left,width:i,height:g});b._helper&&!a.animate&&
/static/.test(f.css("position"))&&e(this).css({left:h.left-d.left-c.left,width:i,height:g})}});e.ui.plugin.add("resizable","ghost",{start:function(){var b=e(this).data("resizable"),a=b.options,c=b.size;b.ghost=b.originalElement.clone();b.ghost.css({opacity:0.25,display:"block",position:"relative",height:c.height,width:c.width,margin:0,left:0,top:0}).addClass("ui-resizable-ghost").addClass(typeof a.ghost=="string"?a.ghost:"");b.ghost.appendTo(b.helper)},resize:function(){var b=e(this).data("resizable");
b.ghost&&b.ghost.css({position:"relative",height:b.size.height,width:b.size.width})},stop:function(){var b=e(this).data("resizable");b.ghost&&b.helper&&b.helper.get(0).removeChild(b.ghost.get(0))}});e.ui.plugin.add("resizable","grid",{resize:function(){var b=e(this).data("resizable"),a=b.options,c=b.size,d=b.originalSize,f=b.originalPosition,g=b.axis;a.grid=typeof a.grid=="number"?[a.grid,a.grid]:a.grid;var h=Math.round((c.width-d.width)/(a.grid[0]||1))*(a.grid[0]||1);a=Math.round((c.height-d.height)/
(a.grid[1]||1))*(a.grid[1]||1);if(/^(se|s|e)$/.test(g)){b.size.width=d.width+h;b.size.height=d.height+a}else if(/^(ne)$/.test(g)){b.size.width=d.width+h;b.size.height=d.height+a;b.position.top=f.top-a}else{if(/^(sw)$/.test(g)){b.size.width=d.width+h;b.size.height=d.height+a}else{b.size.width=d.width+h;b.size.height=d.height+a;b.position.top=f.top-a}b.position.left=f.left-h}}});var m=function(b){return parseInt(b,10)||0},l=function(b){return!isNaN(parseInt(b,10))}})(jQuery);
;

6078
public/wymeditor/jquery/jquery.js vendored Executable file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,20 @@
/*
* jQuery UI Resizable 1.8.11
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

View File

@ -0,0 +1 @@
1.0.0b5

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 B

View File

@ -0,0 +1 @@
Labels are made using the [Visitor font](http://www.dafont.com/visitor.font), 9.5px, no anti-aliasing.

View File

@ -0,0 +1,94 @@
/*
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* wymeditor.css
* Main editor css file.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
* Daniel Reszka (d.reszka a-t wymeditor dotorg)
*/
/* VISUAL FEEDBACK */
/* basic */
body { background: #e1e8f1;}
/* make HTML blocs visible */
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
table,
blockquote,
pre { background: #FFFFFF no-repeat 2px 2px;
padding:8px 5px 5px;
margin:10px; }
td { background: #F0F4F8; }
th { background: #ffffcc; }
ul,
ol { border-left:20px solid #B9C4D0; padding:0px 5px; }
caption { background: #E4E4B0; padding: 5px; font-weight: bold; }
table { font-size: 12px; width: 500px; }
td { width: 25%; }
blockquote { margin-left: 30px; }
pre { background-color:transparent; border: 1px solid white; }
/* Gecko min height fix */
td { height: 1.6em; }
/* labels */
p { background-image: url(lbl-p.png); }
div { background-image: url(lbl-div.png); }
h1 { background-image: url(lbl-h1.png); }
h2 { background-image: url(lbl-h2.png); }
h3 { background-image: url(lbl-h3.png); }
h4 { background-image: url(lbl-h4.png); }
h5 { background-image: url(lbl-h5.png); }
h6 { background-image: url(lbl-h6.png); }
blockquote{ background-image: url(lbl-blockquote.png); }
pre { background-image: url(lbl-pre.png); }
/* specific HTML elements */
caption { text-align: left; }
img { margin-right: 5px;
border-style: solid;
border-color: gray;
border-width: 0; }
a img { border-width: 1px; border-color: blue; }
acronym { border: 1px solid gray; }
span { background-color: #eef; }
/* visual feedback for non-valid nesting of elements*/
h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
address h1, address h2, address h3, address h4, address h5, address h6,
address p, address pre, address address
{ background-color: #ff9999 !important;
border: 1px solid red !important;
font-size: 12px !important;
font-weight: normal; }
/* Spacer BRs shouldn't add much whitespace */
br { height: 5px; line-height: 5px; }

View File

@ -0,0 +1,25 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* wymiframe.html
* Iframe used by designMode.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
-->
<html>
<head>
<title>WYMeditor iframe</title>
<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css" />
</head>
<body class="wym_iframe"></body>
</html>

View File

@ -0,0 +1,149 @@
<!DOCTYPE html>
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2012 Gyuris Gellért http://bubu.ujevangelizacio.hu/bubu
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* development.html
* Help file to develop CSS.
*
* File Authors:
* Gyuris Gellért (bubu a-t ujevangelizacio dothu)
* Philipp Cordes (pc a-t irgendware dotnet)
-->
<html>
<head>
<title>WYMeditor: Pretty development</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" media="screen" href="wymiframe.ie.css" /><![endif]-->
</head>
<body class="wym_iframe" contenteditable="true">
<p>Paragraph &lt;p&gt; • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum metus tellus, ultrices ac tristique vitae, laoreet et ante. Aliquam elit velit, porta sed volutpat vitae, sodales in dolor. Vestibulum eros odio, gravida et bibendum et, accumsan imperdiet eros. In at mauris nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultrices interdum velit, sit amet lacinia massa varius in. Sed vulputate dapibus nulla, et tincidunt urna faucibus eu. </p>
<p class="some">Paragraph &lt;p&gt; with class "some" • Nullam bibendum rhoncus ullamcorper. Aliquam vitae ullamcorper metus. Phasellus vitae ipsum tortor, accumsan cursus nunc.</p>
<h1>Heading 1 &lt;h1&gt;</h1>
<h1 class="first">Heading 1 &lt;h1&gt; with class "first"</h1>
<h2>Heading 2 &lt;h2&gt;</h2>
<h2 class="other">Heading 2 &lt;h2&gt; with class "other"</h2>
<h2><a href="#">Linked Heading 2 </a>&lt;h2&gt;</h2>
<h3>Heading 3 &lt;h3&gt;</h3>
<h4>Heading 4 &lt;h4&gt;</h4>
<h5>Heading 5 &lt;h5&gt;</h5>
<h6>Heading 6 &lt;h6&gt;</h6>
<div>Division, section &lt;div&gt; • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div class="messages error">Division, section &lt;div&gt; with class "messages error" • Vivamus metus orci, consectetur a consectetur sed, malesuada sed ligula. Nunc nibh quam, tempor sagittis rhoncus quis, placerat a elit.</div>
<address>Address &lt;address&gt; • Suspendisse laoreet pellentesque nibh id gravida. </address>
<blockquote cite="#">Quoted section &lt;blockquote&gt; • Donec vulputate pretium egestas. Vivamus faucibus ultrices elit, sit amet dignissim mauris semper at. Mauris laoreet nisi sed dolor volutpat sagittis. Proin euismod varius nisl ut interdum. Maecenas tempor, ipsum placerat suscipit malesuada, sem ipsum ullamcorper purus, eu eleifend tortor ante ac arcu. </blockquote>
<blockquote><p>Nested paragraph in quoted section • Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></blockquote>
<pre>Preformatted text &lt;pre&gt;
Proin hendrerit felis
vitae urna bibendum commodo.
Cras non augue vitae metus ullamcorper porttitor at et nisl.
Quisque dui lacus, vestibulum at placerat vitae, dignissim ac erat.</pre>
<p>Inline elements: strong, em, a href, span, abbr, q, cite, kbd, samp, var, dfn, code, del, ins, sup, sub • Lorem ipsum
<strong>important text &lt;strong&gt; and &lt;b&gt; • dolor sit amet</strong>, consectetur
<em>emphasized text &lt;em&gt; and &lt;i&gt; • adipiscing elit</em>. Vestibulum
<a href="#">hyperlink &lt;a href&gt; • metus</a> tellus, ultrices ac
<span>generic inline container &lt;span&gt; • tristique vitae</span>, laoreet et ante. Sodales
<abbr title="abbr">abbreviation &lt;abbr&gt; • ALIQUAM</abbr> elit velit,
<q>short quotation &lt;q&gt; • Vestibulum eros odio</q>, gravida et bibendum et,
<cite>title of a work &lt;cite&gt; • accumsan imperdiet</cite> eros. In at mauris
<kbd>keyboard input &lt;kbd&gt; • vitae</kbd> sodales in dolor. Cum sociis
<samp>sample output from a computer program &lt;samp&gt; • natoque penatibus</samp> et magnis dis
<var>variable &lt;var&gt; • parturient</var> montes, nascetur
<dfn>definition term &lt;dfn&gt; • ridiculus</dfn> mus. Praesent
<code>computer code &lt;code&gt; • torqueo jumentum dolus esca</code> suscipit,
<del>deleted text &lt;del&gt; • ultrices</del> velit, sit amet
<ins>inserted text &lt;ins&gt; • acinia massa varius</ins> in. Sed vulputate dapibus nulla, et
<sup>supscript text &lt;sup&gt; • tincidunt</sup> urna faucibus eu. Neo damnum aliquam
<sub>subscript text &lt;sub&gt; • consequat</sub>. Abdo genitus luptatum virtus singularis distineo validus ea. Gravis
<strong class="myinlineclass">important text &lt;strong&gt; with class "myinlineclass" • oppeto huic incassum. Vulputate hos singularis veniam zelus singularis utinam vulputate sino quidne. Nutus neque quidem. Natu interdico melior.Oppeto vulpes meus jugis ut iriure valde consectetuer</strong> abigo. Aptent bene ideo commoveo quadrum abbas. Vereor macto neo probo ille. Esse vulpes sino virtus rusticus brevitas mos. Cui ad vulputate et vero zelus feugiat os olim obruo. Facilisi quadrum proprius gravis velit humo nunc wisi imputo antehabeo.Valde dolore tation facilisi ullamcorper gemino gemino cui qui paratus. Camur in capto euismod. Brevitas vero iriure letalis valde oppeto plaga ullamcorper adipiscing inhibeo.
</p>
<h2>Ordered List</h2>
<ol>
<li>Nullam ullamcorper porta sem quis aliquet. Integer sed metus justo.</li>
<li>Lorem ipsum dolor sit amet consectetuer.</li>
<li>Neo damnum aliquam consequat. Abdo genitus luptatum virtus singularis distineo validus ea. Gravis oppeto huic incassum torqueo jumentum dolus esca suscipit. Vulputate hos singularis veniam zelus singularis utinam vulputate sino quidne. Nutus neque quidem. Natu interdico melior.Oppeto vulpes meus jugis ut iriure valde consectetuer abigo. Aptent bene ideo commoveo quadrum abbas. Vereor macto neo probo ille.</li>
<li><p>Pellentesque dui mauris, mattis id lobortis porttitor, laoreet eu dui. Vestibulum eget ligula mauris, iaculis euismod sapien.</p><p>Donec quis justo lorem.</p></li>
<li>Condimentum quis.</li>
<li>Congue Quisque augue elit dolor.
<ol>
<li>Sed at tempus enim.</li>
<li>Aliquam accumsan lorem eu dui tempus vel pellentesque magna hendrerit.</li>
<li>Donec eleifend sodales lorem at varius. Pellentesque condimentum dui scelerisque eros consectetur blandit. Etiam posuere placerat arcu ut cursus. Mauris dui ligula, porta ut tincidunt quis, ornare ut dolor. Sed sed mollis felis. Suspendisse laoreet pellentesque nibh id gravida. Pellentesque dui mauris, mattis id lobortis porttitor, laoreet eu dui. Vestibulum eget ligula mauris, iaculis euismod sapien. Donec quis justo lorem.</li>
</ol>
</li>
<li>Congue Quisque augue elit dolor nibh.</li>
<li>Vestibulum feugiat tempor gravida.</li>
<li>Donec vulputate pretium egestas.</li>
<li>Vivamus faucibus ultrices elit, sit amet dignissim mauris semper at.</li>
<li>Mauris laoreet nisi sed dolor volutpat sagittis.</li>
</ol>
<h2>Unordered List</h2>
<ul>
<li>Donec quis justo lorem.</li>
<li>Condimentum quis.</li>
<li>Congue Quisque augue elit dolor.
<ul class="special">
<li>Mauris laoreet nisi sed dolor volutpat sagittis. </li>
<li>Proin euismod varius nisl ut interdum.
<ul>
<li>Maecenas tempor, ipsum placerat suscipit malesuada, sem ipsum ullamcorper purus, eu eleifend tortor ante ac arcu.</li>
<li>Donec eleifend sodales lorem at varius.</li>
<li>Nullam ullamcorper porta sem quis aliquet. Integer sed metus justo.</li>
</ul>
</li>
<li>Suspendisse non lorem eget lacus tincidunt mattis.</li>
</ul>
</li>
<li>Nunc cursus sem et pretium sapien eget.</li>
</ul>
<ul></ul>
<h2>Definition List</h2>
<dl class="something">
<dt>Cras</dt>
<dd>Phasellus convallis interdum dictum. </dd>
<dd>Suspendisse lectus eros, vestibulum et sagittis eu, fringilla ac urna. Phasellus ullamcorper faucibus sapien, nec rhoncus orci gravida id. Quisque elementum leo at leo facilisis euismod. Nunc sit amet elit vitae arcu fermentum adipiscing eu at mauris.</dd>
<dt>Aenean volutpat urna a risus congue fermentum.</dt>
<dd>Curabitur id nunc ante, nec tincidunt odio. Nulla facilisi. In hac habitasse platea dictumst. Curabitur suscipit luctus aliquet. Pellentesque quis risus dolor.</dd>
</dl>
<table style="width:50%;border-width:1px;">
<caption>Caption • Table with border 1.</caption>
<thead>
<tr>
<th>thead th • Aliquam</th>
<th>thead th • Quisque</th>
<th>thead th • Nunc</th>
</tr>
</thead>
<tbody>
<tr>
<td>tbody tr td • Curabitur suscipit luctus aliquet.</td>
<td>tbody tr td • Nunc orci lorem, rhoncus eu elementum id, lacinia eget lorem. Nulla in neque viverra metus iaculis posuere. </td>
<td>tbody tr td • Proin id leo condimentum ipsum commodo consequat.</td>
</tr>
<tr>
<td>Neo damnum aliquam consequat.</td>
<td>Neo damnum aliquam consequat.</td>
<td>Neo damnum aliquam consequat. </td>
</tr>
<tr>
<td>Neo damnum aliquam consequat.</td>
<td>Neo damnum aliquam consequat. Neo damnum aliquam consequat.</td>
<td>Neo damnum aliquam consequat. Neo damnum aliquam consequat. Neo damnum aliquam consequat</td>
</tr>
</tbody>
</table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 B

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,396 @@
/*
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* wymeditor.css
* Main editor css file.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
* Daniel Reszka (d.reszka a-t wymeditor dotorg)
* Gyuris Gellért (bubu a-t ujevangelizacio dothu)
*/
/* VISUAL FEEDBACK */
@font-face {
font-family: "Visitor";
src: url("visitor1.woff") format("woff"),
url("visitor1.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
/* basic */
body { background: #e1e8f1;}
/* make HTML blocs visible */
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
table,
address,
blockquote,
pre { background: #FFFFFF;
padding:8px 5px 5px;
margin:10px; }
ul,
ol,
dl { background: #B9C4D0;
margin: 10px;
padding: 0 0 0 10px;
list-style-position: outside;
min-height: 1.6em; }
ul ul,
ul ol,
ol ol,
ol ul { margin: 5px 0 0 -5px }
ul > li ul,
ul > li ol,
ol > li ul,
ol > li ol { border-top: 4px solid #B9C4D0 }
li > p:first-child,
li > div:first-child { margin-top: 0 }
li > p:last-child,
li > div:last-child { margin-bottom: 0 }
li,
dd,
dt { background: white;
margin: 0px 0 4px 20px;
padding: 8px 0 0 5px; }
dt { margin-bottom: 0 }
dd + dt { margin-top: 4px; }
dd { margin: 2px 0 0 4em }
td { background: #F0F4F8; width: 25%; }
th { background: #ffffcc; }
caption { background: #E4E4B0; padding: 5px; font-weight: bold; }
table { font-size: 12px; width: 500px; }
blockquote { margin-left: 30px; }
pre { background-color:transparent; border: 1px solid white; }
/* Gecko min height fix */
td { height: 1.6em; }
/* specific HTML elements */
caption { text-align: left; }
img { margin-right: 5px;
border-style: solid;
border-color: gray;
border-width: 0; }
a img { border-width: 1px; border-color: blue; }
acronym { border: 1px solid gray; }
span { /*background-color: #eef;*/ }
/* visual feedback for non-valid nesting of elements*/
h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
address h1, address h2, address h3, address h4, address h5, address h6,
address p, address pre, address address
{ background-color: #ff9999 !important;
border: 1px solid red !important;
font-size: 12px !important;
font-weight: normal; }
/* Spacer BRs shouldn't add much whitespace */
br { height: 5px; line-height: 5px; }
/* labels: block elements; IE9 support ::before: http://stackoverflow.com/questions/7157405/are-css3-after-and-before-pseudo-elements-rendered-by-ie9 */
div, p, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, blockquote,
pre, address {
position: relative;
}
div::before,
p::before,
ol::before,
ul::before,
dl::before,
li::before,
dt::before,
dd::before,
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before,
blockquote::before,
pre::before,
address::before {
position: absolute;
left: -1px;
top: -1px;
padding: 0px 3px;
font: 10px/10px "Visitor", monospace;
color: silver;
background: rgba(255,255,255,0.5);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
white-space: nowrap;
}
div:hover::before,
p:hover::before,
ol:hover::before,
ul:hover::before,
dl:hover::before,
li:hover::before,
dt:hover::before,
dd:hover::before,
h1:hover::before,
h2:hover::before,
h3:hover::before,
h4:hover::before,
h5:hover::before,
h6:hover::before,
blockquote:hover::before,
pre:hover::before,
address:hover::before {
color: rgb(65,105,225);
background: rgba(255,255,255,0.);
outline: 1px solid rgba(65,105,225,0.9);
}
div::before { content: "document division" } /* official names: https://developer.mozilla.org/en/HTML/Element */
div[class]::before { content: "document division type \"" attr(class) "\"" }
body.short div::before { content: "div" }
body.short div[class]::before { content: "div." attr(class) }
p::before { content: "paragraph" }
p[class]::before { content: "paragraph type \"" attr(class) "\"" }
body.short p::before { content: "p" }
body.short p[class]::before { content: "p." attr(class) }
ol::before { content: "ordered list" }
ol[class]::before { content: "ordered list type \"" attr(class) "\"" }
body.short ol::before { content: "ol" }
body.short ol[class]::before { content: "ol." attr(class) }
ul::before { content: "unordered list" }
ul[class]::before { content: "unordered list type \"" attr(class) "\"" }
body.short ul::before { content: "ul" }
body.short ul[class]::before { content: "ul." attr(class) }
dl::before { content: "definition list" }
dl[class]::before { content: "definition list type \"" attr(class) "\"" }
body.short dl::before { content: "dl" }
body.short dl[class]::before { content: "dl." attr(class) }
li::before { content: "list item" }
li[class]::before { content: "list item type \"" attr(class) "\"" }
body.short li::before { content: "li" }
body.short li[class]::before { content: "li." attr(class) }
dt::before { content: "definition term" }
dt[class]::before { content: "definition term type \"" attr(class) "\"" }
body.short dt::before { content: "dt" }
body.short dt[class]::before { content: "dt." attr(class) }
dd::before { content: "definition description" }
dd[class]::before { content: "definition description type \"" attr(class) "\"" }
body.short dd::before { content: "dd" }
body.short dd[class]::before { content: "dd." attr(class) }
h1::before { content: "heading 1" }
h1[class]::before { content: "heading 1 type \"" attr(class) "\"" }
body.short h1::before { content: "h1" }
body.short h1[class]::before { content: "h1." attr(class) }
h2::before { content: "heading 2" }
h2[class]::before { content: "heading 2 type \"" attr(class) "\"" }
body.short h2::before { content: "h2" }
body.short h2[class]::before { content: "h2." attr(class) }
h3::before { content: "heading 3" }
h3[class]::before { content: "heading 3 type \"" attr(class) "\"" }
body.short h3::before { content: "h3" }
body.short h3[class]::before { content: "h3." attr(class) }
h4::before { content: "heading 4" }
h4[class]::before { content: "heading 4 type \"" attr(class) "\"" }
body.short h4::before { content: "h4" }
body.short h4[class]::before { content: "h4." attr(class) }
h5::before { content: "heading 5" }
h5[class]::before { content: "heading 5 type \"" attr(class) "\"" }
body.short h5::before { content: "h5" }
body.short h5[class]::before { content: "h5." attr(class) }
h6::before { content: "heading 6" }
h6[class]::before { content: "heading 6 type \"" attr(class) "\"" }
body.short h6::before { content: "h6" }
body.short h6[class]::before { content: "h6." attr(class) }
blockquote::before { content: "block quotation" }
blockquote[class]::before { content: "block quotation type \"" attr(class) "\"" }
body.short blockquote::before { content: "blockquote" }
body.short blockquote[class]::before { content: "blockquote." attr(class) }
pre::before { content: "preformatted text" }
pre[class]::before { content: "preformatted text type \"" attr(class) "\"" }
body.short pre::before { content: "pre" }
body.short pre[class]::before { content: "pre." attr(class) }
address::before { content: "address or contact information" }
address[class]::before { content: "address or contact information type \"" attr(class) "\"" }
body.short address::before { content: "address" }
body.short ddress[class]::before { content: "address." attr(class) }
ul[class]:not(:empty)::before, body:not(.short) ul:not(:empty)::before,
ol[class]:not(:empty)::before, body:not(.short) ol:not(:empty)::before,
dl[class]:not(:empty)::before, body:not(.short) dl:not(:empty)::before {
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-o-transform: rotate(90deg); /* Opera 11+ */
-moz-transform: rotate(90deg); /* Firefox */
transform-origin: bottom left;
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
-o-transform-origin: bottom left;
-moz-transform-origin: bottom left;
top: -11px;
}
/* labels: inline elements */
span, strong, b, em, i, a, abbr, acronym, kbd, q, cite, samp, var, del,
ins, dfn, code, sup, sub {
position: relative;
}
span:hover::before,
strong:hover::before,
b:hover::before,
em:hover::before,
i:hover::before,
a:hover::before,
abbr:hover::before,
acronym:hover::before,
kbd:hover::before,
/*q:hover::before(2), now is not working http://www.w3.org/TR/css3-content/#inserting0 */
cite:hover::before,
samp:hover::before,
var:hover::before,
del:hover::before,
ins:hover::before,
dfn:hover::before,
code:hover::before,
sup:hover::before,
sub:hover::before {
position: absolute;
top: -8px;
left: -2px;
padding: 0px 3px;
font: 10px/10px "Visitor", monospace;
hyphens: none; /* chrome: a-href */
color: rgb(65,105,225);
background: rgba(255,255,255,0.9);
outline: 1px solid rgba(65,105,225,0.9);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
white-space: nowrap;
}
span:hover::before { content: "text span" }
span[class]:hover::before { content: "text span type \"" attr(class) "\"" }
body.short span:hover::before { content: "span" }
body.short span[class]:hover::before { content: "span." attr(class) }
strong:hover::before,
b:hover::before { content: "strong emphasis" }
strong[class]:hover::before,
b[class]:hover::before { content: "strong emphasis type \"" attr(class) "\"" }
body.short strong:hover::before,
body.short b:hover::before { content: "strong" }
body.short strong[class]:hover::before,
body.short b[class]:hover::before { content: "strong." attr(class) }
em:hover::before,
i:hover::before { content: "emphasis" }
em[class]:hover::before,
i[class]:hover::before { content: "emphasis type \"" attr(class) "\"" }
body.short em:hover::before,
body.short i:hover::before { content: "em" }
body.short em[class]:hover::before,
body.short i[class]:hover::before { content: "em." attr(class) }
a[href]:hover::before { content: "hyperlink" }
a[href][class]:hover::before { content: "hyperlink type \"" attr(class) "\"" }
body.short a[href]:hover::before { content: "a-href" }
body.short a[href][class]:hover::before { content: "a-href." attr(class) }
abbr:hover::before { content: "abbreviation" }
abbr[class]:hover::before { content: "abbreviation type \"" attr(class) "\"" }
body.short abbr:hover::before { content: "abbr" }
body.short abbr[class]:hover::before { content: "abbr." attr(class) }
acronym:hover::before { content: "acronym" }
acronym[class]:hover::before { content: "acronym type \"" attr(class) "\"" }
body.short acronym:hover::before { content: "acronym" }
body.short acronym[class]:hover::before { content: "acronym." attr(class) }
kbd:hover::before { content: "keyboard input" }
kbd[class]:hover::before { content: "keyboard input type \"" attr(class) "\"" }
body.short kbd:hover::before { content: "kbd" }
body.short kbd[class]:hover::before { content: "kbd." attr(class)}
/* q:hover::before(2) { content: "quotation" }
q[class]:hover::before(2) { content: "quotation type \"" attr(class) "\"" }
body.short q:hover::before(2) { content: "q" }
body.short q[class]:hover::before(2) { content: "q." attr(class) } */
cite:hover::before { content: "work title" }
cite[class]:hover::before { content: "work title type \"" attr(class) "\""}
body.short cite:hover::before { content: "cite" }
body.short cite[class]:hover::before { content: "cite." attr(class) }
samp:hover::before { content: "sample text" }
samp[class]:hover::before { content: "sample text type \"" attr(class) "\"" }
body.short samp:hover::before { content: "samp" }
body.short samp[class]:hover::before { content: "samp." attr(class) }
var:hover::before { content: "variable" }
var[class]:hover::before { content: "variable type \"" attr(class) "\"" }
body.short var:hover::before { content: "var" }
body.short var[class]:hover::before { content: "var." attr(class) }
del:hover::before { content: "deleted text" }
del[class]:hover::before { content: "deleted text type \"" attr(class) "\"" }
body.short del:hover::before { content: "del" }
body.short del[class]:hover::before { content: "del." attr(class) }
ins:hover::before { content: "inserted text" }
ins[class]:hover::before { content: "inserted text type \"" attr(class) "\"" }
body.short ins:hover::before { content: "ins" }
body.short ins[class]:hover::before { content: "ins." attr(class) }
dfn:hover::before { content: "definition" }
dfn[class]:hover::before { content: "definition type \"" attr(class) "\"" }
body.short dfn:hover::before { content: "dfn" }
body.short dfn[class]:hover::before { content: "dfn." attr(class) }
code:hover::before { content: "code fragment" }
code[class]:hover::before { content: "code fragment type \"" attr(class) "\"" }
body.short code:hover::before { content: "code" }
body.short code[class]:hover::before { content: "code." attr(class) }
sup:hover::before { content: "superscript" }
sup[class]:hover::before { content: "superscript type \"" attr(class) "\"" }
body.short sup:hover::before { content: "sup" }
body.short sup[class]:hover::before { content: "sup." attr(class) }
sub:hover::before { content: "subscript" }
sub[class]:hover::before { content: "subscript type \"" attr(class) "\""}
body.short sub:hover::before { content: "sub" }
body.short sub[class]:hover::before { content: "sub." attr(class) }
span:hover,
strong:hover, b:hover,
em:hover, i:hover,
a[href]:hover,
abbr:hover,
acronym:hover,
kbd:hover,
q:hover,
cite:hover,
samp:hover,
var:hover,
del:hover,
ins:hover,
dfn:hover,
code:hover,
sup:hover,
sub:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAgSURBVAiZY3DMfPj/////DDDMxIAGMAQYHTMf/kcWAADRgQ4R3lkO7wAAAABJRU5ErkJggg==) bottom left no-repeat,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAgSURBVAiZY/z//z8DDDhlPfrPxIAGMAQYHTMf/kcWAABxJAgb2YLYKgAAAABJRU5ErkJggg==) bottom right no-repeat }

View File

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* wymiframe.html
* Iframe used by designMode.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
-->
<html>
<head>
<title>WYMeditor iframe</title>
<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" media="screen" href="wymiframe.ie.css" /><![endif]-->
</head>
<body class="wym_iframe"></body>
</html>

View File

@ -0,0 +1,21 @@
/*
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* wymeditor.ie.css
* Main editor css file, IE support.
* See the documentation for more info.
*
* File Authors:
* Gyuris Gellért (bubu a-t ujevangelizacio dothu)
*/
/* VISUAL FEEDBACK */
ul, ol, dl { min-height: auto; line-height: 0px }
li, dt, dd { line-height: 20px; }

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,45 @@
WYMeditor.STRINGS.bg = {
Strong: 'Получер',
Emphasis: 'Курсив',
Superscript: 'Горен индекс',
Subscript: 'Долен индекс',
Ordered_List: 'Подреден списък',
Unordered_List: 'Неподреден списък',
Indent: 'Блок навътре',
Outdent: 'Блок навън',
Undo: 'Стъпка назад',
Redo: 'Стъпка напред',
Link: 'Създай хипервръзка',
Unlink: 'Премахни хипервръзката',
Image: 'Изображение',
Table: 'Таблица',
HTML: 'HTML',
Paragraph: 'Абзац',
Heading_1: 'Заглавие 1',
Heading_2: 'Заглавие 2',
Heading_3: 'Заглавие 3',
Heading_4: 'Заглавие 4',
Heading_5: 'Заглавие 5',
Heading_6: 'Заглавие 6',
Preformatted: 'Преформатиран',
Blockquote: 'Цитат',
Table_Header: 'Заглавие на таблицата',
URL: 'URL',
Title: 'Заглавие',
Alternative_Text: 'Алтернативен текст',
Caption: 'Етикет',
Summary: 'Общо',
Number_Of_Rows: 'Брой редове',
Number_Of_Cols: 'Брой колони',
Submit: 'Изпрати',
Cancel: 'Отмени',
Choose: 'Затвори',
Preview: 'Предварителен преглед',
Paste_From_Word: 'Вмъкни от MS WORD',
Tools: 'Инструменти',
Containers: 'Контейнери',
Classes: 'Класове',
Status: 'Статус',
Source_Code: 'Източник, код'
};

View File

@ -0,0 +1,45 @@
WYMeditor.STRINGS.ca = {
Strong: 'Ressaltar',
Emphasis: 'Emfatitzar',
Superscript: 'Superindex',
Subscript: 'Subindex',
Ordered_List: 'Llistat ordenat',
Unordered_List: 'Llistat sense ordenar',
Indent: 'Indentat',
Outdent: 'Sense indentar',
Undo: 'Desfer',
Redo: 'Refer',
Link: 'Enllaçar',
Unlink: 'Eliminar enllaç',
Image: 'Imatge',
Table: 'Taula',
HTML: 'HTML',
Paragraph: 'Paràgraf',
Heading_1: 'Capçalera 1',
Heading_2: 'Capçalera 2',
Heading_3: 'Capçalera 3',
Heading_4: 'Capçalera 4',
Heading_5: 'Capçalera 5',
Heading_6: 'Capçalera 6',
Preformatted: 'Pre-formatejat',
Blockquote: 'Cita',
Table_Header: 'Capçalera de la taula',
URL: 'URL',
Title: 'Títol',
Alternative_Text: 'Text alternatiu',
Caption: 'Llegenda',
Summary: 'Summary',
Number_Of_Rows: 'Nombre de files',
Number_Of_Cols: 'Nombre de columnes',
Submit: 'Enviar',
Cancel: 'Cancel·lar',
Choose: 'Triar',
Preview: 'Vista prèvia',
Paste_From_Word: 'Pegar des de Word',
Tools: 'Eines',
Containers: 'Contenidors',
Classes: 'Classes',
Status: 'Estat',
Source_Code: 'Codi font'
};

View File

@ -0,0 +1,45 @@
WYMeditor.STRINGS.cs = {
Strong: 'Tučné',
Emphasis: 'Kurzíva',
Superscript: 'Horní index',
Subscript: 'Dolní index',
Ordered_List: 'Číslovaný seznam',
Unordered_List: 'Nečíslovaný seznam',
Indent: 'Zvětšit odsazení',
Outdent: 'Zmenšit odsazení',
Undo: 'Zpět',
Redo: 'Znovu',
Link: 'Vytvořit odkaz',
Unlink: 'Zrušit odkaz',
Image: 'Obrázek',
Table: 'Tabulka',
HTML: 'HTML',
Paragraph: 'Odstavec',
Heading_1: 'Nadpis 1. úrovně',
Heading_2: 'Nadpis 2. úrovně',
Heading_3: 'Nadpis 3. úrovně',
Heading_4: 'Nadpis 4. úrovně',
Heading_5: 'Nadpis 5. úrovně',
Heading_6: 'Nadpis 6. úrovně',
Preformatted: 'Předformátovaný text',
Blockquote: 'Citace',
Table_Header: 'Hlavičková buňka tabulky',
URL: 'Adresa',
Title: 'Text po najetí myší',
Alternative_Text: 'Text pro případ nezobrazení obrázku',
Caption: 'Titulek tabulky',
Summary: 'Shrnutí obsahu',
Number_Of_Rows: 'Počet řádek',
Number_Of_Cols: 'Počet sloupců',
Submit: 'Vytvořit',
Cancel: 'Zrušit',
Choose: 'Vybrat',
Preview: 'Náhled',
Paste_From_Word: 'Vložit z Wordu',
Tools: 'Nástroje',
Containers: 'Typy obsahu',
Classes: 'Třídy',
Status: 'Stav',
Source_Code: 'Zdrojový kód'
};

View File

@ -0,0 +1,45 @@
WYMeditor.STRINGS.cy = {
Strong: 'Bras',
Emphasis: 'Italig',
Superscript: 'Uwchsgript',
Subscript: 'Is-sgript',
Ordered_List: 'Rhestr mewn Trefn',
Unordered_List: 'Pwyntiau Bwled',
Indent: 'Mewnoli',
Outdent: 'Alloli',
Undo: 'Dadwneud',
Redo: 'Ailwneud',
Link: 'Cysylltu',
Unlink: 'Datgysylltu',
Image: 'Delwedd',
Table: 'Tabl',
HTML: 'HTML',
Paragraph: 'Paragraff',
Heading_1: 'Pennawd 1',
Heading_2: 'Pennawd 2',
Heading_3: 'Pennawd 3',
Heading_4: 'Pennawd 4',
Heading_5: 'Pennawd 5',
Heading_6: 'Pennawd 6',
Preformatted: 'Rhagfformat',
Blockquote: 'Bloc Dyfyniad',
Table_Header: 'Pennyn Tabl',
URL: 'URL',
Title: 'Teitl',
Alternative_Text: 'Testun Amgen',
Caption: 'Pennawd',
Summary: 'Crynodeb',
Number_Of_Rows: 'Nifer y rhesi',
Number_Of_Cols: 'Nifer y colofnau',
Submit: 'Anfon',
Cancel: 'Diddymu',
Choose: 'Dewis',
Preview: 'Rhagolwg',
Paste_From_Word: 'Gludo o Word',
Tools: 'Offer',
Containers: 'Cynhwysyddion',
Classes: 'Dosbarthiadau',
Status: 'Statws',
Source_Code: 'Cod ffynhonnell'
};

View File

@ -0,0 +1,45 @@
WYMeditor.STRINGS['da'] = {
Strong: 'Fed',
Emphasis: 'Skrå',
Superscript: 'Superscript',
Subscript: 'Subscript',
Ordered_List: 'Ordnet liste',
Unordered_List: 'Uordnet liste',
Indent: 'Indrykke',
Outdent: 'Udrykke',
Undo: 'Fortryd',
Redo: 'Fortryd',
Link: 'Link',
Unlink: 'Fjern link',
Image: 'Billede',
Table: 'Tabel',
HTML: 'HTML',
Paragraph: 'Paragraf',
Heading_1: 'Overskrift 1',
Heading_2: 'Overskrift 2',
Heading_3: 'Overskrift 3',
Heading_4: 'Overskrift 4',
Heading_5: 'Overskrift 5',
Heading_6: 'Overskrift 6',
Preformatted: 'Forudformateret',
Blockquote: 'Citat',
Table_Header: 'Tabel Overskrift',
URL: 'URL',
Title: 'Titel',
Alternative_Text: 'Alternativ tekst',
Caption: 'Billedtekst',
Summary: 'Resumé',
Number_Of_Rows: 'Antal rækker',
Number_Of_Cols: 'Antal kolonner',
Submit: 'Indsend',
Cancel: 'Afbryd',
Choose: 'Vælg',
Preview: 'Forhåndsvisning',
Paste_From_Word: 'Indsæt fra Word',
Tools: 'Værktøjer',
Containers: 'Containere',
Classes: 'Klasser',
Status: 'Status',
Source_Code: 'Kildekode'
};

View File

@ -0,0 +1,45 @@
WYMeditor.STRINGS.de = {
Strong: 'Fett',
Emphasis: 'Kursiv',
Superscript: 'Text hochstellen',
Subscript: 'Text tiefstellen',
Ordered_List: 'Geordnete Liste einfügen',
Unordered_List: 'Ungeordnete Liste einfügen',
Indent: 'Einzug erhöhen',
Outdent: 'Einzug vermindern',
Undo: 'Befehle rückgängig machen',
Redo: 'Befehle wiederherstellen',
Link: 'Hyperlink einfügen',
Unlink: 'Hyperlink entfernen',
Image: 'Bild einfügen',
Table: 'Tabelle einfügen',
HTML: 'HTML anzeigen/verstecken',
Paragraph: 'Absatz',
Heading_1: 'Überschrift 1',
Heading_2: 'Überschrift 2',
Heading_3: 'Überschrift 3',
Heading_4: 'Überschrift 4',
Heading_5: 'Überschrift 5',
Heading_6: 'Überschrift 6',
Preformatted: 'Vorformatiert',
Blockquote: 'Zitat',
Table_Header: 'Tabellenüberschrift',
URL: 'URL',
Title: 'Titel',
Alternative_Text: 'Alternativer Text',
Caption: 'Tabellenüberschrift',
Summary: 'Summary',
Number_Of_Rows: 'Anzahl Zeilen',
Number_Of_Cols: 'Anzahl Spalten',
Submit: 'Absenden',
Cancel: 'Abbrechen',
Choose: 'Auswählen',
Preview: 'Vorschau',
Paste_From_Word: 'Aus Word einfügen',
Tools: 'Werkzeuge',
Containers: 'Inhaltstyp',
Classes: 'Klassen',
Status: 'Status',
Source_Code: 'Quellcode'
};

Some files were not shown because too many files have changed in this diff Show More