CKEditor - Does not show up

Question

I am trying to integrate the ckeditor into my website written in java with play2.

Now I downloaded the javascript files and read though the samples.

I figured that the important part is ckeditor.js

<script type="text/javascript" src="/assets/javascripts/ckeditor.js"></script>

I also used the exact same form from the samples

<form action="sample_posteddata.php" method="post">
        <label for="editor1">
            CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label>
        <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</textarea>
        <script type="text/javascript">
        //<![CDATA[

            CKEDITOR.replace( 'editor1',
                {
                    fullPage : true,
                    extraPlugins : 'docprops'
                });

        //]]>
        </script>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

But it doesn't work, it just renders a normal textarea. I am using twitter bootstrap + jquery 1.7.1.

Maybe I overlooked an important part?

Answer 1

You just need to use this script

<script type="text/javascript">
    CKEDITOR.replace("editor1");
</script>

Answer 2

If you get problem to setup ckeditor, may be your page load slowly . Show you need call CKEDITOR.replace("editor1"). When you use backbone.js , you will get this problem . Hope following trips will help you.

code

 jQuery(document).ready(function() {
  CKEDITOR.replace("editor1")
 });