| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|---|
| 2 | <!--
|
|---|
| 3 | Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
|
|---|
| 4 | For licensing, see LICENSE.html or http://ckeditor.com/license
|
|---|
| 5 | -->
|
|---|
| 6 | <html xmlns="http://www.w3.org/1999/xhtml">
|
|---|
| 7 | <head>
|
|---|
| 8 | <title>ASP integration Samples List — CKEditor</title>
|
|---|
| 9 | <link type="text/css" rel="stylesheet" href="../sample.css" />
|
|---|
| 10 | </head>
|
|---|
| 11 | <body>
|
|---|
| 12 | <h1 class="samples">
|
|---|
| 13 | CKEditor Samples List for ASP — CKEditor Sample
|
|---|
| 14 | </h1>
|
|---|
| 15 | <h2 class="samples">
|
|---|
| 16 | Overview
|
|---|
| 17 | </h2>
|
|---|
| 18 | <p>The ckeditor.asp file provides a wrapper to ease the work of creating CKEditor instances from classic Asp.</p>
|
|---|
| 19 | <p>To use it, you must first include it into your page:
|
|---|
| 20 | <code>
|
|---|
| 21 | <!-- #INCLUDE file="../../ckeditor.asp" -->
|
|---|
| 22 | </code>
|
|---|
| 23 | Of course, you should adjust the path to make it point to the correct location, and maybe use a full path (with virtual="" instead of file="")
|
|---|
| 24 | </p>
|
|---|
| 25 | <p>After that script is included, you can use it in different ways, based on the following pattern:</p>
|
|---|
| 26 |
|
|---|
| 27 | <ol>
|
|---|
| 28 | <li>
|
|---|
| 29 | Create an instance of the CKEditor class:
|
|---|
| 30 | <pre class="samples">dim editor
|
|---|
| 31 | set editor = New CKEditor</pre>
|
|---|
| 32 | </li>
|
|---|
| 33 | <li>
|
|---|
| 34 | Set the path to the folder where CKEditor has been installed, by default it will use /ckeditor/
|
|---|
| 35 | <pre class="samples">editor.basePath = "../../"</pre>
|
|---|
| 36 | </li>
|
|---|
| 37 | <li>
|
|---|
| 38 | Now use one of the three main methods to create the CKEditor instances:
|
|---|
| 39 | <ul class="samples">
|
|---|
| 40 | <li>
|
|---|
| 41 | Replace textarea with id (or name) "editor1".
|
|---|
| 42 | <pre class="samples">editor.replaceInstance "editor1"</pre>
|
|---|
| 43 | </li>
|
|---|
| 44 | <li>
|
|---|
| 45 | Replace all textareas with CKEditor.
|
|---|
| 46 | <pre class="samples">editor.replaceAll empty</pre>
|
|---|
| 47 | </li>
|
|---|
| 48 | <li>
|
|---|
| 49 | Create a textarea element and attach CKEditor to it.
|
|---|
| 50 | <pre class="samples">editor.editor "editor1", initialValue</pre>
|
|---|
| 51 | </li>
|
|---|
| 52 | </ul>
|
|---|
| 53 | </li>
|
|---|
| 54 | </ol>
|
|---|
| 55 | <p>Before step 3 you can use a number of methods and properties to adjust the behavior of this class and the CKEditor instances
|
|---|
| 56 | that will be created:</p>
|
|---|
| 57 | <ul class="samples">
|
|---|
| 58 | <li>returnOutput : if set to true, the functions won't dump the code with response.write, but instead they will return it so
|
|---|
| 59 | you can do anything you want</li>
|
|---|
| 60 | <li>basePath: location of the CKEditor scripts</li>
|
|---|
| 61 | <li>initialized: if you set it to true, it means that you have already included the CKEditor.js file into the page and it
|
|---|
| 62 | doesn't have to be generated again.</li>
|
|---|
| 63 | <li>textareaAttributes: You can set here a Dictionary object with the attributes that you want to output in the call to the "editor" method.</li>
|
|---|
| 64 |
|
|---|
| 65 | <li>config: Allows to set config values for all the instances from now on.</li>
|
|---|
| 66 | <li>instanceConfig: Allows to set config values just for the next instance.</li>
|
|---|
| 67 |
|
|---|
| 68 | <li>addEventHandler: Adds an event handler for all the instances from now on.</li>
|
|---|
| 69 | <li>addInstanceEventHandler: Adds an event handler just for the next instance.</li>
|
|---|
| 70 | <li>addGlobalEventHandler: Adds an event handler for the global CKEDITOR object.</li>
|
|---|
| 71 |
|
|---|
| 72 | <li>clearEventHandlers: Removes one or all the event handlers from all the instances from now on.</li>
|
|---|
| 73 | <li>clearInstanceEventHandlers: Removes one or all the event handlers from the next instance.</li>
|
|---|
| 74 | <li>clearGlobalEventHandlers: Removes one or all the event handlers from the global CKEDITOR object.</li>
|
|---|
| 75 |
|
|---|
| 76 | </ul>
|
|---|
| 77 |
|
|---|
| 78 | <h2 class="samples">
|
|---|
| 79 | Basic Samples
|
|---|
| 80 | </h2>
|
|---|
| 81 | <ul class="samples">
|
|---|
| 82 | <li><a class="samples" href="replace.asp">Replace existing textareas by code</a></li>
|
|---|
| 83 | <li><a class="samples" href="replaceall.asp">Replace all textareas by code</a></li>
|
|---|
| 84 | <li><a class="samples" href="standalone.asp">Create instances in asp</a></li>
|
|---|
| 85 | </ul>
|
|---|
| 86 | <h2 class="samples">
|
|---|
| 87 | Advanced Samples
|
|---|
| 88 | </h2>
|
|---|
| 89 | <ul class="samples">
|
|---|
| 90 | <li><a class="samples" href="advanced.asp">Advanced example</a></li>
|
|---|
| 91 | <li><a class="samples" href="events.asp">Listening to events</a></li>
|
|---|
| 92 | </ul>
|
|---|
| 93 | <div id="footer">
|
|---|
| 94 | <hr />
|
|---|
| 95 | <p>
|
|---|
| 96 | CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
|---|
| 97 | </p>
|
|---|
| 98 | <p id="copy">
|
|---|
| 99 | Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
|
|---|
| 100 | </p>
|
|---|
| 101 | </div>
|
|---|
| 102 | </body>
|
|---|
| 103 | </html>
|
|---|
