CODEWITHSUNDEEP
javascriptjqueryhtmlhyperlinkckeditor
Qazi
Qazi

Reputation: 5135

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.

Upvotes: 9

Views: 12486

Answers (6)

Pedro Amaral
Pedro Amaral

Reputation: 21

Same issue here, but using other frameworks. In short I was using modal divs.

Then I found out that one of them had a tabindex attribute defined. Once I removed it CKEDITOR started working as expected.

No modal should have tabindex attribute defined.

Upvotes: 2

behnam shateri
behnam shateri

Reputation: 1403

In my case, the problem is related to modal structure which text area is located inside the this jQuery Dialog box that has tabindex attribute like below:

<!-- Modal -->
<div class="modal" tabindex="-1" role="dialog" id="modal">
   // text area is here in this modal body
</div>

By removing tabindex="1" you can change link textbox in Link Popup box in ckeditor.

Upvotes: 0

Simple Code
Simple Code

Reputation: 2574

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

 .ck.ck-balloon-panel {
        z-index: 1050 !important;
    }

Upvotes: 5

Kumari Manisha
Kumari Manisha

Reputation: 682

I had the same issue. Fixed using the following thread. It saved me lots of time:

Twitter bootstrap problem with ckeditor dialogue in modal

Upvotes: 3

ShirleyCC
ShirleyCC

Reputation: 805

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

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

Upvotes: 7

Qazi
Qazi

Reputation: 5135

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

Solution for CKEditor Popup in a jQuery Dialog Box

Upvotes: 6

Related Questions