<%@ codepage="65001" language="VBScript" %> <% Option Explicit %> <% ' You must set "Enable Parent Paths" on your web site ' in order for the above relative include to work. ' Or you can use #INCLUDE VIRTUAL="/full path/ckeditor.asp" %> Sample - CKEditor

CKEditor Sample

Output


<% '' ' Adds global event, will hide "Target" tab in Link dialog in all instances. ' function CKEditorHideLinkTargetTab(editor) dim functionCode functionCode = "function (ev) {" & vbcrlf & _ "// Take the dialog name and its definition from the event data" & vbcrlf & _ "var dialogName = ev.data.name;" & vbcrlf & _ "var dialogDefinition = ev.data.definition;" & vbcrlf & _ "" & vbcrlf & _ "// Check if the definition is from the Link dialog." & vbcrlf & _ "if ( dialogName == 'link' )" & vbcrlf & _ " dialogDefinition.removeContents('target')" & vbcrlf & _ "}" & vbcrlf editor.addGlobalEventHandler "dialogDefinition", functionCode end function '' ' Adds global event, will notify about opened dialog. ' function CKEditorNotifyAboutOpenedDialog(editor) dim functionCode functionCode = "function (evt) {" & vbcrlf & _ "alert('Loading dialog: ' + evt.data.name);" & vbcrlf & _ "}" editor.addGlobalEventHandler "dialogDefinition", functionCode end function dim editor, initialValue ' Create class instance. set editor = new CKEditor ' Set configuration option for all editors. editor.config("width") = 750 ' Path to CKEditor directory, ideally instead of relative dir, use an absolute path: ' editor.basePath = "/ckeditor/" ' If not set, CKEditor will default to /ckeditor/ editor.basePath = "../../" ' The initial value to be displayed in the editor. initialValue = "

This is some sample text. You are using CKEditor.

" ' Event that will be handled only by the first editor. editor.addEventHandler "instanceReady", "function (evt) { alert('Loaded editor: ' + evt.editor.name );}" ' Create first instance. editor.editor "editor1", initialValue ' Clear event handlers, instances that will be created later will not have ' the 'instanceReady' listener defined a couple of lines above. editor.clearEventHandlers empty %>


<% ' Configuration that will be used only by the second editor. editor.instanceConfig("width") = 600 editor.instanceConfig("toolbar") = "Basic" ' Add some global event handlers (for all editors). CKEditorHideLinkTargetTab(editor) CKEditorNotifyAboutOpenedDialog(editor) ' Event that will be handled only by the second editor. editor.addInstanceEventHandler "instanceReady", "function (evt) { alert('Loaded second editor: ' + evt.editor.name );}" ' Create second instance. editor.editor "editor2", initialValue %>