在 Laravel 5.7 应用中使用 tinyMCE 编辑器进行验证

Question

在我的 Laravel 5.7 应用程序中，我使用 laravel-jsvalidation 插件（https://github.com/proengsoft/laravel-jsvalidation/wiki/Basic-Usage） 它工作正常， 我需要将 textarea 输入包含为 tinyMCE 编辑器，并使用 i 进行验证，我使用 2 个 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>

第一个 textarea 用于提交表单，因为输入的内容从第二个 textarea 复制到其中，用作 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 输入的唯一问题， 尽管我尝试以上面代码的样式将其设置为 0 的 wight/height，但无论如何我仍然看到小的 textarea 输入：https://imgur.com/a/43FRFJU

我尝试声明要设置的第一个 textarea 输入

"style"=>"display:none"

文本区域输入被隐藏，但验证根本不起作用。

如何在验证工作的情况下隐藏这个小文本区域输入？

谢谢！

Answer 1

你可以试试风格：

visibility: hidden ;