samedi 3 novembre 2018

In Laravel 5.7 app make validation with tinyMCE editor

In my Laravel 5.7 application I use laravel-jsvalidation plugin( https://github.com/proengsoft/laravel-jsvalidation/wiki/Basic-Usage ) and it worked ok, I needed to including textarea input as tinyMCE editor and to use i with validation and I implemented it with 2 textarea inputs :

<div class="form-row mb-3 ">
    <label class="col-xs-12 col-sm-4 col-form-label">Description</label>
    <div class="col-xs-12 col-sm-8">
        <span style="display: inline;">
            
        </span>
        
    </div>
</div>

where 1st textarea is for form submitting, as entered content is copied into it from 2nd textarea, which is used as tinyMCE editor. In tinyMCE definition I added rows:

 setup: function (editor) {
     editor.on('change', function () {
         var current_context= tinymce.get(by_selector_container).getContent()
         $('#' + by_selector).html( current_context );
     });
 },

where by_selector_container and by_selector are names of these textarea inputs. It works, but the only problem that on page I can see 1st textarea input, despite I try to hide it setting wight/height in 0 in style of my code above, but anyway I still see small textarea input : https://imgur.com/a/43FRFJU

I tried in declaration of the 1st textarea input to set

"style"=>"display:none"

Than textarea input was hidden but validation does not work at all.

How to hide it this small textarea input with validation working?

Thanks!



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire