Ticket #10905: customPlugin.html

File customPlugin.html, 1.9 KB (added by vosmanz, 6 years ago)

Add this in samples folder

Line 
1<!DOCTYPE html>
2<!--
3Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
4For licensing, see LICENSE.md or http://ckeditor.com/license
5-->
6<html>
7<head>
8        <title>Replace Textareas by Class Name &mdash; CKEditor Sample</title>
9        <meta charset="utf-8">
10        <script src="../ckeditor.js"></script>
11        <link rel="stylesheet" href="sample.css">
12</head>
13<body>
14        <h1 class="samples">
15                <a href="index.html">CKEditor Samples</a> &raquo; Replace Textarea Elements by Class Name
16        </h1>
17        <div class="description">
18                <p>
19                        This sample shows how to automatically replace all <code>&lt;textarea&gt;</code> elements
20                        of a given class with a CKEditor instance.
21                </p>
22                <p>
23                        To replace a <code>&lt;textarea&gt;</code> element, simply assign it the <code>ckeditor</code>
24                        class, as in the code below:
25                </p>
26<pre class="samples">
27&lt;textarea <strong>class="ckeditor</strong>" name="editor1"&gt;&lt;/textarea&gt;
28</pre>
29                <p>
30                        Note that other <code>&lt;textarea&gt;</code> attributes (like <code>id</code> or <code>name</code>) need to be adjusted to your document.
31                </p>
32        </div>
33        <form action="sample_posteddata.php" method="post">
34                <p>
35                        <label for="editor1">
36                                Editor 1:
37                        </label>
38                        <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
39                                &lt;div class=&quot;customPlugin1&quot; height=&quot;80&quot; width=&quot;80&quot;&gt;resize&lt;/div&gt;
40                                &lt;div class=&quot;customPlugin2&quot; height=&quot;100&quot; width=&quot;100&quot;&gt;noResize&lt;/div&gt;
41                        </textarea>
42                </p>
43                <p>
44                        <input type="submit" value="Submit">
45                </p>
46        </form>
47        <div id="footer">
48                <hr>
49                <p>
50                        CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
51                </p>
52                <p id="copy">
53                        Copyright &copy; 2003-2013, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
54                        Knabben. All rights reserved.
55                </p>
56        </div>
57</body>
58</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy