<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="ie iem7"><![endif]-->
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7) ]><html class="ie" lang="en"><![endif]-->
<!--[if !(IEMobile)|!(IE)]><!--><html lang="en"><!-- InstanceBegin template="/Templates/fixed.dwt" codeOutsideHTMLIsLocked="false" --><!--<![endif]-->
<head>
<!--#include virtual="/wdn/templates_3.1/includes/metanfavico.html" -->
<!--
Membership and regular participation in the UNL Web Developer Network
is required to use the UNL templates. Visit the WDN site at
http://wdn.unl.edu/. Click the WDN Registry link to log in and
register your unl.edu site.
All UNL template code is the property of the UNL Web Developer Network.
The code seen in a source code view is not, and may not be used as, a
template. You may not use this code, a reverse-engineered version of
this code, or its associated visual presentation in whole or in part to
create a derivative work.
This message may not be removed from any pages based on the UNL site template.
$Id$
-->
<!--#include virtual="/wdn/templates_3.1/includes/scriptsandstyles.html" -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Use a descriptive page title | Optional Site Title (use for context) | University of Nebraska–Lincoln</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- Place optional header elements here -->
<!-- tinymce stuff -->
<script type="text/javascript">
/*
* TinyMCE example usage with UNL templates
*/
var jQuery = WDN.jQuery;
WDN.loadJS("jquery.tinymce.js",function () {
WDN.jQuery('textarea.tinymce').tinymce({
// Location of TinyMCE script
script_url : 'tiny_mce.js',
// General options
theme : "advanced",
skin : "unl",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,unl",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,|,unlZenBox,unlLayout,unlGrid,unlTooltip,unlTabs",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
//content_css : "css/content.css",
/* // Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",*/
/* // Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}*/
});
});
</script>
<!-- InstanceEndEditable -->
<!-- TemplateParam name="class" type="text" value="fixed" -->
</head>
<body class="fixed">
<nav class="skipnav">
<a class="skipnav" href="#maincontent">Skip Navigation</a>
</nav>
<div id="wdn_wrapper">
<header id="header" role="banner">
<a id="logo" href="http://www.unl.edu/" title="UNL website">UNL</a>
<span id="wdn_institution_title">University of Nebraska–Lincoln</span>
<span id="wdn_site_title">
<!-- InstanceBeginEditable name="titlegraphic" -->
The Title of My Site
<!-- InstanceEndEditable -->
</span>
<!--#include virtual="/wdn/templates_3.1/includes/idm.html" -->
<!--#include virtual="/wdn/templates_3.1/includes/wdnTools.html" -->
</header>
<div id="wdn_navigation_bar">
<nav id="breadcrumbs">
<!-- WDN: see glossary item 'breadcrumbs' -->
<h3 class="wdn_list_descriptor hidden">Breadcrumbs</h3>
<!-- InstanceBeginEditable name="breadcrumbs" -->
<ul>
<li><a href="http://www.unl.edu/" title="University of Nebraska–Lincoln">UNL</a></li>
<li class="selected"><a href="#" title="Site Title">Site Title</a></li>
<li>Page Title</li>
</ul>
<!-- InstanceEndEditable -->
</nav>
<div id="wdn_navigation_wrapper">
<nav id="navigation" role="navigation">
<h3 class="wdn_list_descriptor hidden">Navigation</h3>
<!-- InstanceBeginEditable name="navlinks" -->
<ul><li><a href="http://www.unl.edu/" title="UNL homepage">UNL</a></li></ul>
<!-- InstanceEndEditable -->
</nav>
</div>
</div>
<div id="wdn_content_wrapper">
<div id="pagetitle">
<!-- InstanceBeginEditable name="pagetitle" -->
<h1>This is your page title. It's now an <h1>, baby!</h1>
<!-- InstanceEndEditable -->
</div>
<div id="maincontent" role="main">
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" -->
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
<div>
<h3>Full featured example using jQuery plugin</h3>
<p>
This example shows how TinyMCE can be lazy loaded using jQuery. The jQuery plugin will also attach it's self to various jQuery methods to make it more easy to get/set editor contents etc.
</p>
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
<div>
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%" class="tinymce">
<h3>Headline H3</h3>
<div class="grid9 first">
<p>
This is some <a href="http://wdn.unl.edu/">example text</a> that you can edit inside the <strong>TinyMCE editor</strong>.
</p>
<p>
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
</p>
</div>
<div class="grid3">
<div class="zenbox"><h3>zenbox title</h3>this is text in a zenbox</div>
</div>
</textarea>
</div>
<!-- Some integration calls -->
<a href="javascript:;" onmousedown="$('#elm1').tinymce().show();">[Show]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().hide();">[Hide]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().execCommand('Bold');">[Bold]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').html());">[Get contents]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').tinymce().selection.getContent());">[Get selected HTML]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').tinymce().selection.getContent({format : 'text'}));">[Get selected text]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').tinymce().selection.getNode().nodeName);">[Get selected element]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
<br />
<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />
</div>
</form>
<!-- InstanceEndEditable -->
<div class="clear"></div>
<!--#include virtual="/wdn/templates_3.1/includes/noscript.html" -->
<!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
</div>
</div>
<footer id="footer">
<div id="footer_floater"></div>
<div class="footer_col" id="wdn_footer_feedback">
<!--#include virtual="/wdn/templates_3.1/includes/feedback.html" -->
</div>
<div class="footer_col" id="wdn_footer_related">
<!-- InstanceBeginEditable name="leftcollinks" -->
<h3>Related Links</h3>
<!-- InstanceEndEditable -->
</div>
<div class="footer_col" id="wdn_footer_contact">
<!-- InstanceBeginEditable name="contactinfo" -->
<h3>Contact Us</h3>
<!-- InstanceEndEditable -->
</div>
<div class="footer_col" id="wdn_footer_share">
<!--#include virtual="/wdn/templates_3.1/includes/socialmediashare.html" -->
</div>
<!-- InstanceBeginEditable name="optionalfooter" -->
<!-- InstanceEndEditable -->
<div id="wdn_copyright">
<div>
<!-- InstanceBeginEditable name="footercontent" -->
© 2012
<!-- InstanceEndEditable -->
<!--#include virtual="/wdn/templates_3.1/includes/wdn.html" -->
</div>
<!--#include virtual="/wdn/templates_3.1/includes/logos.html" -->
</div>
</footer>
</div>
</body>
</html>