_samples/asp/events.asp

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