В приложении Laravel 5.7 сделайте проверку с помощью редактора tinyMCE - PullRequest
0 голосов
/ 03 ноября 2018

В моем приложении Laravel 5.7 я использую плагин laravel-jsvalidation (https://github.com/proengsoft/laravel-jsvalidation/wiki/Basic-Usage) и все работало нормально, Мне нужно было включить ввод textarea в качестве редактора tinyMCE и использовать i с проверкой, и я реализовал его с двумя вводами textarea:

<div class="form-row mb-3 {{ in_array('description', $errorFieldsArray) ? 'validation_error' : '' }}">
    <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;">
            {{ Form::textarea('description', isset($vote->description) ? $vote->description : '', [   "class"=>"form-control editable_field textarea_input ", "rows"=>"0", "cols"=> 120, "id"=>"description", "autocomplete"=>"off", "style"=>"width:0; height:0" ] ) }}
        </span>
        {{ Form::textarea('description_container', isset($vote->description) ? $vote->description : '', [   "class"=>"form-control editable_field textarea_input ", "rows"=>"5", "cols"=> 120,  "id"=>"description_container", "autocomplete"=>"off"  ] ) }}
    </div>
</div>

где 1-е текстовое поле предназначено для отправки формы, поскольку введенное содержимое копируется в него из 2-го текстового поля, которое используется как редактор tinyMCE. В определении tinyMCE я добавил строки:

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

где by_selector_container и by_selector являются именами этих входов textarea. Это работает, но единственная проблема в том, что на странице я вижу первый текстовый ввод, несмотря на то, что я пытаюсь скрыть настройку wight / height в 0 в стиле моего кода выше, но в любом случае я все еще вижу небольшой текстовый ввод: https://imgur.com/a/43FRFJU

Я попытался в объявлении 1-го ввода textarea установить

"style"=>"display:none"

Чем ввод текстовой области был скрыт, но проверка не работает вообще.

Как скрыть этот маленький ввод текста с работающей проверкой?

Спасибо!

1 Ответ

0 голосов
/ 06 ноября 2018

Вы можете попробовать стиль:

visibility: hidden ;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...