Text showing in one line with scroll - ckeditor

When I insert text into ckeditor its showing good and added into database but in edit form it showing all text into one line with scroll.
Note : I notice that this issue is only with Firefox browser
in add form it showing like this
in edit form it showing like this

Working now, I don’t know what was the issue may be some css applied on the editor. so I just download the new ckeditor and applied in my app and its working absolutely fine :)

Related

CKEditor 3.6.1: Load editor on event

I create a page with multiple tabs.
On one of my tabs I want to use CKeditor on a textarea, so when I display my table I call:
editor = CKEDITOR.replace('MyTextArea', MyOptions );
I have the UI of the editor but when I click on the text area nothing append, I can't edit it. The solution for access to the text area is to use "tab" for accessing this field.
I try to put a default value and I can edit if I click on the text but if I click elsewhere in the area I cannot edit.
I have this problem for IE10 and I need it works on it. It's working on Chrome and Firefox. I use CKEditor 3.6.1 and I cannot upgrade it.
Thanks
The problem was the z-index of the container of my textarea, I change it and it works.

Opening comment box in the same page

I want to open a text area when i press the comment button without page getting reloaded.Please help.I am a newbie in this field.
I have tried seeing some tutorials but not of much help.I have never used Jquery before
Use this jQuery code:
hide the textArea element by default.
$("#[buttonID]").click(function(){
$("#[textAreaID]").show();
}

How to perform Preview in CKEditor

I am using CKEditor to get HTML from the user. The user will use HTML tags and it will be saved in the database. I need a functionality for the user to see how the page will be displayed when open as .html before saving in the database.
Is it possible to do that using CKEditor and if yes.....then how?
Thanks-in-Advance
It's certainly possible, but depends a lot on your specific requirements.
Get the contents of the editor using editor.getData(), then open a pop up window displaying that content - this should be relatively simple with JavaScript so I won't give any examples - you'll have to try it yourself first :). If a pop up is not something you want to use, maybe use an inline dialog, such as the ones that jQuery uses.
I would create the workflow so that the preview box has a save button inside it, forcing the user to preview before saving. If that's not acceptable, then create a separate button on your page to do the preview.

Facebook comments change "like" button behavior?

I've used like buttons on my site for several months using http://www.addthis.com/ and they've worked fine. Recently I decided to start using facebook comments on the pages instead of my previous commenting system but I've found that adding the plugin to the page has an unexpected impact on the "like" button.
The like button has been configured in the button_count style with no send button, however if the comments module is on the page the flyout appears upon liking the content. I don't want this to happen.
It may also be worth adding that there is a "like-box" on the page too but that it seems fine.
Does anybody know of a tie/conflict between comments and "like" buttons that would make this happen? Any help resolving this would be greatly appreciated.
Thanks

grails ui dialog

I am trying to do something which I would've thought was very simple, but it's causing me a huge headache. I am using Grails ui plugin to get a dialog box. I have a number of instances - some where dialog boxes need to appear when a button is clicked. This I have got working. But I also need to have some that appear when the page is loaded... for information / warning purposes. But I'm struggling with this.. What should I put as the trigger? I don't want the user to have to click anything before the dialog appears.
Also - has anyone successfully managed to change the style of the gui:dialog ? Mine was originally appearing as text with an invisible background before I added the class=yui-skin-sam to the main.gsp body, but that's had to replace the existing style class I already had on the body! how frustrating !!
Had the exact same problem... got it working by adding "visible=show" to the dialog's attributes. Example:
<gui:dialog title="Modal Dialog" modal="true" visible="show">
This message will appear in a modal dialog when the page loads.
</gui:dialog>

Resources