renkan: server/php/basic/public_html/static/lib/ckeditor/samples/xhtmlstyle.html@3329b413db18 (annotated)

504 3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	1	<!DOCTYPE html>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	2	<!--
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	3	Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	4	For licensing, see LICENSE.md or http://ckeditor.com/license
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	5	-->
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	6	<html>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	7	<head>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	8	<meta charset="utf-8">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	9	<title>XHTML Compliant Output — CKEditor Sample</title>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	10	<meta name="ckeditor-sample-required-plugins" content="sourcearea">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	11	<script src="../ckeditor.js"></script>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	12	<script src="../samples/sample.js"></script>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	13	<link href="sample.css" rel="stylesheet">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	14	</head>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	15	<body>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	16	<h1 class="samples">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	17	<a href="index.html">CKEditor Samples</a> » Producing XHTML Compliant Output
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	18	</h1>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	19	<div class="description">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	20	<p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	21	This sample shows how to configure CKEditor to output valid
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	22	<a class="samples" href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> code.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	23	Deprecated elements (<code><font></code>, <code><u></code>) or attributes
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	24	(<code>size</code>, <code>face</code>) will be replaced with XHTML compliant code.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	25	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	26	<p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	27	To add a CKEditor instance outputting valid XHTML code, load the editor using a standard
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	28	JavaScript call and define CKEditor features to use the XHTML compliant elements and styles.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	29	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	30	<p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	31	A snippet of the configuration code can be seen below; check the source of this page for
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	32	full definition:
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	33	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	34	<pre class="samples">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	35	CKEDITOR.replace( '<em>textarea_id</em>', {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	36	contentsCss: 'assets/outputxhtml.css',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	37
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	38	coreStyles_bold: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	39	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	40	attributes: { 'class': 'Bold' }
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	41	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	42	coreStyles_italic: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	43	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	44	attributes: { 'class': 'Italic' }
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	45	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	46
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	47	...
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	48	});</pre>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	49	</div>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	50	<form action="sample_posteddata.php" method="post">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	51	<p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	52	<label for="editor1">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	53	Editor 1:
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	54	</label>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	55	<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <span class="Bold">sample text</span>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	56	<script>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	57
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	58	CKEDITOR.replace( 'editor1', {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	59	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	60	* Style sheet for the contents
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	61	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	62	contentsCss: 'assets/outputxhtml/outputxhtml.css',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	63
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	64	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	65	* Special allowed content rules for spans used by
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	66	* font face, size, and color buttons.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	67	*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	68	* Note: all rules have been written separately so
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	69	* it was possible to specify required classes.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	70	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	71	extraAllowedContent: 'span(!FontColor1);span(!FontColor2);span(!FontColor3);' +
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	72	'span(!FontColor1BG);span(!FontColor2BG);span(!FontColor3BG);' +
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	73	'span(!FontComic);span(!FontCourier);span(!FontTimes);' +
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	74	'span(!FontSmaller);span(!FontLarger);span(!FontSmall);span(!FontBig);span(!FontDouble)',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	75
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	76	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	77	* Core styles.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	78	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	79	coreStyles_bold: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	80	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	81	attributes: { 'class': 'Bold' }
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	82	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	83	coreStyles_italic: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	84	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	85	attributes: { 'class': 'Italic' }
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	86	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	87	coreStyles_underline: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	88	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	89	attributes: { 'class': 'Underline' }
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	90	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	91	coreStyles_strike: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	92	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	93	attributes: { 'class': 'StrikeThrough' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	94	overrides: 'strike'
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	95	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	96	coreStyles_subscript: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	97	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	98	attributes: { 'class': 'Subscript' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	99	overrides: 'sub'
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	100	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	101	coreStyles_superscript: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	102	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	103	attributes: { 'class': 'Superscript' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	104	overrides: 'sup'
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	105	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	106
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	107	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	108	* Font face.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	109	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	110
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	111	// List of fonts available in the toolbar combo. Each font definition is
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	112	// separated by a semi-colon (;). We are using class names here, so each font
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	113	// is defined by {Combo Label}/{Class Name}.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	114	font_names: 'Comic Sans MS/FontComic;Courier New/FontCourier;Times New Roman/FontTimes',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	115
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	116	// Define the way font elements will be applied to the document. The "span"
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	117	// element will be used. When a font is selected, the font name defined in the
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	118	// above list is passed to this definition with the name "Font", being it
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	119	// injected in the "class" attribute.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	120	// We must also instruct the editor to replace span elements that are used to
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	121	// set the font (Overrides).
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	122	font_style: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	123	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	124	attributes: { 'class': '#(family)' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	125	overrides: [
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	126	{
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	127	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	128	attributes: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	129	'class': /^Font(?:Comic\|Courier\|Times)$/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	130	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	131	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	132	]
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	133	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	134
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	135	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	136	* Font sizes.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	137	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	138	fontSize_sizes: 'Smaller/FontSmaller;Larger/FontLarger;8pt/FontSmall;14pt/FontBig;Double Size/FontDouble',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	139	fontSize_style: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	140	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	141	attributes: { 'class': '#(size)' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	142	overrides: [
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	143	{
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	144	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	145	attributes: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	146	'class': /^Font(?:Smaller\|Larger\|Small\|Big\|Double)$/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	147	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	148	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	149	]
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	150	} ,
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	151
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	152	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	153	* Font colors.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	154	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	155	colorButton_enableMore: false,
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	156
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	157	colorButton_colors: 'FontColor1/FF9900,FontColor2/0066CC,FontColor3/F00',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	158	colorButton_foreStyle: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	159	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	160	attributes: { 'class': '#(color)' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	161	overrides: [
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	162	{
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	163	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	164	attributes: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	165	'class': /^FontColor(?:1\|2\|3)$/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	166	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	167	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	168	]
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	169	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	170
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	171	colorButton_backStyle: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	172	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	173	attributes: { 'class': '#(color)BG' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	174	overrides: [
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	175	{
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	176	element: 'span',
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	177	attributes: {
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	178	'class': /^FontColor(?:1\|2\|3)BG$/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	179	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	180	}
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	181	]
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	182	},
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	183
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	184	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	185	* Indentation.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	186	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	187	indentClasses: [ 'Indent1', 'Indent2', 'Indent3' ],
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	188
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	189	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	190	* Paragraph justification.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	191	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	192	justifyClasses: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyFull' ],
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	193
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	194	/*
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	195	* Styles combo.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	196	*/
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	197	stylesSet: [
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	198	{ name: 'Strong Emphasis', element: 'strong' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	199	{ name: 'Emphasis', element: 'em' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	200
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	201	{ name: 'Computer Code', element: 'code' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	202	{ name: 'Keyboard Phrase', element: 'kbd' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	203	{ name: 'Sample Text', element: 'samp' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	204	{ name: 'Variable', element: 'var' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	205
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	206	{ name: 'Deleted Text', element: 'del' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	207	{ name: 'Inserted Text', element: 'ins' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	208
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	209	{ name: 'Cited Work', element: 'cite' },
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	210	{ name: 'Inline Quotation', element: 'q' }
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	211	]
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	212	});
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	213
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	214	</script>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	215	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	216	<p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	217	<input type="submit" value="Submit">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	218	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	219	</form>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	220	<div id="footer">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	221	<hr>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	222	<p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	223	CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	224	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	225	<p id="copy">
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	226	Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	227	Knabben. All rights reserved.
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	228	</p>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	229	</div>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	230	</body>
3329b413db18 add the new client libraries server side rougeronj parents: diff changeset	231	</html>

author	rougeronj
	Thu, 18 Jun 2015 16:54:57 +0200
changeset 504	3329b413db18
permissions	-rw-r--r--