RubyGems - frontendeditor_ckeditor - Versions diffs - 0.0.1 - Mend

frontendeditor_ckeditor 0.0.1

Files changed (430) hide show

data/vendor/assets/javascripts/ckeditor/samples/assets/posteddata.php ADDED Viewed

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<?php
+/*
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+?>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Sample &mdash; CKEditor</title>
+	<link rel="stylesheet" href="sample.css">
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor &mdash; Posted Data
+	</h1>
+	<table border="1" cellspacing="0" id="outputSample">
+		<colgroup><col width="120"></colgroup>
+		<thead>
+			<tr>
+				<th>Field&nbsp;Name</th>
+				<th>Value</th>
+			</tr>
+		</thead>
+<?php
+if ( isset( $_POST ) )
+	$postArray = &$_POST ;			// 4.1.0 or later, use $_POST
+else
+	$postArray = &$HTTP_POST_VARS ;	// prior to 4.1.0, use HTTP_POST_VARS
+foreach ( $postArray as $sForm => $value )
+{
+	if ( get_magic_quotes_gpc() )
+		$postedValue = htmlspecialchars( stripslashes( $value ) ) ;
+	else
+		$postedValue = htmlspecialchars( $value ) ;
+?>
+		<tr>
+			<th style="vertical-align: top"><?php echo $sForm?></th>
+			<td><pre class="samples"><?php echo $postedValue?></pre></td>
+		</tr>
+	<?php
+}
+?>
+	</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-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/vendor/assets/javascripts/ckeditor/samples/assets/sample.css ADDED Viewed

@@ -0,0 +1,3 @@
+/**
+ * Required by tests (dom/document.html).
+ */

data/vendor/assets/javascripts/ckeditor/samples/assets/stylesheetparser/sample.css ADDED Viewed

@@ -0,0 +1,70 @@
+body
+{
+	font-family: Arial, Verdana, sans-serif;
+	font-size: 12px;
+	color: #222;
+	background-color: #fff;
+}
+/* preserved spaces for rtl list item bullets. (#6249)*/
+ol,ul,dl
+{
+	padding-right:40px;
+}
+h1,h2,h3,h4
+{
+	font-family: Georgia, Times, serif;
+}
+h1.lightBlue
+{
+	color: #00A6C7;
+	font-size: 1.8em;
+	font-weight:normal;
+}
+h3.green
+{
+	color: #739E39;
+	font-weight:normal;
+}
+span.markYellow { background-color: yellow; }
+span.markGreen { background-color: lime; }
+img.left
+{
+	padding: 5px;
+	margin-right: 5px;
+	float:left;
+	border:2px solid #DDD;
+}
+img.right
+{
+	padding: 5px;
+	margin-right: 5px;
+	float:right;
+	border:2px solid #DDD;
+}
+a.green
+{
+	color:#739E39;
+}
+table.grey
+{
+	background-color : #F5F5F5;
+}
+table.grey th
+{
+	background-color : #DDD;
+}
+ul.square
+{
+	list-style-type : square;
+}

data/vendor/assets/javascripts/ckeditor/samples/autogrow.html ADDED Viewed

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<title>AutoGrow Plugin &mdash; CKEditor Sample</title>
+	<meta charset="utf-8">
+	<script src="../ckeditor.js"></script>
+	<link rel="stylesheet" href="sample.css">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="index.html">CKEditor Samples</a> &raquo; Using AutoGrow Plugin
+	</h1>
+	<div class="description">
+		<p>
+			This sample shows how to configure CKEditor instances to use the
+			<strong>AutoGrow</strong> (<code>autogrow</code>) plugin that lets the editor window expand
+			and shrink depending on the amount and size of content entered in the editing area.
+		</p>
+		<p>
+			In its default implementation the <strong>AutoGrow feature</strong> can expand the
+			CKEditor window infinitely in order to avoid introducing scrollbars to the editing area.
+		</p>
+		<p>
+			It is also possible to set a maximum height for the editor window. Once CKEditor
+			editing area reaches the value in pixels specified in the
+			<code><a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.autoGrow_maxHeight">autoGrow_maxHeight</a></code>
+			configuration setting, scrollbars will be added and the editor window will no longer expand.
+		</p>
+		<p>
+			To add a CKEditor instance using the <code>autogrow</code> plugin and its
+			<code>autoGrow_maxHeight</code> attribute, insert the following JavaScript call to your code:
+		</p>
+<pre class="samples">
+CKEDITOR.replace( '<em>textarea_id</em>', {
+	<strong>extraPlugins: 'autogrow',</strong>
+	autoGrow_maxHeight: 800,
+	// Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin.
+	removePlugins: 'resize'
+});</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. The maximum height should
+			be given in pixels.
+		</p>
+	</div>
+	<form action="sample_posteddata.php" method="post">
+		<p>
+			<label for="editor1">
+				CKEditor using the <code>autogrow</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>
+				CKEDITOR.replace( 'editor1', {
+					extraPlugins: 'autogrow',
+					removePlugins: 'resize'
+				});
+			</script>
+		</p>
+		<p>
+			<label for="editor2">
+				CKEditor using the <code>autogrow</code> plugin with maximum height set to 400 pixels:
+			</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>
+			<script>
+				CKEDITOR.replace( 'editor2', {
+					extraPlugins: 'autogrow',
+					autoGrow_maxHeight: 400,
+					removePlugins: 'resize'
+				});
+			</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-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/vendor/assets/javascripts/ckeditor/samples/bbcode.html ADDED Viewed

@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<title>BBCode Plugin &mdash; CKEditor Sample</title>
+	<meta charset="utf-8">
+	<script src="../ckeditor.js"></script>
+	<link rel="stylesheet" href="sample.css">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="index.html">CKEditor Samples</a> &raquo; BBCode Plugin
+	</h1>
+	<div class="description">
+		<p>
+			This sample shows how to configure CKEditor to output <a href="http://en.wikipedia.org/wiki/BBCode">BBCode</a> format instead of HTML.
+			Please note that the editor configuration was modified to reflect what is needed in a BBCode editing environment.
+			Smiley images, for example, were stripped to the emoticons that are commonly used in some BBCode dialects.
+		</p>
+		<p>
+			Please note that currently there is no standard for the BBCode markup language, so its implementation
+			for different platforms (message boards, blogs etc.) can vary. This means that before using CKEditor to
+			output BBCode you may need to adjust the implementation to your own environment.
+		</p>
+		<p>
+			A snippet of the configuration code can be seen below; check the source of this page for
+			a full definition:
+		</p>
+		<pre class="samples">
+CKEDITOR.replace( 'editor1', {
+	<strong>extraPlugins: 'bbcode',</strong>
+	toolbar: [
+		[ 'Source', '-', 'Save', 'NewPage', '-', 'Undo', 'Redo' ],
+		[ 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat' ],
+		[ 'Link', 'Unlink', 'Image' ],
+		'/',
+		[ 'FontSize', 'Bold', 'Italic', 'Underline' ],
+		[ 'NumberedList', 'BulletedList', '-', 'Blockquote' ],
+		[ 'TextColor', '-', 'Smiley', 'SpecialChar', '-', 'Maximize' ]
+	],
+	... <i>some other configurations omitted here</i>
+});	</pre>
+	</div>
+	<form action="sample_posteddata.php" method="post">
+		<p>
+			<label for="editor1">
+				Editor 1:
+			</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">This is some [b]sample text[/b]. You are using [url=http://ckeditor.com/]CKEditor[/url].</textarea>
+			<script>
+				// Replace the <textarea id="editor"> with an CKEditor
+				// instance, using the "bbcode" plugin, shaping some of the
+				// editor configuration to fit BBCode environment.
+				CKEDITOR.replace( 'editor1', {
+					extraPlugins: 'bbcode',
+					// Remove unused plugins.
+					removePlugins: 'bidi,button,dialogadvtab,div,filebrowser,flash,format,forms,horizontalrule,iframe,indent,justify,liststyle,pagebreak,showborders,stylescombo,table,tabletools,templates',
+					// Width and height are not supported in the BBCode format, so object resizing is disabled.
+					disableObjectResizing: true,
+					// Define font sizes in percent values.
+					fontSize_sizes: "30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%",
+					toolbar: [
+						[ 'Source', '-', 'Save', 'NewPage', '-', 'Undo', 'Redo' ],
+						[ 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat' ],
+						[ 'Link', 'Unlink', 'Image', 'Smiley', 'SpecialChar' ],
+						'/',
+						[ 'Bold', 'Italic', 'Underline' ],
+						[ 'FontSize' ],
+						[ 'TextColor' ],
+						[ 'NumberedList', 'BulletedList', '-', 'Blockquote' ],
+						[ 'Maximize' ]
+					],
+					// Strip CKEditor smileys to those commonly used in BBCode.
+					smiley_images: [
+						'regular_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'teeth_smile.gif', 'tounge_smile.gif',
+						'embaressed_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angel_smile.gif', 'shades_smile.gif',
+						'cry_smile.gif', 'kiss.gif'
+					],
+					smiley_descriptions: [
+						'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
+						'indecision', 'angel', 'cool', 'crying', 'kiss'
+					]
+				});
+			</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-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/vendor/assets/javascripts/ckeditor/samples/devtools.html ADDED Viewed

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<title>Using DevTools Plugin &mdash; CKEditor Sample</title>
+	<meta charset="utf-8">
+	<script src="../ckeditor.js"></script>
+	<link rel="stylesheet" href="sample.css">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="index.html">CKEditor Samples</a> &raquo; Using the Developer Tools Plugin
+	</h1>
+	<div class="description">
+		<p>
+			This sample shows how to configure CKEditor instances to use the
+			<strong>Developer Tools</strong> (<code>devtools</code>) plugin that displays
+			information about dialog window elements, including the name of the dialog window,
+			tab, and UI element. Please note that the tooltip also contains a link to the
+			<a href="http://docs.cksource.com/ckeditor_api/">CKEditor JavaScript API</a>
+			documentation for each of the selected elements.
+		</p>
+		<p>
+			This plugin is aimed at developers who would like to customize their CKEditor
+			instances and create their own plugins. By default it is turned off; it is
+			usually useful to only turn it on in the development phase. Note that it works with
+			all CKEditor dialog windows, including the ones that were created by custom plugins.
+		</p>
+		<p>
+			To add a CKEditor instance using the <strong>devtools</strong> plugin, insert
+			the following JavaScript call into your code:
+		</p>
+<pre class="samples">
+CKEDITOR.replace( '<em>textarea_id</em>', {
+	<strong>extraPlugins: 'devtools'</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>
+	<form action="sample_posteddata.php" method="post">
+		<p>
+			<label for="editor1">
+				Editor 1:
+			</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>
+				// 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 : 'devtools'
+				});
+			</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-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/vendor/assets/javascripts/ckeditor/samples/divarea.html ADDED Viewed

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<title>Replace Textarea with a "DIV-based" editor &mdash; CKEditor Sample</title>
+	<meta charset="utf-8">
+	<script src="../ckeditor.js"></script>
+	<link href="sample.css" rel="stylesheet">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="index.html">CKEditor Samples</a> &raquo; Replace Textarea with a "DIV-based" editor
+	</h1>
+	<form action="sample_posteddata.php" method="post">
+		<div class="description">
+			<p>
+				This editor is using a <code>&lt;div&gt;</code> element-based editing area, provided by the <strong>Divarea</strong> plugin.
+			</p>
+<pre class="samples">
+CKEDITOR.replace( '<em>textarea_id</em>', {
+	extraPlugins : 'divarea'
+});</pre>
+		</div>
+		<textarea cols="80" id="editor1" name="editor1" rows="10">
+			&lt;h1&gt;
+				&lt;img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" style="margin-left: 10px; margin-right: 10px; float: left; width: 120px; height: 168px;" /&gt;Little Red Riding Hood&lt;/h1&gt;
+			&lt;p&gt;
+				&quot;&lt;b&gt;Little Red Riding Hood&lt;/b&gt;&quot; is a famous &lt;a href="http://en.wikipedia.org/wiki/Fairy_tale" title="Fairy tale"&gt;fairy tale&lt;/a&gt; about a young girl&#39;s encounter with a wolf. The story has been changed considerably in its history and subject to numerous modern adaptations and readings.&lt;/p&gt;
+			&lt;table align="right" cellpadding="1" cellspacing="1" style="width: 200px;"&gt;
+				&lt;caption&gt;
+					&lt;strong&gt;International Names&lt;/strong&gt;&lt;/caption&gt;
+				&lt;tbody&gt;
+					&lt;tr&gt;
+						&lt;td&gt;
+							Chinese&lt;/td&gt;
+						&lt;td&gt;
+							&lt;i&gt;小紅帽&lt;/i&gt;&lt;/td&gt;
+					&lt;/tr&gt;
+					&lt;tr&gt;
+						&lt;td&gt;
+							Italian&lt;/td&gt;
+						&lt;td&gt;
+							&lt;i&gt;Cappuccetto Rosso&lt;/i&gt;&lt;/td&gt;
+					&lt;/tr&gt;
+					&lt;tr&gt;
+						&lt;td&gt;
+							Spanish&lt;/td&gt;
+						&lt;td&gt;
+							&lt;i&gt;Caperucita Roja&lt;/i&gt;&lt;/td&gt;
+					&lt;/tr&gt;
+				&lt;/tbody&gt;
+			&lt;/table&gt;
+			&lt;p&gt;
+				The version most widely known today is based on the &lt;a href="http://en.wikipedia.org/wiki/Brothers_Grimm" title="Brothers Grimm"&gt;Brothers Grimm&lt;/a&gt; variant. It is about a girl called Little Red Riding Hood, after the red &lt;a href="http://en.wikipedia.org/wiki/Hood_%28headgear%29" title="Hood (headgear)"&gt;hooded&lt;/a&gt; &lt;a href="http://en.wikipedia.org/wiki/Cape" title="Cape"&gt;cape&lt;/a&gt; or &lt;a href="http://en.wikipedia.org/wiki/Cloak" title="Cloak"&gt;cloak&lt;/a&gt; she wears. The girl walks through the woods to deliver food to her sick grandmother.&lt;/p&gt;
+			&lt;p&gt;
+				A wolf wants to eat the girl but is afraid to do so in public. He approaches the girl, and she na&iuml;vely tells him where she is going. He suggests the girl pick some flowers, which she does. In the meantime, he goes to the grandmother&#39;s house and gains entry by pretending to be the girl. He swallows the grandmother whole, and waits for the girl, disguised as the grandmother.&lt;/p&gt;
+			&lt;p&gt;
+				When the girl arrives, she notices he looks very strange to be her grandma. In most retellings, this eventually culminates with Little Red Riding Hood saying, &quot;My, what big teeth you have!&quot;&lt;br /&gt;
+				To which the wolf replies, &quot;The better to eat you with,&quot; and swallows her whole, too.&lt;/p&gt;
+			&lt;p&gt;
+				A &lt;a href="http://en.wikipedia.org/wiki/Hunter" title="Hunter"&gt;hunter&lt;/a&gt;, however, comes to the rescue and cuts the wolf open. Little Red Riding Hood and her grandmother emerge unharmed. They fill the wolf&#39;s body with heavy stones, which drown him when he falls into a well. Other versions of the story have had the grandmother shut in the closet instead of eaten, and some have Little Red Riding Hood saved by the hunter as the wolf advances on her rather than after she is eaten.&lt;/p&gt;
+			&lt;p&gt;
+				The tale makes the clearest contrast between the safe world of the village and the dangers of the &lt;a href="http://en.wikipedia.org/wiki/Enchanted_forest" title="Enchanted forest"&gt;forest&lt;/a&gt;, conventional antitheses that are essentially medieval, though no written versions are as old as that.&lt;/p&gt;
+		</textarea>
+		<script>
+			// 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 : 'divarea'
+			});
+		</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-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>