Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ckeditor LINK is not working in jQuery Dialog box

I am using CKEditor Version 3.3.1, Also tried latest version 4.3 but facing same problem.

Now the problem is, Whenever I try to load the CKEDITOR to the Textarea Which is located inside the jQuery Dialog box, CKEditor loads properly, but When I try to create a hyper link, It open up the Link Popup box, but Link options (Input field, dropdown etc) is not working.

For referenceenter image description here see the attached screen shot. Please guide me, how to resolve this issue.

like image 963
Qazi Avatar asked Apr 30 '14 07:04

Qazi


3 Answers

I had the same problem, but in my case Textarea belonged to a modal window.

Removing "tabindex="-1"" was fixed.

like image 73
ShirleyCC Avatar answered Nov 14 '22 17:11

ShirleyCC


Here is the solution for the above problem, thats worked for me.

Solution for CKEditor Popup in a jQuery Dialog Box

like image 6
Qazi Avatar answered Nov 14 '22 16:11

Qazi


I have solved it by setting z-index to a bigger value than my bootstrap modal:

 .ck.ck-balloon-panel {
        z-index: 1050 !important;
    }
like image 4
Simple Code Avatar answered Nov 14 '22 15:11

Simple Code