CKEDITOR 4 и плагин DIALOG ui

Народ, есть такая великая проблема, перекопал уже весь интернет кто нибудь выручайте я хочу визуальный редактор CKEDITOR в строить во всплывающее окно dialog ui но вот что получается, редактор та отображается но вот ни одна кнопка там ни работает

Код (Javascript):

1. $(document).on("click", ".add_specifications", function(e) {
2. CKEDITOR.replace('opisanie',{height: '100'});
3.     $("#dialog-form").dialog({
4.       modal: true,
5.       title: "Добавить группы характеристик",
6.       minHeight: "auto",
7.       minWidth: 920,
8.             buttons: {
9.      "Создать": function() {
10.             $(this).dialog( "close" );
11.         },
12.         "Отменить": function() {
13.             $( this ).dialog( "close" );
14.         }
15.       }
16.     });
17.   return false;
18.   });

а это сам html

HTML:

1. <div id="dialog-form">
2.     <ul id="tabs">
3.         <li class="active"><a href="#tabs1" title="tabs1">Общее</a></li>
4.         <li><a href="#tabs2" title="tabs2">Категории</a></li>
5.     </ul>
6.     <div id="content">
7.     <div class="zakladka" id="tabs1">
8.       <form>
9. <div class="color_table">
10. <label class="controll_name img_control">Название</label>
11. <div class="block_input"><input class="input-hidden input-large" type="text" name="name" value=""></div>
12. </div>
13.  
14. <div class="color_table">
15. <label class="controll_name img_control">№ позиции:</label>
16. <div class="block_input"><input class="input-hidden number_p valid" type="text" name="position" value="1" aria-required="true" aria-invalid="false"></div>
17. </div>
18.  
19. <div class="color_table ">
20. <label class="controll_name">Характеристики:</label>
21. <div class="block_input">
22. <div>
23. <textarea class="input-hidden" id="opisanie" style="height: 100px" name="opisanie">кенкнкн</textarea>
24. </div>
25.  
26. </div>
27. </div>
28.   </form>
29.     </div>
30.         <div class="zakladka" id="tabs2">
31.         вторая закладка
32.         </div>
33.     </div>
34. </div>

--- Добавлено ---
Пробовал обработать запрос вод так:

Код (Javascript):

1. $(document).on("click", ".add_specifications", function(e) {
2. ckCreate('opisanie');
3.     $("#dialog-form").dialog({
4.       modal: true,
5.       title: "Добавить группы характеристик",
6.       minHeight: "auto",
7.       minWidth: 920,
8.       buttons: {
9.      "Создать": function() {
10.             $(this).dialog( "close" );
11.         },
12.         "Отменить": function() {
13.             $( this ).dialog( "close" );
14.         }
15.       }
16.     });
17.   return false;
18.   });
19.  
20. function ckCreate(name) {
21.     if (CKEDITOR.instances[name]) {
22.         var instance = CKEDITOR.instances[name];
23.         if (instance.element.$) {
24.             instance.destroy(true);
25.         }
26.  
27.         $('#' + name).attr('contenteditable', true);
28.         CKEDITOR.config.removeButtons = 'Maximize';
29.         CKEDITOR.replace(name);
30.     }
31. }

Кнопки начинают работать но вот при создании таблицы в визуальном редакторе ни в одно поле нельзя ничего ввести

 

Их я проверял, z-index выставлены правильно.