How to use CKEditor with a custom plugin

<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script type="text/javascript">
//<![CDATA[
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('editor1',
      {
          extraPlugins: 'timestamp',
          toolbar:
         [
            ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
            ['Timestamp']
         ]
      });
//]]>
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <CKEditor:CKEditorControl ID="CKEditor1" runat="server" Height="200"></CKEditor:CKEditorControl>
    </div>
    </form>
</body>
</html>

Wed, 08/17/2011 - 16:26

luke23ae

Joined: 27/11/2009

Posts: 66

Re: How to use CKEditor with a custom plugin

Did you include your actual ckeditor.js file anywhere?

Wed, 08/17/2011 - 16:28

luke23ae

Joined: 27/11/2009

Posts: 66

Re: How to use CKEditor with a custom plugin

Also, script tags go in your head section (or even better at the bottom inside your body section)

Thu, 08/18/2011 - 03:44

account2912

Joined: 13/08/2011

Posts: 3

Re: How to use CKEditor with a custom plugin

Thu, 08/18/2011 - 09:17

luke23ae

Joined: 27/11/2009

Posts: 66

Re: How to use CKEditor with a custom plugin

What is that? Is that aspx-code generating a textarea?

<CKEditor:CKEditorControl ID="CKEditor1" runat="server" Height="200"></CKEditor:CKEditorControl>

Try to replace this with

<textarea id="CKEditor1"></textarea>

Fri, 08/19/2011 - 04:14

account2912

Joined: 13/08/2011

Posts: 3

Re: How to use CKEditor with a custom plugin

I tried to replace by textarea but nothing changed

Fri, 08/19/2011 - 11:55

luke23ae

Joined: 27/11/2009

Posts: 66

Re: How to use CKEditor with a custom plugin

Oh that's right. You're trying to instantiate CKEditor before the DOM is loaded. Do you use jQuery, Prototype or any other Framework? If so, instantiate the Editor in the Dom-loaded-event.