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/fullpage.html ADDED Viewed

@@ -0,0 +1,82 @@
+<!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>Full Page Editing with Document Properties 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; Full Page Editing with Document Properties Plugin
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure CKEditor to edit entire HTML pages, from the
+		<code>&lt;html&gt;</code> tag to the <code>&lt;/html&gt;</code> tag.
+	</p>
+	<p>
+		The <strong>Document Properties</strong> (<code>docprops</code>) plugin is also turned on.
+		This plugin allows you to set the metadata of the page, including the page encoding, margins,
+		meta tags, or background.
+	</p>
+	<p>
+		The CKEditor instance below is inserted with a JavaScript call using the following code:
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>fullPage : true,
+		extraPlugins : 'docprops'</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">
+			<label for="editor1">
+				CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&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;&lt;/body&gt;&lt;/html&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				CKEDITOR.replace( 'editor1',
+					{
+						fullPage : true,
+						extraPlugins : 'docprops'
+					});
+			//]]>
+			</script>
+		<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/index.html ADDED Viewed

@@ -0,0 +1,116 @@
+<!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>CKEditor Samples</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<link type="text/css" rel="stylesheet" href="sample.css" />
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Samples Site
+	</h1>
+	<h2 class="samples">
+		Basic Samples
+	</h2>
+	<ul class="samples">
+		<li>
+			<a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a><br />
+			Automatic replacement of all textarea elements of a given class with a CKEditor instance.
+		</li>
+		<li><a class="samples" href="replacebycode.html">Replace textarea elements by code</a><br />
+			Replacement of textarea elements with CKEditor instances by using a JavaScript call.
+		</li>
+		<li><a class="samples" href="fullpage.html">Full page support with the Document Properties plugin</a><br />
+			CKEditor inserted with a JavaScript call and used to edit the whole page from <code>&lt;html&gt;</code> to <code>&lt;/html&gt;</code>.
+		</li>
+	</ul>
+	<h2 class="samples">
+		Basic Customization
+	</h2>
+	<ul class="samples">
+		<li><a class="samples" href="skins.html">Skins</a><br />
+			Changing the CKEditor skin by adjusting a single configuration option.
+		</li>
+		<li><a class="samples" href="ui_color.html">User Interface color</a><br />
+			Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.
+		</li>
+		<li><a class="samples" href="ui_languages.html">User Interface languages</a><br />
+			Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.
+		</li>
+	</ul>
+	<h2 class="samples">
+		Advanced Samples
+	</h2>
+	<ul class="samples">
+		<li><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a><br />
+			Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.
+		</li>
+		<li><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a><br />
+			Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.
+		</li>
+		<li><a class="samples" href="api.html">Basic usage of the API</a><br />
+			Using the CKEditor JavaScript API to interact with the editor at runtime.
+		</li>
+		<li><a class="samples" href="api_dialog.html">Using the JavaScript API to customize dialog windows</a><br />
+			Using the dialog windows API to customize dialog windows without changing the original editor code.
+		</li>
+		<li><a class="samples" href="enterkey.html">Using the "Enter" key in CKEditor</a><br />
+			 Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.
+		</li>
+		<li><a class="samples" href="sharedspaces.html">Shared toolbars</a><br />
+			Displaying multiple editor instances that share the toolbar and/or the elements path.
+		</li>
+		<li><a class="samples" href="jqueryadapter.html">jQuery adapter example</a><br />
+			Using the jQuery adapter to configure CKEditor.
+		</li>
+		<li><a class="samples" href="output_xhtml.html">Output XHTML</a><br />
+			Configuring CKEditor to produce XHTML 1.1 compliant code.
+		</li>
+		<li><a class="samples" href="output_html.html">Output HTML</a><br />
+			Configuring CKEditor to produce legacy HTML 4 code.
+		</li>
+		<li><a class="samples" href="output_for_flash.html">Output for Flash</a><br />
+			Configuring CKEditor to produce HTML code that can be used with Adobe Flash.
+		</li>
+		<li><a class="samples" href="readonly.html">Read-only mode</a><br />
+			Using the readOnly API to block introducing changes to the editor contents.
+		</li>
+	</ul>
+	<h2 class="samples">
+		Additional plugins
+	</h2>
+	<ul class="samples">
+		<li><a class="samples" href="autogrow.html">AutoGrow plugin</a><br />
+			Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.
+		</li>
+		<li><a class="samples" href="bbcode.html">Output for BBCode</a><br />
+			Configuring CKEditor to produce BBCode tags instead of HTML.
+		</li>
+		<li><a class="samples" href="stylesheetparser.html">Stylesheet Parser plugin</a><br />
+			Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.
+		</li>
+		<li><a class="samples" href="devtools.html">Developer Tools plugin</a><br />
+			Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization.
+		</li>
+		<li><a class="samples" href="placeholder.html">Placeholder plugin</a><br />
+			Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.
+		</li>
+		<li><a class="samples" href="tableresize.html">TableResize plugin</a><br />
+			Using the TableResize plugin to enable table column resizing.
+		</li>
+	</ul>
+	<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/jqueryadapter.html ADDED Viewed

@@ -0,0 +1,99 @@
+<!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>jQuery Adapter &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script type="text/javascript" src="../adapters/jquery.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript">
+	//<![CDATA[
+$(function()
+{
+	var config = {
+		toolbar:
+		[
+			['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
+			['UIColor']
+		]
+	};
+	// Initialize the editor.
+	// Callback function can be passed and executed after full instance creation.
+	$('.jquery_ckeditor').ckeditor(config);
+});
+	//]]>
+	</script>
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Using jQuery Adapter
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to load CKEditor and configure it using the
+		<a class="samples" href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter">jQuery adapter</a>.
+		In this case the jQuery adapter is responsible for transforming a <code>&lt;textarea&gt;</code>
+		element into a CKEditor instance and setting the configuration of the toolbar.
+	</p>
+	<p>
+		CKEditor instance with custom configuration set in jQuery can be inserted with the
+		following JavaScript code:
+	</p>
+	<pre class="samples">$(function()
+{
+	var config = {
+		skin:'v2'
+	};
+	$('.<em>textarea_class</em>').ckeditor(config);
+});</pre>
+	<p>
+	Note that <code><em>textarea_class</em></code> in the code above is the
+	<code>class</code> attribute of the <code>&lt;textarea&gt;</code> element to be replaced with
+	CKEditor. Any other jQuery selector can be used to match the target element.
+	</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>
+	<!-- This <fieldset> holds the HTML that you will usually find in your
+	     pages. -->
+	<form action="sample_posteddata.php" method="post">
+	<p>
+		<label for="editor1">
+			Editor 1:</label>
+		<textarea class="jquery_ckeditor" 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>
+		<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/output_for_flash.html ADDED Viewed

@@ -0,0 +1,275 @@
+<!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>Output for Flash &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" />
+	<script type="text/javascript" src="assets/swfobject.js"></script>
+	<script type="text/javascript">
+function sendToFlash()
+{
+	var html = CKEDITOR.instances.editor1.getData() ;
+	var flash = document.getElementById( 'ckFlash' ) ;
+	flash.setData( html ) ;
+}
+function init()
+{
+	var so = new SWFObject("assets/output_for_flash.swf", "ckFlash", "550", "400", "8", "#ffffff") ;
+	so.addParam("wmode", "transparent");
+	so.write("ckFlashContainer") ;
+}
+	</script>
+	</head>
+<body onload="init()">
+	<h1 class="samples">
+		CKEditor Sample &mdash; Producing Flash Compliant HTML Output
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure CKEditor to output
+		HTML code that can be used with
+		<a class="samples" href="http://www.adobe.com/livedocs/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=00000922.html">
+		Adobe Flash</a>.
+		The code will contain a subset of standard HTML elements like <code>&lt;b&gt;</code>,
+		<code>&lt;i&gt;</code>, and <code>&lt;p&gt;</code> as well as HTML attributes.
+	</p>
+	<p>
+		To add a CKEditor instance outputting Flash compliant HTML code, load the editor using a standard
+		JavaScript call, and define CKEditor features to use HTML elements and attributes.
+	</p>
+	<p>
+		For details on how to create this setup check the source code of this sample page.
+	</p>
+	</div>
+	<p>
+		To see how it works, create some content in the editing area of CKEditor on the left
+		and send it to the Flash object on the right side of the page by using the
+		<strong>Send to Flash</strong> button.
+	</p>
+	<!-- 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>
+	<hr />
+	<table width="100%" cellpadding="0" cellspacing="0">
+		<tr>
+			<td style="width: 100%">
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;b&gt;sample text&lt;/b&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				if ( document.location.protocol == 'file:' )
+					alert( 'Warning: This samples does not work when loaded from local filesystem due to security restrictions implemented in Flash.' +
+									'\n\nPlease load the sample from a web server instead.') ;
+				CKEDITOR.replace( 'editor1',
+					{
+						height : 300,
+						width : '100%',
+						toolbar : [
+								['Source','-','Bold','Italic','Underline','-','BulletedList','-','Link','Unlink'],
+								['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
+								'/',
+								['Font','FontSize'],
+								['TextColor','-','About']
+							],
+						/*
+						 * Style sheet for the contents
+						 */
+						contentsCss : 'body {color:#000; background-color#FFF; font-family: Arial; font-size:80%;} p, ol, ul {margin-top: 0px; margin-bottom: 0px;}',
+						/*
+						 * Quirks doctype
+						 */
+						docType : '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">',
+						/*
+						 * Core styles.
+						 */
+						coreStyles_bold	: { element : 'b' },
+						coreStyles_italic	: { element : 'i' },
+						coreStyles_underline	: { element : 'u'},
+						/*
+						 * Font face
+						 */
+						// Define the way font elements will be applied to the document. The "font"
+						// element will be used.
+						font_style :
+						{
+								element		: 'font',
+								attributes		: { 'face' : '#(family)' }
+						},
+						/*
+						 * Font sizes.
+						 * The CSS part of the font sizes isn't used by Flash, it is there to get the
+						 * font rendered correctly in CKEditor.
+						 */
+						fontSize_sizes : '8px/8;9px/9;10px/10;11px/11;12px/12;14px/14;16px/16;18px/18;20px/20;22px/22;24px/24;26px/26;28px/28;36px/36;48px/48;72px/72',
+						fontSize_style :
+							{
+								element		: 'font',
+								attributes	: { 'size' : '#(size)' },
+								styles		: { 'font-size' : '#(size)px' }
+							} ,
+						/*
+						 * Font colors.
+						 */
+						colorButton_enableMore : true,
+						colorButton_foreStyle :
+							{
+								element : 'font',
+								attributes : { 'color' : '#(color)' }
+							},
+						colorButton_backStyle :
+							{
+								element : 'font',
+								styles	: { 'background-color' : '#(color)' }
+							},
+						on : { 'instanceReady' : configureFlashOutput }
+					});
+/*
+ * Adjust the behavior of the dataProcessor to match the
+ * requirements of Flash
+ */
+function configureFlashOutput( ev )
+{
+	var editor = ev.editor,
+		dataProcessor = editor.dataProcessor,
+		htmlFilter = dataProcessor && dataProcessor.htmlFilter;
+	// Out self closing tags the HTML4 way, like <br>.
+	dataProcessor.writer.selfClosingEnd = '>';
+	// Make output formatting match Flash expectations
+	var dtd = CKEDITOR.dtd;
+	for ( var e in CKEDITOR.tools.extend( {}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent ) )
+	{
+		dataProcessor.writer.setRules( e,
+			{
+				indent : false,
+				breakBeforeOpen : false,
+				breakAfterOpen : false,
+				breakBeforeClose : false,
+				breakAfterClose : false
+			});
+	}
+	dataProcessor.writer.setRules( 'br',
+		{
+			indent : false,
+			breakBeforeOpen : false,
+			breakAfterOpen : false,
+			breakBeforeClose : false,
+			breakAfterClose : false
+		});
+	// Output properties as attributes, not styles.
+	htmlFilter.addRules(
+		{
+			elements :
+			{
+				$ : function( element )
+				{
+					var style, match, width, height, align;
+					// Output dimensions of images as width and height
+					if ( element.name == 'img' )
+					{
+						style = element.attributes.style;
+						if ( style )
+						{
+							// Get the width from the style.
+							match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec( style );
+							width = match && match[1];
+							// Get the height from the style.
+							match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec( style );
+							height = match && match[1];
+							if ( width )
+							{
+								element.attributes.style = element.attributes.style.replace( /(?:^|\s)width\s*:\s*(\d+)px;?/i , '' );
+								element.attributes.width = width;
+							}
+							if ( height )
+							{
+								element.attributes.style = element.attributes.style.replace( /(?:^|\s)height\s*:\s*(\d+)px;?/i , '' );
+								element.attributes.height = height;
+							}
+						}
+					}
+					// Output alignment of paragraphs using align
+					if ( element.name == 'p' )
+					{
+						style = element.attributes.style;
+						if ( style )
+						{
+							// Get the align from the style.
+							match = /(?:^|\s)text-align\s*:\s*(\w*);?/i.exec( style );
+							align = match && match[1];
+							if ( align )
+							{
+								element.attributes.style = element.attributes.style.replace( /(?:^|\s)text-align\s*:\s*(\w*);?/i , '' );
+								element.attributes.align = align;
+							}
+						}
+					}
+					if ( element.attributes.style === '' )
+						delete element.attributes.style;
+					return element;
+				}
+			}
+		} );
+}
+			//]]>
+			</script>
+				<input type="button" value="Send to Flash" onclick="sendToFlash();" />
+			</td>
+			<td valign="top" style="padding-left: 15px" id="ckFlashContainer">
+			</td>
+		</tr>
+	</table>
+	<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>