Quill Editor не работает с проверкой jquery - PullRequest
0 голосов
/ 05 февраля 2019

У меня есть редактор, который работал правильно, пока я не добавил плагин проверки jquery :( В качестве данных добавлю, что у меня есть пустой контейнер, который через jquery помогает мне передать содержимое редактора quill в контейнер для отправки по POSTphp.

Мой HTML:

<div class="col-sm-9">
  <input name="sendphp" id="micontenido" type="hidden">
  <div id="editor" class="quill-container"> </div> 
</div>

Это мой jquery Quill Editor.

descripcion = $("#micontenido").val();
        if(descripcion.length>0){
            quill.clipboard.dangerouslyPasteHTML(descripcion);
            $('#micontenido').val('');
        }else{
            quill.setContents([
                { insert: 'Descripción del puesto:', attributes: { bold: true } },
                { insert: '\n',attributes: { bold: true } },
                { insert: '\n' },
                { insert: '\n' },
                { insert: 'Requisitos mínimos:', attributes: { bold: true } },
                { insert: '\n',attributes: { bold: true } },
                { insert: '\n' },
                { insert: '\n' },
                { insert: 'Requisitos deseados:', attributes: { bold: true } },
                { insert: '\n',attributes: { bold: true } },
                { insert: '\n' },
                { insert: '\n' },
                { insert: 'Funciones a realizar:', attributes: { bold: true } },
                { insert: '\n',attributes: { bold: true } },
                { insert: '\n' },
                { insert: '\n' },
                { insert: 'Ofrecemos:', attributes: { bold: true } },
                { insert: '\n',attributes: { bold: true } },
                { insert: '\n' },
            ]);

        }

        quill.focus();
        var form = document.querySelector('form');
        form.onsubmit = function() {
            var contents = JSON.stringify(quill.root.innerHTML) 
            $("#micontenido").val(contents) 
            $scope.main.submitFrm(form) 
        };
    }

¡До этого все работало правильно! Пока я не добавлю проверку jquery:

if ($("#formvalidation").length) {
    $("#formvalidation").validate({
        debug:true,
        rules: {
            titulo: "required",
            funciones: "required",
            tipocontrato: "required",
            nivelexperiencia: "required",
            rangosalario: "required",
        },
        messages: {
            titulo:{
                required: "Por favor escribe un título atractivo para tu oferta.",
                minlength: "El título es demasiado pequeño. Intenta agregar más detalles para que sea atractivo.",

            },
            funciones:{
                required: "Por favor redacta brevemente las funciones a realizar del candidato.",
                minlength: "Este texto es demasiado corto. Intenta agregar más detalles.",

            },
            tipocontrato:{
                required: "Selecciona el tipo de oferta a publicar.",

            },
            nivelexperiencia:{
                required: "Selecciona la experiencia necesaria para aplicar a esta oferta.",

            },
            rangosalario:{
                required: "Selecciona el rango de salario que corresponda a tu oferta.",

            },
            estadosoferta:{
                required: "Selecciona la entidad federativa en donde está ubicada la oferta a publicar.",

            },
            municipios:{
                required: "Selecciona el municipio en donde está ubicada la oferta a publicar.",

            },
            localidades:{
                required: "Selecciona la localidad en donde se ubica la oferta a publicar.",

            },
            categorias:{
                required: "Por favor selecciona la categoría a la que pertenece la oferta a publicar.",

            },
            subcategorias:{
                required: "Por favor selecciona la subcategoria a la que pertenece la oferta a publicar.",

            },
            contratacion:{
                required: "Elige una fecha de contratación aproximada.",

            },
      },
      errorPlacement: function (label, element) {
        label.addClass('mt-2 text-danger');
        label.insertAfter(element);
      },
      highlight: function (element, errorClass) {
        $(element).parent().addClass('has-danger')
        $(element).addClass('form-control-danger')
      },
      submitHandler: function(form) {
        $("#loading").removeClass('d-none');
        form.submit();
      }
     });
    };

Я получаю следующую ошибку enter image description here

...