RubyGems - ckeditor - Versions diffs - 3.6.2 → 3.6.3 - Mend

ckeditor 3.6.2 → 3.6.3

Files changed (713) hide show

data/test/tmp/public/javascripts/ckeditor/_samples/output_html.html DELETED

@@ -1,285 +0,0 @@
-<!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>HTML Compliant Output &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; Producing HTML Compliant Output
-	</h1>
-	<div class="description">
-	<p>
-		This sample shows how to configure CKEditor to output valid
-		<a class="samples" href="http://www.w3.org/TR/html401/">HTML 4.01</a> code.
-		Traditional HTML elements like <code>&lt;b&gt;</code>,
-		<code>&lt;i&gt;</code>, and <code>&lt;font&gt;</code> are used in place of
-		<code>&lt;strong&gt;</code>, <code>&lt;em&gt;</code>, and CSS styles.
-	</p>
-	<p>
-		To add a CKEditor instance outputting legacy HTML 4.01 code, load the editor using a standard
-		JavaScript call, and define CKEditor features to use the HTML compliant elements and attributes.
-	</p>
-	<p>
-		A snippet of the configuration code can be seen below; check the source of this page for
-		full definition:
-	</p>
-	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
-	{
-		coreStyles_bold	: { element : 'b' },
-		coreStyles_italic : { element : 'i' },
-		fontSize_style :
-			{
-				element		: 'font',
-				attributes	: { 'size' : '#(size)' }
-			}
-		// More definitions follow.
-	});</pre>
-	</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">
-				Editor 1:</label>
-			<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[
-				CKEDITOR.replace( 'editor1',
-					{
-						/*
-						 * Style sheet for the contents
-						 */
-						contentsCss : 'body {color:#000; background-color#:FFF;}',
-						/*
-						 * Simple HTML5 doctype
-						 */
-						docType : '<!DOCTYPE HTML>',
-						/*
-						 * Core styles.
-						 */
-						coreStyles_bold	: { element : 'b' },
-						coreStyles_italic	: { element : 'i' },
-						coreStyles_underline	: { element : 'u'},
-						coreStyles_strike	: { element : 'strike' },
-						/*
-						 * 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.
-						 */
-						fontSize_sizes : 'xx-small/1;x-small/2;small/3;medium/4;large/5;x-large/6;xx-large/7',
-						fontSize_style :
-							{
-								element		: 'font',
-								attributes	: { 'size' : '#(size)' }
-							} ,
-						/*
-						 * Font colors.
-						 */
-						colorButton_enableMore : true,
-						colorButton_foreStyle :
-							{
-								element : 'font',
-								attributes : { 'color' : '#(color)' }
-							},
-						colorButton_backStyle :
-							{
-								element : 'font',
-								styles	: { 'background-color' : '#(color)' }
-							},
-						/*
-						 * Styles combo.
-						 */
-						stylesSet :
-								[
-									{ name : 'Computer Code', element : 'code' },
-									{ name : 'Keyboard Phrase', element : 'kbd' },
-									{ name : 'Sample Text', element : 'samp' },
-									{ name : 'Variable', element : 'var' },
-									{ name : 'Deleted Text', element : 'del' },
-									{ name : 'Inserted Text', element : 'ins' },
-									{ name : 'Cited Work', element : 'cite' },
-									{ name : 'Inline Quotation', element : 'q' }
-								],
-						on : { 'instanceReady' : configureHtmlOutput }
-					});
-/*
- * Adjust the behavior of the dataProcessor to avoid styles
- * and make it look like FCKeditor HTML output.
- */
-function configureHtmlOutput( 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 behave similar to FCKeditor
-	var dtd = CKEDITOR.dtd;
-	for ( var e in CKEDITOR.tools.extend( {}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent ) )
-	{
-		dataProcessor.writer.setRules( e,
-			{
-				indent : true,
-				breakBeforeOpen : true,
-				breakAfterOpen : false,
-				breakBeforeClose : !dtd[ e ][ '#' ],
-				breakAfterClose : true
-			});
-	}
-	// Output properties as attributes, not styles.
-	htmlFilter.addRules(
-		{
-			elements :
-			{
-				$ : function( element )
-				{
-					// Output dimensions of images as width and height
-					if ( element.name == 'img' )
-					{
-						var style = element.attributes.style;
-						if ( style )
-						{
-							// Get the width from the style.
-							var 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 );
-							var 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 );
-							var 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;
-				}
-			},
-			attributes :
-				{
-					style : function( value, element )
-					{
-						// Return #RGB for background and border colors
-						return convertRGBToHex( value );
-					}
-				}
-		} );
-}
-/**
-* Convert a CSS rgb(R, G, B) color back to #RRGGBB format.
-* @param Css style string (can include more than one color
-* @return Converted css style.
-*/
-function convertRGBToHex( cssStyle )
-{
-	return cssStyle.replace( /(?:rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\))/gi, function( match, red, green, blue )
-		{
-			red = parseInt( red, 10 ).toString( 16 );
-			green = parseInt( green, 10 ).toString( 16 );
-			blue = parseInt( blue, 10 ).toString( 16 );
-			var color = [red, green, blue] ;
-			// Add padding zeros if the hex value is less than 0x10.
-			for ( var i = 0 ; i < color.length ; i++ )
-				color[i] = String( '0' + color[i] ).slice( -2 ) ;
-			return '#' + color.join( '' ) ;
-		 });
-}
-			//]]>
-			</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/test/tmp/public/javascripts/ckeditor/_samples/output_xhtml.html DELETED

@@ -1,177 +0,0 @@
-<!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>XHTML Compliant Output &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; Producing XHTML Compliant Output
-	</h1>
-	<div class="description">
-	<p>
-		This sample shows how to configure CKEditor to output valid
-		<a class="samples" href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> code.
-		Deprecated elements (<code>&lt;font&gt;</code>, <code>&lt;u&gt;</code>) or attributes
-		(<code>size</code>, <code>face</code>) will be replaced with XHTML compliant code.
-	</p>
-	<p>
-		To add a CKEditor instance outputting valid XHTML code, load the editor using a standard
-		JavaScript call and define CKEditor features to use the XHTML compliant elements and styles.
-	</p>
-	<p>
-		A snippet of the configuration code can be seen below; check the source of this page for
-		full definition:
-	</p>
-	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
-	{
-		contentsCss : 'assets/output_xhtml.css',
-		coreStyles_bold	: { element : 'span', attributes : {'class': 'Bold'} },
-		coreStyles_italic : { element : 'span', attributes : {'class': 'Italic'} },
-		// More definitions follow.
-	});</pre>
-	</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">
-				Editor 1:</label>
-			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;span class="Bold"&gt;sample text&lt;/span&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( 'editor1',
-					{
-						/*
-						 * Style sheet for the contents
-						 */
-						contentsCss : 'assets/output_xhtml.css',
-						/*
-						 * Core styles.
-						 */
-						coreStyles_bold	: { element : 'span', attributes : {'class': 'Bold'} },
-						coreStyles_italic	: { element : 'span', attributes : {'class': 'Italic'}},
-						coreStyles_underline	: { element : 'span', attributes : {'class': 'Underline'}},
-						coreStyles_strike	: { element : 'span', attributes : {'class': 'StrikeThrough'}, overrides : 'strike' },
-						coreStyles_subscript : { element : 'span', attributes : {'class': 'Subscript'}, overrides : 'sub' },
-						coreStyles_superscript : { element : 'span', attributes : {'class': 'Superscript'}, overrides : 'sup' },
-						/*
-						 * Font face
-						 */
-						// List of fonts available in the toolbar combo. Each font definition is
-						// separated by a semi-colon (;). We are using class names here, so each font
-						// is defined by {Combo Label}/{Class Name}.
-						font_names : 'Comic Sans MS/FontComic;Courier New/FontCourier;Times New Roman/FontTimes',
-						// Define the way font elements will be applied to the document. The "span"
-						// element will be used. When a font is selected, the font name defined in the
-						// above list is passed to this definition with the name "Font", being it
-						// injected in the "class" attribute.
-						// We must also instruct the editor to replace span elements that are used to
-						// set the font (Overrides).
-						font_style :
-						{
-								element		: 'span',
-								attributes		: { 'class' : '#(family)' }
-						},
-						/*
-						 * Font sizes.
-						 */
-						fontSize_sizes : 'Smaller/FontSmaller;Larger/FontLarger;8pt/FontSmall;14pt/FontBig;Double Size/FontDouble',
-						fontSize_style :
-							{
-								element		: 'span',
-								attributes	: { 'class' : '#(size)' }
-							} ,
-						/*
-						 * Font colors.
-						 */
-						colorButton_enableMore : false,
-						colorButton_colors : 'FontColor1/FF9900,FontColor2/0066CC,FontColor3/F00',
-						colorButton_foreStyle :
-							{
-								element : 'span',
-								attributes : { 'class' : '#(color)' }
-							},
-						colorButton_backStyle :
-							{
-								element : 'span',
-								attributes : { 'class' : '#(color)BG' }
-							},
-						/*
-						 * Indentation.
-						 */
-						indentClasses : ['Indent1', 'Indent2', 'Indent3'],
-						/*
-						 * Paragraph justification.
-						 */
-						justifyClasses : [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyFull' ],
-						/*
-						 * Styles combo.
-						 */
-						stylesSet :
-								[
-									{ name : 'Strong Emphasis', element : 'strong' },
-									{ name : 'Emphasis', element : 'em' },
-									{ name : 'Computer Code', element : 'code' },
-									{ name : 'Keyboard Phrase', element : 'kbd' },
-									{ name : 'Sample Text', element : 'samp' },
-									{ name : 'Variable', element : 'var' },
-									{ name : 'Deleted Text', element : 'del' },
-									{ name : 'Inserted Text', element : 'ins' },
-									{ name : 'Cited Work', element : 'cite' },
-									{ name : 'Inline Quotation', element : 'q' }
-								]
-					});
-			//]]>
-			</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>