On prépare de quoi se concentrer sur les images incorporées.
[ckeditor.git] / 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>