skins/ckeditor/_samples/asp/events.asp

   1 <%@  codepage="65001" language="VBScript" %>
   2 <% Option Explicit %>
   3 <!-- #INCLUDE file="../../ckeditor.asp" -->
   4 <%
   5
   6         ' You must set "Enable Parent Paths" on your web site
   7         ' in order for the above relative include to work.
   8         ' Or you can use #INCLUDE VIRTUAL="/full path/ckeditor.asp"
   9
  10 %>
  11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12 <!--
  13 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
  14 For licensing, see LICENSE.html or http://ckeditor.com/license
  15 -->
  16 <html xmlns="http://www.w3.org/1999/xhtml">
  17 <head>
  18         <title>Sample - CKEditor</title>
  19         <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
  20         <link href="../sample.css" rel="stylesheet" type="text/css"/>
  21 </head>
  22 <body>
  23         <h1 class="samples">
  24                 CKEditor Sample
  25         </h1>
  26         <!-- This <div> holds alert messages to be display in the sample page. -->
  27         <div id="alerts">
  28                 <noscript>
  29                         <p>
  30                                 <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
  31                                 support, like yours, you should still see the contents (HTML data) and you should
  32                                 be able to edit it normally, without a rich editor interface.
  33                         </p>
  34                 </noscript>
  35         </div>
  36         <!-- This <fieldset> holds the HTML that you will usually find in your pages. -->
  37         <fieldset title="Output">
  38                 <legend>Output</legend>
  39                 <form action="sample_posteddata.asp" method="post">
  40                         <p>
  41                                 <label>Editor 1:</label><br/>
  42                         </p>
  43 <%
  44
  45 ''
  46  ' Adds global event, will hide "Target" tab in Link dialog in all instances.
  47  '
  48 function CKEditorHideLinkTargetTab(editor)
  49         dim functionCode
  50         functionCode = "function (ev) {" & vbcrlf & _
  51                 "// Take the dialog name and its definition from the event data" & vbcrlf & _
  52                 "var dialogName = ev.data.name;" & vbcrlf & _
  53                 "var dialogDefinition = ev.data.definition;" & vbcrlf & _
  54                 "" & vbcrlf & _
  55                 "// Check if the definition is from the Link dialog." & vbcrlf & _
  56                 "if ( dialogName == 'link' )" & vbcrlf & _
  57                 "       dialogDefinition.removeContents('target')" & vbcrlf & _
  58         "}" & vbcrlf
  59
  60         editor.addGlobalEventHandler "dialogDefinition", functionCode
  61 end function
  62
  63 ''
  64  ' Adds global event, will notify about opened dialog.
  65  '
  66 function CKEditorNotifyAboutOpenedDialog(editor)
  67         dim functionCode
  68         functionCode = "function (evt) {" & vbcrlf & _
  69                 "alert('Loading dialog: ' + evt.data.name);" & vbcrlf & _
  70         "}"
  71
  72         editor.addGlobalEventHandler "dialogDefinition", functionCode
  73 end function
  74
  75
  76 dim editor, initialValue
  77
  78 ' Create class instance.
  79 set editor = new CKEditor
  80
  81 ' Set configuration option for all editors.
  82 editor.config("width") = 750
  83
  84 ' Path to CKEditor directory, ideally instead of relative dir, use an absolute path:
  85 '   editor.basePath = "/ckeditor/"
  86 ' If not set, CKEditor will default to /ckeditor/
  87 editor.basePath = "../../"
  88
  89 ' The initial value to be displayed in the editor.
  90 initialValue = "<p>This is some <strong>sample text</strong>. You are using <a href=""http://ckeditor.com/"">CKEditor</a>.</p>"
  91
  92 ' Event that will be handled only by the first editor.
  93 editor.addEventHandler "instanceReady", "function (evt) {       alert('Loaded editor: ' + evt.editor.name );}"
  94
  95 ' Create first instance.
  96 editor.editor "editor1", initialValue
  97
  98 ' Clear event handlers, instances that will be created later will not have
  99 ' the 'instanceReady' listener defined a couple of lines above.
 100 editor.clearEventHandlers empty
 101 %>
 102                         <p>
 103                                 <label>Editor 2:</label><br/>
 104                         </p>
 105 <%
 106 ' Configuration that will be used only by the second editor.
 107 editor.instanceConfig("width") = 600
 108 editor.instanceConfig("toolbar") = "Basic"
 109
 110 ' Add some global event handlers (for all editors).
 111 CKEditorHideLinkTargetTab(editor)
 112 CKEditorNotifyAboutOpenedDialog(editor)
 113
 114 ' Event that will be handled only by the second editor.
 115 editor.addInstanceEventHandler "instanceReady", "function (evt) { alert('Loaded second editor: ' + evt.editor.name );}"
 116
 117 ' Create second instance.
 118 editor.editor "editor2", initialValue
 119 %>
 120                         <p>
 121                                 <input type="submit" value="Submit"/>
 122                         </p>
 123                 </form>
 124         </fieldset>
 125         <div id="footer">
 126                 <hr />
 127                 <p>
 128                         CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
 129                 </p>
 130                 <p id="copy">
 131                         Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
 132                         Knabben. All rights reserved.
 133                 </p>
 134         </div>
 135 </body>
 136 </html>