mirror of
https://github.com/moodle/moodle.git
synced 2025-01-19 14:27:22 +01:00
Removing examples.
This commit is contained in:
julmis
parent
140e306f4e
commit
def7254987
@ -1,40 +0,0 @@
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #880000;
|
||||
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;
|
||||
}
|
||||
|
||||
.header1 {
|
||||
font-weight: bold;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.header2 {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #FF0000
|
||||
}
|
||||
|
||||
.header3 {
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
color: #0000FF
|
||||
}
|
||||
|
||||
.tablerow1 {
|
||||
background-color: #BBBBBB;
|
||||
}
|
||||
|
||||
td {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Advanced example</title>
|
||||
<!-- tinyMCE -->
|
||||
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
tinyMCE.init({
|
||||
theme : "advanced",
|
||||
mode : "exact",
|
||||
elements : "elm1,elm2",
|
||||
save_callback : "customSave",
|
||||
content_css : "example_advanced.css",
|
||||
extended_valid_elements : "a[href|target|name]",
|
||||
plugins : "table",
|
||||
theme_advanced_buttons3_add_before : "tablecontrols,separator",
|
||||
//invalid_elements : "a",
|
||||
theme_advanced_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1", // Theme specific setting CSS classes
|
||||
//execcommand_callback : "myCustomExecCommandHandler",
|
||||
debug : false
|
||||
});
|
||||
|
||||
// Custom event handler
|
||||
function myCustomExecCommandHandler(editor_id, elm, command, user_interface, value) {
|
||||
var linkElm, imageElm, inst;
|
||||
|
||||
switch (command) {
|
||||
case "mceLink":
|
||||
inst = tinyMCE.getInstanceById(editor_id);
|
||||
linkElm = tinyMCE.getParentElement(inst.selection.getFocusElement(), "a");
|
||||
|
||||
if (linkElm)
|
||||
alert("Link dialog has been overriden. Found link href: " + tinyMCE.getAttrib(linkElm, "href"));
|
||||
else
|
||||
alert("Link dialog has been overriden.");
|
||||
|
||||
return true;
|
||||
|
||||
case "mceImage":
|
||||
inst = tinyMCE.getInstanceById(editor_id);
|
||||
imageElm = tinyMCE.getParentElement(inst.selection.getFocusElement(), "img");
|
||||
|
||||
if (imageElm)
|
||||
alert("Image dialog has been overriden. Found image src: " + tinyMCE.getAttrib(imageElm, "src"));
|
||||
else
|
||||
alert("Image dialog has been overriden.");
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
return false; // Pass to next handler in chain
|
||||
}
|
||||
|
||||
// Custom save callback, gets called when the contents is to be submitted
|
||||
function customSave(id, content) {
|
||||
alert(id + "=" + content);
|
||||
}
|
||||
</script>
|
||||
<!-- /tinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="example_full.htm">[Full featured example]</a> [Advanced example] <a href="example_simple.htm">[Simple example]</a> <a href="example_word.htm">[Word example]</a>
|
||||
|
||||
<h3>Advanced example</h3>
|
||||
This page shows a more complex usage of TinyMCE. On this page the mode is set to convert specific elements in this case a DIV element and a TEXTAREA into editor instances. The example below uses a custom CSS, thats why the text is red and it allso uses the "advanced" theme that includes more options than the default one. The code allso includes examples of custom call back functions and much more. Notice the submit button at the end of the page, this button triggers a save action. Read more about the features and possible settings of TinyMCE in the <a href="../docs/index.html">manual</a>.<br />
|
||||
<br />
|
||||
|
||||
<!-- Form with textare element with width: 100% -->
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<textarea name="elm1" style="width:100%" rows="15">
|
||||
Some <b>element</b>, this is to be editor 1. <br /> This editor instance has a 100% width to it.
|
||||
<p>Some paragraph. <a href="http://www.sourceforge.net">Some link</a></p>
|
||||
<img src="logo.jpg">
|
||||
</textarea>
|
||||
<br />
|
||||
<input type="button" name="save" value="save" onclick="tinyMCE.triggerSave();" />
|
||||
</form>
|
||||
|
||||
<!-- Div elements that gets to be a editor instance aswell -->
|
||||
<div id="elm2" style="width:450px; height:250px">
|
||||
Some <b>element</b>, this is to be editor 2. <br /> This editor instance is a DIV element instead of a textarea.
|
||||
<p>Some paragraph. <a href="http://www.sourceforge.net">Some link</a></p>
|
||||
<img src="logo.jpg" />
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
Some custom actions:
|
||||
<a href="javascript:tinyMCE.execCommand('Bold');">[Bold]</a> |
|
||||
<a href="javascript:tinyMCE.execCommand('Italic');">[Italic]</a>
|
||||
<a href="javascript:void(0);" onclick="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert some HTML]</a>
|
||||
<a href="javascript:void(0);" onclick="tinyMCE.execCommand('mceReplaceContent',false,'<!-- xxx --><b>{$selection}</b>');">[Replace selection]</a>
|
||||
|
||||
<br />
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,9 +0,0 @@
|
||||
// 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 flash dialogs if the "flash_external_list_url"
|
||||
// option is defined in TinyMCE init.
|
||||
|
||||
var tinyMCEFlashList = new Array(
|
||||
// Name, URL
|
||||
["Some Flash 1", "test1.swf"],
|
||||
["Some Flash 2", "test2.swf"]
|
||||
);
|
||||
@ -1,51 +0,0 @@
|
||||
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;
|
||||
}
|
||||
@ -1,66 +0,0 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Full featured example</title>
|
||||
<!-- TinyMCE -->
|
||||
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
tinyMCE.init({
|
||||
mode : "textareas",
|
||||
theme : "advanced",
|
||||
plugins : "table,save,advhr,advimage,advlink,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,-emotions,fullpage",
|
||||
theme_advanced_buttons1_add_before : "save,newdocument,separator",
|
||||
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
|
||||
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
|
||||
theme_advanced_buttons3_add_before : "tablecontrols,separator",
|
||||
theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen,fullpage",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_path_location : "bottom",
|
||||
content_css : "example_full.css",
|
||||
plugin_insertdate_dateFormat : "%Y-%m-%d",
|
||||
plugin_insertdate_timeFormat : "%H:%M:%S",
|
||||
extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
|
||||
external_link_list_url : "example_link_list.js",
|
||||
external_image_list_url : "example_image_list.js",
|
||||
flash_external_list_url : "example_flash_list.js",
|
||||
file_browser_callback : "fileBrowserCallBack",
|
||||
theme_advanced_resize_horizontal : false,
|
||||
theme_advanced_resizing : true,
|
||||
apply_source_formatting : true
|
||||
});
|
||||
|
||||
function fileBrowserCallBack(field_name, url, type, win) {
|
||||
// This is where you insert your custom filebrowser logic
|
||||
alert("Example of filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);
|
||||
|
||||
// Insert new URL, this would normaly be done in a popup
|
||||
win.document.forms[0].elements[field_name].value = "someurl.htm";
|
||||
}
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
<!-- Self registrering external plugin, load the plugin and tell TinyMCE where it's base URL are -->
|
||||
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/plugins/emotions/editor_plugin.js"></script>
|
||||
<script language="javascript" type="text/javascript">tinyMCE.setPluginBaseURL('emotions', '../jscripts/tiny_mce/plugins/emotions');</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
[Full featured example] <a href="example_advanced.htm">[Advanced example]</a> <a href="example_simple.htm">[Simple example]</a> <a href="example_word.htm">[Word example]</a>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Full featured example</h3>
|
||||
This page shows all available plugins that are included in the TinyMCE distribution. Some of these plugins will only be visible on MSIE due to the lack of some support in FF. For more details on the various options on TinyMCE check the <a href="../docs/index.html">manual</a> or for more third party plugins check the plugin section.<br /><br />
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
|
||||
<span class="example1">Test header 1</span><br />
|
||||
<span class="example2">Test header 2</span><br />
|
||||
<span class="example3">Test header 3</span><br />
|
||||
Some <b>element</b>, this is to be editor 1. <br /> This editor instance has a 100% width to it.
|
||||
<p>Some paragraph. <a href="http://www.sourceforge.net">Some link</a></p>
|
||||
<img src="logo.jpg">
|
||||
</textarea>
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,9 +0,0 @@
|
||||
// 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", "logo.jpg"],
|
||||
["Logo 2 Over", "logo_over.jpg"]
|
||||
);
|
||||
@ -1,10 +0,0 @@
|
||||
// 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"]
|
||||
);
|
||||
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Simple example</title>
|
||||
<!-- tinyMCE -->
|
||||
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
// Notice: The simple theme does not use all options some of them are limited to the advanced theme
|
||||
tinyMCE.init({
|
||||
mode : "textareas",
|
||||
theme : "simple"
|
||||
});
|
||||
</script>
|
||||
<!-- /tinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="example_full.htm">[Full featured example]</a> <a href="example_advanced.htm">[Advanced example]</a> [Simple example] <a href="example_word.htm">[Word example]</a>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Simple example</h3>
|
||||
This page shows how to use TinyMCE on a HTML page in the most common and simple way. On this page each TEXTAREA
|
||||
element gets converted to a editor instance on page load. Notice how TinyMCE tries to match the width and height of the old text area elements. Read more about the features and settings of TinyMCE in the <a href="../docs/index.html">manual</a>.<br /><br />
|
||||
|
||||
<textarea id="elm1" name="elm1" rows="10" cols="40">
|
||||
Some <b>element</b>, this is to be editor 1.
|
||||
<p>Some paragraph. <a href="http://www.sourceforge.net">Some link</a></p>
|
||||
<img src="logo.jpg">
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
|
||||
<textarea id="elm2" name="elm2" rows="15" cols="32">
|
||||
Some <b>element</b>, this is to be editor 2.
|
||||
<p>Some paragraph. <a href="http://www.sourceforge.net">Some link</a></p>
|
||||
<img src="logo.jpg">
|
||||
</textarea>
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,61 +0,0 @@
|
||||
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;
|
||||
}
|
||||
|
||||
/* Fix for MS Office style paragraphs (MsoNormal) */
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Fix for MS Office unindeted lists */
|
||||
.unIndentedList {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.unIndentedList li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Fix for MS Office UL lists */
|
||||
ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -1,68 +0,0 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Word example</title>
|
||||
<!-- TinyMCE -->
|
||||
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
tinyMCE.init({
|
||||
mode : "textareas",
|
||||
theme : "advanced",
|
||||
plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,contextmenu,paste,directionality,fullscreen",
|
||||
theme_advanced_buttons1_add_before : "save,newdocument,separator",
|
||||
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",
|
||||
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
|
||||
theme_advanced_buttons3_add_before : "tablecontrols,separator",
|
||||
theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
content_css : "example_word.css",
|
||||
plugi2n_insertdate_dateFormat : "%Y-%m-%d",
|
||||
plugi2n_insertdate_timeFormat : "%H:%M:%S",
|
||||
external_link_list_url : "example_link_list.js",
|
||||
external_image_list_url : "example_image_list.js",
|
||||
flash_external_list_url : "example_flash_list.js",
|
||||
file_browser_callback : "fileBrowserCallBack",
|
||||
paste_use_dialog : false,
|
||||
theme_advanced_resizing : true,
|
||||
theme_advanced_resize_horizontal : false,
|
||||
theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
|
||||
paste_auto_cleanup_on_paste : true,
|
||||
paste_convert_headers_to_strong : false,
|
||||
paste_strip_class_attributes : "all",
|
||||
paste_remove_spans : false,
|
||||
paste_remove_styles : false
|
||||
});
|
||||
|
||||
function fileBrowserCallBack(field_name, url, type, win) {
|
||||
// This is where you insert your custom filebrowser logic
|
||||
alert("Filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);
|
||||
|
||||
// Insert new URL, this would normaly be done in a popup
|
||||
win.document.forms[0].elements[field_name].value = "someurl.htm";
|
||||
}
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="example_full.htm">[Full featured example]</a> <a href="example_advanced.htm">[Advanced example]</a> <a href="example_simple.htm">[Simple example]</a> [Word example]
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Word example</h3>
|
||||
This example shows you how TinyMCE can be configurated to function with Word content in the best possible way. TinyMCE is configured to auto convert/cleanup pasted Word content in this example. It's has also a custom CSS that makes paragraphs marginless as in Word.<br /><br />
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
|
||||
<p>Some paragraph</p>
|
||||
<p>Some other paragraph</p>
|
||||
<p>Some <b>element</b>, this is to be editor 1. <br /> This editor instance has a 100% width to it.
|
||||
<p>Some paragraph. <a href="http://www.sourceforge.net">Some link</a></p>
|
||||
<img src="logo.jpg"></p>
|
||||
</textarea>
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Loading…
x
Reference in New Issue
Block a user