RubyGems - inline_forms - Versions diffs - 0.9.17 → 0.9.18 - Mend

inline_forms 0.9.17 → 0.9.18

Files changed (712) hide show

data/public/javascripts/ckeditor/_samples/sample.js ADDED Viewed

@@ -0,0 +1,65 @@
+/*
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+// This file is not required by CKEditor and may be safely ignored.
+// It is just a helper file that displays a red message about browser compatibility
+// at the top of the samples (if incompatible browser is detected).
+if ( window.CKEDITOR )
+{
+	(function()
+	{
+		var showCompatibilityMsg = function()
+		{
+			var env = CKEDITOR.env;
+			var html = '<p><strong>Your browser is not compatible with CKEditor.</strong>';
+			var browsers =
+			{
+				gecko : 'Firefox 2.0',
+				ie : 'Internet Explorer 6.0',
+				opera : 'Opera 9.5',
+				webkit : 'Safari 3.0'
+			};
+			var alsoBrowsers = '';
+			for ( var key in env )
+			{
+				if ( browsers[ key ] )
+				{
+					if ( env[key] )
+						html += ' CKEditor is compatible with ' + browsers[ key ] + ' or higher.';
+					else
+						alsoBrowsers += browsers[ key ] + '+, ';
+				}
+			}
+			alsoBrowsers = alsoBrowsers.replace( /\+,([^,]+), $/, '+ and $1' );
+			html += ' It is also compatible with ' + alsoBrowsers + '.';
+			html += '</p><p>With non compatible browsers, you should still be able to see and edit the contents (HTML) in a plain text field.</p>';
+			var alertsEl = document.getElementById( 'alerts' );
+			alertsEl && ( alertsEl.innerHTML = html );
+		};
+		var onload = function()
+		{
+			// Show a friendly compatibility message as soon as the page is loaded,
+			// for those browsers that are not compatible with CKEditor.
+			if ( !CKEDITOR.env.isCompatible )
+				showCompatibilityMsg();
+		};
+		// Register the onload listener.
+		if ( window.addEventListener )
+			window.addEventListener( 'load', onload, false );
+		else if ( window.attachEvent )
+			window.attachEvent( 'onload', onload );
+	})();
+}

data/public/javascripts/ckeditor/_samples/sharedspaces.html ADDED Viewed

@@ -0,0 +1,153 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Shared Toolbars &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+	<style id="styles" type="text/css">
+		#editorsForm
+		{
+			height: 400px;
+			overflow: auto;
+			border: solid 1px #555;
+			margin: 10px 0;
+			padding: 0 10px;
+		}
+	</style>
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Shared Toolbars
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure multiple CKEditor instances to share some parts of the interface.
+		You can choose to share the toolbar (<code>topSpace</code>), the elements path
+		(<code>bottomSpace</code>), or both.
+	</p>
+	<p>
+		CKEditor instances with shared spaces can be inserted with a JavaScript call using the following code:
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>sharedSpaces :
+		{
+			top : 'topSpace',
+			bottom : 'bottomSpace'
+		}</strong>
+	});</pre>
+	<p>
+		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+		the <code>&lt;textarea&gt;</code> element to be replaced with CKEditor.
+	</p>
+	</div>
+	<!-- This <div> holds alert messages to be display in the sample page. -->
+	<div id="alerts">
+		<noscript>
+			<p>
+				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
+				support, like yours, you should still see the contents (HTML data) and you should
+				be able to edit it normally, without a rich editor interface.
+			</p>
+		</noscript>
+	</div>
+	<div id="topSpace">
+	</div>
+	<form action="sample_posteddata.php" id="editorsForm" method="post">
+		<p>
+			<label for="editor1">
+				Editor 1 (uses the shared toolbar and elements path):</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+		</p>
+		<p>
+			<label for="editor2">
+				Editor 2 (uses the shared toolbar and elements path):</label>
+			<textarea cols="80" id="editor2" name="editor2" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+		</p>
+		<p>
+			<label for="editor3">
+				Editor 3 (uses the shared toolbar only):</label>
+			<textarea cols="80" id="editor3" name="editor3" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+		</p>
+		<p>
+			<label for="editor4">
+				Editor 4 (no shared spaces):</label>
+			<textarea cols="80" id="editor4" name="editor4" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+		</p>
+		<p>
+			<input type="submit" value="Submit" />
+		</p>
+	</form>
+	<div id="bottomSpace">
+	</div>
+	<div id="footer">
+		<hr />
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+	<script type="text/javascript">
+	//<![CDATA[
+		// Create all editor instances at the end of the page, so we are sure
+		// that the "bottomSpace" div is available in the DOM (IE issue).
+		CKEDITOR.replace( 'editor1',
+			{
+				sharedSpaces :
+				{
+					top : 'topSpace',
+					bottom : 'bottomSpace'
+				},
+				// Removes the maximize plugin as it's not usable
+				// in a shared toolbar.
+				// Removes the resizer as it's not usable in a
+				// shared elements path.
+				removePlugins : 'maximize,resize'
+			} );
+		CKEDITOR.replace( 'editor2',
+			{
+				sharedSpaces :
+				{
+					top : 'topSpace',
+					bottom : 'bottomSpace'
+				},
+				// Removes the maximize plugin as it's not usable
+				// in a shared toolbar.
+				// Removes the resizer as it's not usable in a
+				// shared elements path.
+				removePlugins : 'maximize,resize'
+			} );
+		CKEDITOR.replace( 'editor3',
+			{
+				sharedSpaces :
+				{
+					top : 'topSpace'
+				},
+				// Removes the maximize plugin as it's not usable
+				// in a shared toolbar.
+				removePlugins : 'maximize'
+			} );
+		CKEDITOR.replace( 'editor4' );
+	//]]>
+	</script>
+</body>
+</html>

data/public/javascripts/ckeditor/_samples/skins.html ADDED Viewed

@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Skins &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Skins
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to automatically replace <code>&lt;textarea&gt;</code> elements
+		with a CKEditor instance using a specific <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.skin">skin</a>.
+	</p>
+	<p>
+		CKEditor with a specified skin (in this case, the "Office 2003" skin) is inserted with a JavaScript call using the following code:
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>skin : 'office2003'</strong>
+	});</pre>
+	<p>
+		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+		the <code>&lt;textarea&gt;</code> element to be replaced.
+	</p>
+	</div>
+	<!-- This <div> holds alert messages to be display in the sample page. -->
+	<div id="alerts">
+		<noscript>
+			<p>
+				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
+				support, like yours, you should still see the contents (HTML data) and you should
+				be able to edit it normally, without a rich editor interface.
+			</p>
+		</noscript>
+	</div>
+	<form action="sample_posteddata.php" method="post">
+	<h2 class="samples">&quot;Kama&quot; skin</h2>
+	<p>The default skin used in CKEditor. No additional configuration is required.</p>
+		<p>
+			<textarea cols="80" id="editor_kama" name="editor_kama" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				CKEDITOR.replace( 'editor_kama',
+					{
+						skin : 'kama'
+					});
+			//]]>
+			</script>
+		</p>
+	<h2 class="samples">&quot;Office 2003&quot; skin</h2>
+	<p>Use the following code to configure a CKEditor instance to use the "Office 2003" skin.</p>
+<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>skin : 'office2003'</strong>
+	});</pre>
+		<p>
+			<textarea cols="80" id="editor_office2003" name="editor_office2003" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				CKEDITOR.replace( 'editor_office2003',
+					{
+						skin : 'office2003'
+					});
+			//]]>
+			</script>
+		</p>
+		<h2 class="samples">&quot;V2&quot; skin</h2>
+		<p>Use the following code to configure a CKEditor instance to use the "V2" skin.</p>
+<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>skin : 'v2'</strong>
+	});</pre>
+			<textarea cols="80" id="editor_v2" name="editor_v2" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				CKEDITOR.replace( 'editor_v2',
+					{
+						skin : 'v2'
+					});
+			//]]>
+			</script>
+	</form>
+	<div id="footer">
+		<hr />
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/public/javascripts/ckeditor/_samples/stylesheetparser.html ADDED Viewed

@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Using Stylesheet Parser Plugin &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Using the Stylesheet Parser Plugin
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure CKEditor instances to use the
+		<strong>Stylesheet Parser</strong> (<code>stylesheetparser</code>) plugin that fills
+		the <strong>Styles</strong> drop-down list based on the CSS rules available in the document stylesheet.
+	</p>
+	<p>
+		To add a CKEditor instance using the <code>stylesheetparser</code> plugin, insert
+		the following JavaScript call into your code:
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>extraPlugins : 'stylesheetparser'</strong>
+	});</pre>
+	<p>
+		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+		the <code>&lt;textarea&gt;</code> element to be replaced with CKEditor.
+	</p>
+	</div>
+	<!-- This <div> holds alert messages to be display in the sample page. -->
+	<div id="alerts">
+		<noscript>
+			<p>
+				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
+				support, like yours, you should still see the contents (HTML data) and you should
+				be able to edit it normally, without a rich editor interface.
+			</p>
+		</noscript>
+	</div>
+	<form action="sample_posteddata.php" method="post">
+		<p>
+			<label for="editor1">
+				CKEditor using the <code>stylesheetparser</code> plugin with its default configuration:</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				// This call can be placed at any point after the
+				// <textarea>, or inside a <head><script> in a
+				// window.onload event handler.
+				// Replace the <textarea id="editor"> with an CKEditor
+				// instance, using default configurations.
+				CKEDITOR.replace( 'editor1' ,
+				{
+					extraPlugins : 'stylesheetparser',
+					/*
+					 * Stylesheet for the contents.
+					 */
+					contentsCss : 'assets/parsesample.css',
+					/*
+					 *  Do not load the default Styles configuration.
+					 */
+					stylesSet : []
+				});
+			//]]>
+			</script>
+		</p>
+		<p>
+			<input type="submit" value="Submit" />
+		</p>
+	</form>
+	<div id="footer">
+		<hr />
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/public/javascripts/ckeditor/_samples/tableresize.html ADDED Viewed

@@ -0,0 +1,115 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Using TableResize Plugin &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Using the TableResize Plugin
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure CKEditor instances to use the
+		<strong>TableResize</strong> (<code>tableresize</code>) plugin that allows
+		the user to edit table columns by using the mouse.
+	</p>
+	<p>
+		The TableResize plugin makes it possible to modify table column width. Hover
+		your mouse over the column border to see the cursor change to indicate that
+		the column can be resized. Click and drag your mouse to set the desired width.
+	</p>
+	<p>
+		By default the plugin is turned off. To add a CKEditor instance using the
+		TableResize plugin, insert the following JavaScript call into your code:
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>extraPlugins : 'tableresize'</strong>
+	});</pre>
+	<p>
+		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+		the <code>&lt;textarea&gt;</code> element to be replaced with CKEditor.
+	</p>
+	</div>
+	<!-- This <div> holds alert messages to be display in the sample page. -->
+	<div id="alerts">
+		<noscript>
+			<p>
+				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
+				support, like yours, you should still see the contents (HTML data) and you should
+				be able to edit it normally, without a rich editor interface.
+			</p>
+		</noscript>
+	</div>
+	<form action="sample_posteddata.php" method="post">
+		<p>
+			<label for="editor1">
+				CKEditor using the <code>tableresize</code> plugin:</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">
+&lt;table style="width: 500px;"&gt;
+	&lt;caption&gt;
+		A sample table&lt;/caption&gt;
+	&lt;tbody&gt;
+		&lt;tr&gt;
+			&lt;td&gt;
+				Column 1&lt;/td&gt;
+			&lt;td&gt;
+				Column 2&lt;/td&gt;
+		&lt;/tr&gt;
+		&lt;tr&gt;
+			&lt;td&gt;
+				You can resize a table column.&lt;/td&gt;
+			&lt;td&gt;
+				Hover your mouse over its border.&lt;/td&gt;
+		&lt;/tr&gt;
+		&lt;tr&gt;
+			&lt;td&gt;
+				Watch the cursor change.&lt;/td&gt;
+			&lt;td&gt;
+				Now click and drag to resize.&lt;/td&gt;
+		&lt;/tr&gt;
+	&lt;/tbody&gt;
+&lt;/table&gt;
+			</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				// This call can be placed at any point after the
+				// <textarea>, or inside a <head><script> in a
+				// window.onload event handler.
+				// Replace the <textarea id="editor"> with an CKEditor
+				// instance, using default configurations.
+				CKEDITOR.replace( 'editor1', {
+					extraPlugins : 'tableresize'
+				});
+			//]]>
+			</script>
+		</p>
+		<p>
+			<input type="submit" value="Submit" />
+		</p>
+	</form>
+	<div id="footer">
+		<hr />
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>