Ckeditor Doesn't Do Well With Table

Hello everybody!

I’m using CKEditor to create content of my page.

I realize that CKEditor doesn’t do well on table. I mean (look at picture below), I can’t resize column’width to fit well the text inside. So the table look quite big than needed.

3558

ckeditor.PNG

So question here is: is there a way to avoid this unpleasurable behavior. Do you recommend something better instead of CKEditor. Just because there are many tables in my page view.

Thank you for your time!

Hi Trinh,

Two things:

  1. Are you using an extension for creating ckeditor? or are you creating manually?

  2. If you are using a certain extension, please post to the creator of the extension. Otherwise, could you please post more details about the bug. It is not clear enoght of what is going on (at least for me).

Regards.

I’m using CKeditor as an extension and this is the way I’m using it




            <?php $this->widget('application.extensions.fckeditor.FCKEditorWidget',array(

                'model'     =>  $model,

                'attribute' => 'hotel_promotion_info',

                'height'    =>  '600px',

                'width'     =>  '100%',

                'fckeditor' =>  dirname(Yii::app()->basePath).'/fckeditor/fckeditor.php',

                'fckBasePath' => Yii::app()->baseUrl.'/fckeditor/')

            ); ?>



I’ve followed the instruction here.

The problem is it’s very difficult to adjust the column’s width. In MS Word you can adjust every column’s width. Here with CKeditor you can just adjust the width of whole table. Very often the width of every column on the website looks bigger than it when we’re editing.

Here is the picture in editor mode: (first I created table from MSWord editor than copied to CKEditor)

3562

table1.PNG

Here is the picture of that table in website after I published it. It looks bigger too much.

3563

table2.PNG

Now another problem. The table created from CKEditor has no border (even I chosen border size)

Please see the difference in 2 pictures below:

3564

table3.PNG

3565

table4.PNG

That is it.

Thank you for replying!

Regards