CHeditor problem: hiding textarea field.

**samvb** · Jan 21 '11, 08:28 PM

Am new to CKEditor though I have used tinymce before. What I liked about cheditor is its drop down styles feature.

But I can't seem to get it to work at all.

here is my code:

Code:

<head>
<script language="javascript" type="text/javascript" src="javas/ckeditor.js"></script>
<script src="sample.js" type="text/javascript"></script>
<link href="sample.css" rel="stylesheet" type="text/css" />

</head>

and in body:

Code:

<textarea class="ckeditor" cols="80" id="content" name="content" rows="10"></textarea>

I even tried with code like this but it didnt change anything:

Code:

<textarea cols="80" id="content" name="content" rows="10"></textarea>
         <script type="text/javascript">
         //<![CDATA[

            // This call can be placed at any point after the
            // <textarea>, or inside a <head><script> in a
            // window.onload event handler.

            // Replace the <textarea id="editor"> with an CKEditor
            // instance, using default configurations.
            CKEDITOR.replace( 'content' );

         //]]>

Looking at source, I see this style added to my textarea field :

Code:

visibility:hidden

I didn't add it at all but CHEDITOR is adding it and thus the field is hidden.

In the same page, I have the following JQUERY files in place but it doesnt work even if I remove it:

Code:

<script language="javascript" type="text/javascript" src="javas/jquery.js"></script>
<script language="javascript" type="text/javascript" src="javas/jquery.validate.min.js"></script>
<script language="javascript" type="text/javascript" src="javas/newvalidate.js"></script>
<script language="javascript" type="text/javascript" src="javas/aj.js"></script>

Please share. If there is any text editor that you know which supports STYLES (because I want to have a consistent style code thru out the site instead of inline styles now and then), please share. Just it have to be easy to integrate.