我想将textarea更改为summernote以进行更新

Question

是否可以仅输出一个夏季笔记而不是文本区域？

我想在夏季笔记中设置{{content}}并在单击按钮时对其进行更新

如果可能的话，请给我更详细的解释，谢谢。

让我知道该怎么做以及该怎么做〜！

html

                            <tr>
                                <td>author2</td>
                                <td>
                                    {{ comment.author }}
                                </td>
                            </tr>
                            <tr>
                                <td>title</td>
                                <td colspan="3">
                                    <span id="todo_comment_title_output_{{comment.id}}">
                                        {{comment.title}}
                                    </span>
                                    <input type="text" class="form-control" name="" value="{{comment.title}}" id="todo_comment_title_{{comment.id}}" hidden>
                                </td>
                            </tr>

                            <tr>
                                <td>file_name</td>
                                <td colspan="3">
                                    <span id="todo_comment_filename_output_{{comment.id}}">
                                        {{comment.file_name}}
                                    </span>
                                    <input type="text" class="form-control" name="" value="{{comment.file_name}}" id="todo_comment_file_name_{{comment.id}}" hidden>
                                </td>
                            </tr>
                                <td>code</td>
                                <td colspan="3">
                                    <span id="todo_comment_text_output_{{comment.id}}">
                                        {{ comment.text | safe }}
                                    </span>
                                    <textarea name="name" rows="10" cols="110" id="my_code_{{comment.id}}" class="todo_comment_text_{{comment.id}}" hidden>{{comment.text}}</textarea>
                                </td>
                            </tr>

jquery

    $(".comment_edit_button").click(function(e) {
        e.preventDefault();
        var id = $(this).attr("id");
        var title = $("#todo_comment_title_"+id).val();
        var file_name = $("#todo_comment_file_name_"+id).val();
        var text = $(".todo_comment_text_"+id).val();

        $.ajax({
          type: "POST",
          url: 'update_comment_ajax/'+id,
          data: {
              id:id,
              title:title,
              file_name:file_name,
              text:text,
              csrfmiddlewaretoken: '{{ csrf_token }}'
          },
            success: function(result) {
                alert("modify is completted")
                $(".comment_edit_form_button").attr("hidden",true);


          }
        });
    });