From 6348e70daa113e8b3203de8fbc919d08c90d972e Mon Sep 17 00:00:00 2001 From: Mike Macgirvin Date: Thu, 1 Jul 2010 16:48:07 -0700 Subject: Initial checkin --- tinymce/examples/css/content.css | 105 ++++++++++++++++ tinymce/examples/css/word.css | 53 ++++++++ tinymce/examples/custom_formats.html | 107 ++++++++++++++++ tinymce/examples/full.html | 96 +++++++++++++++ tinymce/examples/index.html | 10 ++ tinymce/examples/lists/image_list.js | 9 ++ tinymce/examples/lists/link_list.js | 10 ++ tinymce/examples/lists/media_list.js | 10 ++ tinymce/examples/lists/template_list.js | 9 ++ tinymce/examples/media/logo.jpg | Bin 0 -> 2729 bytes tinymce/examples/media/logo_over.jpg | Bin 0 -> 6473 bytes tinymce/examples/media/sample.avi | Bin 0 -> 82944 bytes tinymce/examples/media/sample.dcr | Bin 0 -> 6774 bytes tinymce/examples/media/sample.mov | Bin 0 -> 55622 bytes tinymce/examples/media/sample.ram | 1 + tinymce/examples/media/sample.rm | Bin 0 -> 17846 bytes tinymce/examples/media/sample.swf | Bin 0 -> 6118 bytes tinymce/examples/menu.html | 17 +++ tinymce/examples/simple.html | 43 +++++++ tinymce/examples/skins.html | 212 ++++++++++++++++++++++++++++++++ tinymce/examples/templates/layout1.htm | 15 +++ tinymce/examples/templates/snippet1.htm | 1 + tinymce/examples/translate.html | 80 ++++++++++++ tinymce/examples/word.html | 67 ++++++++++ 24 files changed, 845 insertions(+) create mode 100644 tinymce/examples/css/content.css create mode 100644 tinymce/examples/css/word.css create mode 100644 tinymce/examples/custom_formats.html create mode 100644 tinymce/examples/full.html create mode 100644 tinymce/examples/index.html create mode 100644 tinymce/examples/lists/image_list.js create mode 100644 tinymce/examples/lists/link_list.js create mode 100644 tinymce/examples/lists/media_list.js create mode 100644 tinymce/examples/lists/template_list.js create mode 100644 tinymce/examples/media/logo.jpg create mode 100644 tinymce/examples/media/logo_over.jpg create mode 100644 tinymce/examples/media/sample.avi create mode 100644 tinymce/examples/media/sample.dcr create mode 100644 tinymce/examples/media/sample.mov create mode 100644 tinymce/examples/media/sample.ram create mode 100644 tinymce/examples/media/sample.rm create mode 100644 tinymce/examples/media/sample.swf create mode 100644 tinymce/examples/menu.html create mode 100644 tinymce/examples/simple.html create mode 100644 tinymce/examples/skins.html create mode 100644 tinymce/examples/templates/layout1.htm create mode 100644 tinymce/examples/templates/snippet1.htm create mode 100644 tinymce/examples/translate.html create mode 100644 tinymce/examples/word.html (limited to 'tinymce/examples') diff --git a/tinymce/examples/css/content.css b/tinymce/examples/css/content.css new file mode 100644 index 000000000..a76c38a2f --- /dev/null +++ b/tinymce/examples/css/content.css @@ -0,0 +1,105 @@ +body { + background-color: #FFFFFF; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; + scrollbar-3dlight-color: #F0F0EE; + scrollbar-arrow-color: #676662; + scrollbar-base-color: #F0F0EE; + scrollbar-darkshadow-color: #DDDDDD; + scrollbar-face-color: #E0E0DD; + scrollbar-highlight-color: #F0F0EE; + scrollbar-shadow-color: #F0F0EE; + scrollbar-track-color: #F5F5F5; +} + +td { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; +} + +pre { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; +} + +.example1 { + font-weight: bold; + font-size: 14px +} + +.example2 { + font-weight: bold; + font-size: 12px; + color: #FF0000 +} + +.tablerow1 { + background-color: #BBBBBB; +} + +thead { + background-color: #FFBBBB; +} + +tfoot { + background-color: #BBBBFF; +} + +th { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 13px; +} + +/* Basic formats */ + +.bold { + font-weight: bold; +} + +.italic { + font-style: italic; +} + +.underline { + text-decoration: underline; +} + +/* Global align classes */ + +.left { + text-align: inherit; +} + +.center { + text-align: center; +} + +.right { + text-align: right; +} + +.full { + text-align: justify +} + +/* Image and table specific aligns */ + +img.left, table.left { + float: left; + text-align: inherit; +} + +img.center, table.center { + margin-left: auto; + margin-right: auto; + text-align: inherit; +} + +img.center { + display: block; +} + +img.right, table.right { + float: right; + text-align: inherit; +} diff --git a/tinymce/examples/css/word.css b/tinymce/examples/css/word.css new file mode 100644 index 000000000..049a39fbd --- /dev/null +++ b/tinymce/examples/css/word.css @@ -0,0 +1,53 @@ +body { + background-color: #FFFFFF; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; + scrollbar-3dlight-color: #F0F0EE; + scrollbar-arrow-color: #676662; + scrollbar-base-color: #F0F0EE; + scrollbar-darkshadow-color: #DDDDDD; + scrollbar-face-color: #E0E0DD; + scrollbar-highlight-color: #F0F0EE; + scrollbar-shadow-color: #F0F0EE; + scrollbar-track-color: #F5F5F5; +} + +p {margin:0; padding:0;} + +td { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; +} + +pre { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; +} + +.example1 { + font-weight: bold; + font-size: 14px +} + +.example2 { + font-weight: bold; + font-size: 12px; + color: #FF0000 +} + +.tablerow1 { + background-color: #BBBBBB; +} + +thead { + background-color: #FFBBBB; +} + +tfoot { + background-color: #BBBBFF; +} + +th { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 13px; +} diff --git a/tinymce/examples/custom_formats.html b/tinymce/examples/custom_formats.html new file mode 100644 index 000000000..7c475b19b --- /dev/null +++ b/tinymce/examples/custom_formats.html @@ -0,0 +1,107 @@ + + + +Custom formats example + + + + + + + + + +
+
+

Custom formats example

+ +

+ This example shows you how to override the default formats for bold, italic, underline, strikethough and alignment to use classes instead of inline styles. + There are more examples on how to use TinyMCE in the Wiki. +

+ + +
+ +
+ + + [Show] + [Hide] + [Bold] + [Get contents] + [Get selected HTML] + [Get selected text] + [Get selected element] + [Insert HTML] + [Replace selection] + +
+ + +
+
+ + + diff --git a/tinymce/examples/full.html b/tinymce/examples/full.html new file mode 100644 index 000000000..0b24b6e48 --- /dev/null +++ b/tinymce/examples/full.html @@ -0,0 +1,96 @@ + + + +Full featured example + + + + + + + + + +
+
+

Full featured example

+ +

+ This page shows all available buttons and plugins that are included in the TinyMCE core package. + There are more examples on how to use TinyMCE in the Wiki. +

+ + +
+ +
+ + + [Show] + [Hide] + [Bold] + [Get contents] + [Get selected HTML] + [Get selected text] + [Get selected element] + [Insert HTML] + [Replace selection] + +
+ + +
+
+ + + diff --git a/tinymce/examples/index.html b/tinymce/examples/index.html new file mode 100644 index 000000000..6ebfbea57 --- /dev/null +++ b/tinymce/examples/index.html @@ -0,0 +1,10 @@ + + + + TinyMCE examples + + + + + + diff --git a/tinymce/examples/lists/image_list.js b/tinymce/examples/lists/image_list.js new file mode 100644 index 000000000..7ba049a24 --- /dev/null +++ b/tinymce/examples/lists/image_list.js @@ -0,0 +1,9 @@ +// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system. +// There images will be displayed as a dropdown in all image dialogs if the "external_link_image_url" +// option is defined in TinyMCE init. + +var tinyMCEImageList = new Array( + // Name, URL + ["Logo 1", "media/logo.jpg"], + ["Logo 2 Over", "media/logo_over.jpg"] +); diff --git a/tinymce/examples/lists/link_list.js b/tinymce/examples/lists/link_list.js new file mode 100644 index 000000000..0d464331f --- /dev/null +++ b/tinymce/examples/lists/link_list.js @@ -0,0 +1,10 @@ +// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system. +// There links will be displayed as a dropdown in all link dialogs if the "external_link_list_url" +// option is defined in TinyMCE init. + +var tinyMCELinkList = new Array( + // Name, URL + ["Moxiecode", "http://www.moxiecode.com"], + ["Freshmeat", "http://www.freshmeat.com"], + ["Sourceforge", "http://www.sourceforge.com"] +); diff --git a/tinymce/examples/lists/media_list.js b/tinymce/examples/lists/media_list.js new file mode 100644 index 000000000..3a3836cc5 --- /dev/null +++ b/tinymce/examples/lists/media_list.js @@ -0,0 +1,10 @@ +// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system. +// There flash movies will be displayed as a dropdown in all media dialog if the "media_external_list_url" +// option is defined in TinyMCE init. + +var tinyMCEMediaList = [ + // Name, URL + ["Some Flash", "media/sample.swf"], + ["Some Quicktime", "media/sample.mov"], + ["Some AVI", "media/sample.avi"] +]; \ No newline at end of file diff --git a/tinymce/examples/lists/template_list.js b/tinymce/examples/lists/template_list.js new file mode 100644 index 000000000..e06d35788 --- /dev/null +++ b/tinymce/examples/lists/template_list.js @@ -0,0 +1,9 @@ +// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system. +// There templates will be displayed as a dropdown in all media dialog if the "template_external_list_url" +// option is defined in TinyMCE init. + +var tinyMCETemplateList = [ + // Name, URL, Description + ["Simple snippet", "templates/snippet1.htm", "Simple HTML snippet."], + ["Layout", "templates/layout1.htm", "HTML Layout."] +]; \ No newline at end of file diff --git a/tinymce/examples/media/logo.jpg b/tinymce/examples/media/logo.jpg new file mode 100644 index 000000000..ad535d671 Binary files /dev/null and b/tinymce/examples/media/logo.jpg differ diff --git a/tinymce/examples/media/logo_over.jpg b/tinymce/examples/media/logo_over.jpg new file mode 100644 index 000000000..79fcd884a Binary files /dev/null and b/tinymce/examples/media/logo_over.jpg differ diff --git a/tinymce/examples/media/sample.avi b/tinymce/examples/media/sample.avi new file mode 100644 index 000000000..238bb688a Binary files /dev/null and b/tinymce/examples/media/sample.avi differ diff --git a/tinymce/examples/media/sample.dcr b/tinymce/examples/media/sample.dcr new file mode 100644 index 000000000..353b3ce67 Binary files /dev/null and b/tinymce/examples/media/sample.dcr differ diff --git a/tinymce/examples/media/sample.mov b/tinymce/examples/media/sample.mov new file mode 100644 index 000000000..9c0a0932c Binary files /dev/null and b/tinymce/examples/media/sample.mov differ diff --git a/tinymce/examples/media/sample.ram b/tinymce/examples/media/sample.ram new file mode 100644 index 000000000..e2ce04cf7 --- /dev/null +++ b/tinymce/examples/media/sample.ram @@ -0,0 +1 @@ +http://streaming.uga.edu/samples/ayp_lan.rm \ No newline at end of file diff --git a/tinymce/examples/media/sample.rm b/tinymce/examples/media/sample.rm new file mode 100644 index 000000000..8947706e0 Binary files /dev/null and b/tinymce/examples/media/sample.rm differ diff --git a/tinymce/examples/media/sample.swf b/tinymce/examples/media/sample.swf new file mode 100644 index 000000000..9f5fc4ac5 Binary files /dev/null and b/tinymce/examples/media/sample.swf differ diff --git a/tinymce/examples/menu.html b/tinymce/examples/menu.html new file mode 100644 index 000000000..a65c3104f --- /dev/null +++ b/tinymce/examples/menu.html @@ -0,0 +1,17 @@ + + + +Menu + + + +

Examples

+Full featured +Simple theme +Skin support +Word processor +Custom formats + + \ No newline at end of file diff --git a/tinymce/examples/simple.html b/tinymce/examples/simple.html new file mode 100644 index 000000000..c37839890 --- /dev/null +++ b/tinymce/examples/simple.html @@ -0,0 +1,43 @@ + + + +Simple theme example + + + + + + + + + +
+

Simple theme example

+ +

+ This page shows you the simple theme and it's core functionality you can extend it by changing the code use the advanced theme if you need to configure/add more buttons etc. + There are more examples on how to use TinyMCE in the Wiki. +

+ + + + +
+ + +
+ + + diff --git a/tinymce/examples/skins.html b/tinymce/examples/skins.html new file mode 100644 index 000000000..a39817221 --- /dev/null +++ b/tinymce/examples/skins.html @@ -0,0 +1,212 @@ + + + +Skin support example + + + + + + + + + +
+

Skin support example

+ +

+ This page displays the two skins that TinyMCE comes with. You can make your own by creating a CSS file in themes/advanced/skins//ui.css + There are more examples on how to use TinyMCE in the Wiki. +

+ + + + +
+ + + +
+ + + +
+ + + +
+ + +
+ + + diff --git a/tinymce/examples/templates/layout1.htm b/tinymce/examples/templates/layout1.htm new file mode 100644 index 000000000..a38df3e68 --- /dev/null +++ b/tinymce/examples/templates/layout1.htm @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + +
Column 1Column 2
Username: {$username}Staffid: {$staffid}
diff --git a/tinymce/examples/templates/snippet1.htm b/tinymce/examples/templates/snippet1.htm new file mode 100644 index 000000000..b2520beaf --- /dev/null +++ b/tinymce/examples/templates/snippet1.htm @@ -0,0 +1 @@ +This is just some code. diff --git a/tinymce/examples/translate.html b/tinymce/examples/translate.html new file mode 100644 index 000000000..bdd8ac54a --- /dev/null +++ b/tinymce/examples/translate.html @@ -0,0 +1,80 @@ + + + +Full featured example + + + + + + + + + + +
+

Translation

+ +

This page enables you to translate TinyMCE by using XML files.

+

Steps to translate:

+
    +
  1. Download one of the language XML files from the TinyMCE site.
    2. +
  2. Place it in /jscripts/tiny_mce/langs directory, for example /jscripts/tiny_mce/langs/sv.xml.
    3. +
  3. Change the language init option in this file to match the XML file code. For example: sv
    4. +
  4. TinyMCE will now use the XML file instead of the .js versions.
    5. +
  5. Modify the XML file until everything is translated
    6. +
  6. Modify the author information, this is optional.
    7. +
  7. Upload the XML file to the TinyMCE site to share it with others.
    8. +
  8. You can now download the .js versions of the language pack from the TinyMCE site.
    9. +
+ + +
+ + + diff --git a/tinymce/examples/word.html b/tinymce/examples/word.html new file mode 100644 index 000000000..f778f983c --- /dev/null +++ b/tinymce/examples/word.html @@ -0,0 +1,67 @@ + + + +Word processor example + + + + + + + + + +
+

Word processor example

+ +

+ This page shows you how to configure TinyMCE to work more like common word processors. + There are more examples on how to use TinyMCE in the Wiki. +

+ + + + +
+ + +
+ + + -- cgit v1.2.3