editorAutoSave.html | searchcode

/public/dojox/editor/tests/editorAutoSave.html

https://github.com/atasay/scorll
HTML | 172 lines | 166 code | 5 blank | 1 comment | 0 complexity | b776ab5acfa922dddcdb083aa8cee0b7 MD5 | raw file

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
		"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Editor Auto Save Test</title>

	<style type="text/css">
		@import "../../../dojo/resources/dojo.css";
		@import "../../../dijit/tests/css/dijitTests.css";
		@import "../../../dijit/themes/claro/claro.css";
		@import "../plugins/resources/css/AutoSave.css";
		@import "../plugins/resources/css/ShowBlockNodes.css";
	</style>
	
	<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: true"></script>

	<!-- only needed for alternate theme testing: -->
	<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
	
	<script type="text/javascript">
		dojo.require("dijit.Editor");
		dojo.require("dojo.parser");
		dojo.require("dojox.editor.plugins.AutoSave");
		dojo.require("dijit._editor.plugins.FullScreen");
		dojo.require("dijit._editor.plugins.ViewSource");
		dojo.require("dojox.editor.plugins.ShowBlockNodes");
	</script>
</head>
<body class="claro">
	<br>
	<h1 class="testTitle">Editor + Save Plugin</h1>

	<h2>This is an example editor with Save enabled.</h2>  
	The AutoSave plugin is a non-visual 'helper' plugin.  When enabled, it allows a quick way to POST back content to a
	server.  The target URL for the default implementation uses xhrPost, and as such, it must POST back to the same
	domain that served the page that instantiated the editor.  Users can extend this plugin to alter its save behavior, such
	as use a different posting mechanism, or provide custom onSuccess and onError handlers.
	<br>
	<br>
	<b>Note:</b> For nicely formatted HTML, consider also including the dojox.editor.plugins.PrettyPrint plugin to 
	'clean up' the content the editor returns.
	<br>
	<br>
	<b>Note:</b> This test makes use of PHP to simulate a back end service, so run it from a PHP enabled server!
	Otherwise it may report errors.
	<br>
	<br>
	<div dojoType="dijit.Editor" id="editor1" extraPlugins="[{name:'autosave', url:'dummySave.php', interval:5}, 'fullscreen', 'viewsource', 'showblocknodes']">
		This instance is created from a div with an extra plugin, 'AutoSave' loaded.
		<div>
			<ul>
				<li>List Item One</li>
				<li>List Item Two</li>
				<li>List Item Three</li>
				<li>List Item Four</li>
			</ul>
			<br>
			<a href="http://www.dojotoolkit.org">The Dojo Toolkit</a>
			<br>
			<br>
			<ol>
				<li>One</li>
				<li>Two</li>
			</ol>
			<br>
			<br>
			<h3>A bunch of Lorum Ipsum Text:</h3>
			<p style="color: #646060;">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc.
				Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget
				ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor,
				dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus.
				Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc
				ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh.
				Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora
				torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis,
				a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum
				id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus
				ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis
				in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt,
				justo mi pellentesque dolor, in suscipit dolor quam ac ligula.
			</p>
			<p>
				Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus.
				Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat
				eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris
				aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus
				aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat.
				Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
				mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat
				semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum.
			</p>
			<p>
				Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia
				nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean
				ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla
				laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque
				est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed
				at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis
				aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis
				pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc
				iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida
				vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero.
				Proin at lorem turpis.
			</p>
			<center>Centered Text</center>
		</div>
	</div>
	<h2>Auto-Save with interval 10 minutes</h2>
	<div dojoType="dijit.Editor" id="editor2" extraPlugins="[{name:'autosave', url:'dummySave.php', interval:10}]">
		This instance is created from a div with an extra plugin, 'AutoSave' loaded.
		<div>
			<ul>
				<li>List Item One</li>
				<li>List Item Two</li>
				<li>List Item Three</li>
				<li>List Item Four</li>
			</ul>
			<br>
			<a href="http://www.dojotoolkit.org">The Dojo Toolkit</a>
			<br>
			<br>
			<ol>
				<li>One</li>
				<li>Two</li>
			</ol>
			<br>
			<br>
			<h3>A bunch of Lorum Ipsum Text:</h3>
			<p style="color: #646060;">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc.
				Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget
				ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor,
				dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus.
				Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc
				ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh.
				Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora
				torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis,
				a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum
				id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus
				ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis
				in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt,
				justo mi pellentesque dolor, in suscipit dolor quam ac ligula.
			</p>
			<p>
				Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus.
				Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat
				eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris
				aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus
				aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat.
				Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
				mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat
				semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum.
			</p>
			<p>
				Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia
				nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean
				ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla
				laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque
				est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed
				at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis
				aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis
				pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc
				iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida
				vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero.
				Proin at lorem turpis.
			</p>
			<center>Centered Text</center>
		</div>
	</div>
</body>
</html>