文本未从 Laravel 中的 Summernote 存储

Question

我想将summernote (summernote.org) 整合到一个文本区域并保存在数据库中。

我的查看代码：

<div class="col-lg-3"><label>Estado</label>
<textarea name="textfield4" id="textfield4"></textarea></div>
 <button type="submit" class="btn btn-success">Save</button>
<input type="hidden" value="{{Session::token()}}" name="_token">

我的js代码：

              <script>
           $('#textfield4').summernote({

            height:200
           });
             </script>

Answer 1

您应该在 .ready() 函数中编写代码

$(document).ready(function() {
  $('#textfield4').summernote();
});

Answer 2

在您提交表单之前，您必须使用 div 来呈现夏季，并使用夏季注释内容填充隐藏的文本区域，请参见下面的示例，

<div class="panel-body no-padding">
                <textarea  style="display: none;" name="emailmessage" id="emailmessage"></textarea>
                <div class="editor-summernote" id="emailmessage_editor"></div>
            </div>

然后将 div 转换为如下所示的夏季笔记编辑器

$('.editor-summernote').summernote({
            toolbar: [
                ['headline', ['style']],
                ['style', ['bold', 'italic', 'underline', 'superscript', 'subscript', 'strikethrough', 'clear']],
                ['textsize', ['fontsize']],
                ['alignment', ['ul', 'ol', 'paragraph', 'lineheight']],
            ],
            height: 120
        });

在提交表单进行服务器端处理之前，使用 jquery 将夏季笔记内容填充到隐藏的文本区域，

   $("#btn-send-message").on("click",function(event) {

            var email_body = $('#emailmessage_editor').code();
            $("#emailmessage").html(email_body); //populate text area
   });

最后你可以通过$request->input('emailmessage')在你的laravel控制器中获取数据

Answer 3

如果它不起作用，请写下错误消息是什么，我已经修改了你的 javascript 代码，用实际的表单 ID 替换 yourformid 并尝试，我假设你有一个在 html 中定义了动作的表单，

$(function(){

$('#estado').summernote(
{

  toolbar: [
                ['headline', ['style']],
                ['style', ['bold', 'italic', 'underline', 'superscript', 'subscript', 'strikethrough', 'clear']],
                ['textsize', ['fontsize']],
                ['alignment', ['ul', 'ol', 'paragraph', 'lineheight']],
            ],

height:120
});

$("#yourformid").submit(function(e) {
     var self = this;
     e.preventDefault();

     var estado = $('#estado').code();
     $("#textfield4").html(estado); //populate text area
     self.submit();
     return false; 
});
});

确保您的令牌被传递或使用以下方法生成令牌，

<input type="hidden" name="_token" value="{{ csrf_token()