За последние 24 часа нас посетил 10391 программист и 680 роботов. Сейчас ищут 284 программиста ...

CKEDITOR 4 и плагин DIALOG ui

Тема в разделе "JavaScript и AJAX", создана пользователем saider2011, 14 янв 2022 в 23:57.

  1. saider2011

    saider2011 Новичок

    С нами с:
    17 дек 2021
    Сообщения:
    3
    Симпатии:
    0
    Народ, есть такая великая проблема, перекопал уже весь интернет кто нибудь выручайте я хочу визуальный редактор 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. }
    Кнопки начинают работать но вот при создании таблицы в визуальном редакторе ни в одно поле нельзя ничего ввести
     
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.120
    Симпатии:
    598
    Адрес:
    Татарстан
    Посмотрите z -индексы
     
  3. saider2011

    saider2011 Новичок

    С нами с:
    17 дек 2021
    Сообщения:
    3
    Симпатии:
    0
    Их я проверял, z-index выставлены правильно.