57 lines
		
	
	
	
		
			6.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			57 lines
		
	
	
	
		
			6.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| 
								 | 
							
								<!DOCTYPE html>
							 | 
						||
| 
								 | 
							
								<!--
							 | 
						||
| 
								 | 
							
								Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
							 | 
						||
| 
								 | 
							
								For licensing, see LICENSE.md or http://ckeditor.com/license
							 | 
						||
| 
								 | 
							
								-->
							 | 
						||
| 
								 | 
							
								<html>
							 | 
						||
| 
								 | 
							
								<head>
							 | 
						||
| 
								 | 
							
									<meta charset="utf-8">
							 | 
						||
| 
								 | 
							
									<title>Replace Textareas by Class Name — CKEditor Sample</title>
							 | 
						||
| 
								 | 
							
									<script src="../ckeditor.js"></script>
							 | 
						||
| 
								 | 
							
									<link rel="stylesheet" href="sample.css">
							 | 
						||
| 
								 | 
							
								</head>
							 | 
						||
| 
								 | 
							
								<body>
							 | 
						||
| 
								 | 
							
									<h1 class="samples">
							 | 
						||
| 
								 | 
							
										<a href="index.html">CKEditor Samples</a> » Replace Textarea Elements by Class Name
							 | 
						||
| 
								 | 
							
									</h1>
							 | 
						||
| 
								 | 
							
									<div class="description">
							 | 
						||
| 
								 | 
							
										<p>
							 | 
						||
| 
								 | 
							
											This sample shows how to automatically replace all <code><textarea></code> elements
							 | 
						||
| 
								 | 
							
											of a given class with a CKEditor instance.
							 | 
						||
| 
								 | 
							
										</p>
							 | 
						||
| 
								 | 
							
										<p>
							 | 
						||
| 
								 | 
							
											To replace a <code><textarea></code> element, simply assign it the <code>ckeditor</code>
							 | 
						||
| 
								 | 
							
											class, as in the code below:
							 | 
						||
| 
								 | 
							
										</p>
							 | 
						||
| 
								 | 
							
								<pre class="samples">
							 | 
						||
| 
								 | 
							
								<textarea <strong>class="ckeditor</strong>" name="editor1"></textarea>
							 | 
						||
| 
								 | 
							
								</pre>
							 | 
						||
| 
								 | 
							
										<p>
							 | 
						||
| 
								 | 
							
											Note that other <code><textarea></code> attributes (like <code>id</code> or <code>name</code>) need to be adjusted to your document.
							 | 
						||
| 
								 | 
							
										</p>
							 | 
						||
| 
								 | 
							
									</div>
							 | 
						||
| 
								 | 
							
									<form action="sample_posteddata.php" method="post">
							 | 
						||
| 
								 | 
							
										<p>
							 | 
						||
| 
								 | 
							
											<label for="editor1">
							 | 
						||
| 
								 | 
							
												Editor 1:
							 | 
						||
| 
								 | 
							
											</label>
							 | 
						||
| 
								 | 
							
											<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
							 | 
						||
| 
								 | 
							
												<h1><img alt="Saturn V carrying Apollo 11" class="right" src="assets/sample.jpg"/> Apollo 11</h1> <p><b>Apollo 11</b> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p> <p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p> <h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2> <p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p> <blockquote><p>One small step for [a] man, one giant leap for mankind.</p></blockquote> <p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p> <blockquote><p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p></blockquote> <h2>Technical details <a id="tech-details" name="tech-details"></a></h2> <table align="right" border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;margin:10px 0 10px 15px;"> <caption><strong>Mission crew</strong></caption> <thead> <tr> <th scope="col">Position</th> <th scope="col">Astronaut</th> </tr> </thead> <tbody> <tr> <td>Commander</td> <td>Neil A. Armstrong</td> </tr> <tr> <td>Command Module Pilot</td> <td>Michael Collins</td> </tr> <tr> <td>Lunar Module Pilot</td> <td>Edwin &quot;Buzz&quot; E. Aldrin, Jr.</td> </tr> </tbody> </table> <p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p> <ol> <li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li> <li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li> <li><strong>Lunar Module</strong> for landing on the Moon.</
							 | 
						||
| 
								 | 
							
											</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 © 2003-2014, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
							 | 
						||
| 
								 | 
							
											Knabben. All rights reserved.
							 | 
						||
| 
								 | 
							
										</p>
							 | 
						||
| 
								 | 
							
									</div>
							 | 
						||
| 
								 | 
							
								</body>
							 | 
						||
| 
								 | 
							
								</html>
							 |