CKeditor - Есть ли способ использовать живые флажки внутри редактора?

Question

Хотя CKEditor поддерживает создание HTML-форм, включая использование флажков, мои потребности немного отличаются.

Я бы хотел, чтобы пользователи могли устанавливать и снимать флажки при создании своего контента.По сути, мы используем собственную систему шаблонов, шаблон загружается в CKEditor, и пользователь заполняет необходимые данные и добавляет свой собственный контент (текст / изображения / и т. Д.).В идеале мы могли бы создавать шаблоны с вопросами «да / нет», и пользователи должны были бы установить необходимый флажок при использовании шаблона.

Я знаю, что это изначально не поддерживается, но есть ли альтернатива или обходной путь для включения флажков / переключателей через CKEditor?Любая помощь приветствуется!

Answer 1

да, это можно сделать, вам потребуется режим исходного кода пользователя, чтобы добавить это, и это потребует некоторой дополнительной функции jquery по мере необходимости.

Точный код может быть предоставлен - но нам нужно знать, что именно вы хотите делать, как при включении, так и при выключении?

Вот также хороший пример - jsfiddle.net/y71nt25u/, если у вас есть что-то предопределенное, вы можете предварительно определить его в коде и позже использовать в редакторе.

Answer 2

Существует один из возможных способов достижения этого.Например, у вас есть поле ввода ниже в редакторе.

<input class="myplugin" type="checkbox">

Вы можете получить доступ к этому checkbox, когда на него нажали, используя приведенный ниже код.

editor.on('contentDom',function(){
   var html = $(editor.editable().$);
   $('.myplugin',html).on('click',function(){
       //this will return the input element 
       console.log(this);
       //check it's checked or not
       if($(this).attr('checked') == 'true'){
          // Add/Remove class or something
       }else{
          // Add/Remove class or something
       }
   });
});