Mercurial > hg > rr-repo
annotate sites/all/libraries/ckeditor/_samples/replacebyclass.html @ 0:ff03f76ab3fe
initial version
author | danieleb <danielebarchiesi@me.com> |
---|---|
date | Wed, 21 Aug 2013 18:51:11 +0100 |
parents | |
children |
rev | line source |
---|---|
danielebarchiesi@0 | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
danielebarchiesi@0 | 2 <!-- |
danielebarchiesi@0 | 3 Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved. |
danielebarchiesi@0 | 4 For licensing, see LICENSE.html or http://ckeditor.com/license |
danielebarchiesi@0 | 5 --> |
danielebarchiesi@0 | 6 <html xmlns="http://www.w3.org/1999/xhtml"> |
danielebarchiesi@0 | 7 <head> |
danielebarchiesi@0 | 8 <title>Replace Textareas by Class Name — CKEditor Sample</title> |
danielebarchiesi@0 | 9 <meta content="text/html; charset=utf-8" http-equiv="content-type" /> |
danielebarchiesi@0 | 10 <script type="text/javascript" src="../ckeditor.js"></script> |
danielebarchiesi@0 | 11 <script src="sample.js" type="text/javascript"></script> |
danielebarchiesi@0 | 12 <link href="sample.css" rel="stylesheet" type="text/css" /> |
danielebarchiesi@0 | 13 </head> |
danielebarchiesi@0 | 14 <body> |
danielebarchiesi@0 | 15 <h1 class="samples"> |
danielebarchiesi@0 | 16 CKEditor Sample — Replace Textarea Elements by Class Name |
danielebarchiesi@0 | 17 </h1> |
danielebarchiesi@0 | 18 <div class="description"> |
danielebarchiesi@0 | 19 <p> |
danielebarchiesi@0 | 20 This sample shows how to automatically replace all <code><textarea></code> elements |
danielebarchiesi@0 | 21 of a given class with a CKEditor instance. |
danielebarchiesi@0 | 22 </p> |
danielebarchiesi@0 | 23 <p> |
danielebarchiesi@0 | 24 To replace a <code><textarea></code> element, simply assign it the <code>ckeditor</code> |
danielebarchiesi@0 | 25 class, as in the code below: |
danielebarchiesi@0 | 26 </p> |
danielebarchiesi@0 | 27 <pre class="samples"><textarea <strong>class="ckeditor</strong>" name="editor1"></textarea></pre> |
danielebarchiesi@0 | 28 <p> |
danielebarchiesi@0 | 29 Note that other <code><textarea></code> attributes (like <code>id</code> or <code>name</code>) need to be adjusted to your document. |
danielebarchiesi@0 | 30 </p> |
danielebarchiesi@0 | 31 </div> |
danielebarchiesi@0 | 32 |
danielebarchiesi@0 | 33 <!-- This <div> holds alert messages to be display in the sample page. --> |
danielebarchiesi@0 | 34 <div id="alerts"> |
danielebarchiesi@0 | 35 <noscript> |
danielebarchiesi@0 | 36 <p> |
danielebarchiesi@0 | 37 <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript |
danielebarchiesi@0 | 38 support, like yours, you should still see the contents (HTML data) and you should |
danielebarchiesi@0 | 39 be able to edit it normally, without a rich editor interface. |
danielebarchiesi@0 | 40 </p> |
danielebarchiesi@0 | 41 </noscript> |
danielebarchiesi@0 | 42 </div> |
danielebarchiesi@0 | 43 <form action="sample_posteddata.php" method="post"> |
danielebarchiesi@0 | 44 <p> |
danielebarchiesi@0 | 45 <label for="editor1"> |
danielebarchiesi@0 | 46 Editor 1:</label> |
danielebarchiesi@0 | 47 <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> |
danielebarchiesi@0 | 48 </p> |
danielebarchiesi@0 | 49 <p> |
danielebarchiesi@0 | 50 <input type="submit" value="Submit" /> |
danielebarchiesi@0 | 51 </p> |
danielebarchiesi@0 | 52 </form> |
danielebarchiesi@0 | 53 <div id="footer"> |
danielebarchiesi@0 | 54 <hr /> |
danielebarchiesi@0 | 55 <p> |
danielebarchiesi@0 | 56 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> |
danielebarchiesi@0 | 57 </p> |
danielebarchiesi@0 | 58 <p id="copy"> |
danielebarchiesi@0 | 59 Copyright © 2003-2013, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico |
danielebarchiesi@0 | 60 Knabben. All rights reserved. |
danielebarchiesi@0 | 61 </p> |
danielebarchiesi@0 | 62 </div> |
danielebarchiesi@0 | 63 </body> |
danielebarchiesi@0 | 64 </html> |