Tên văn bản mặc định cho Summernote là gì?

Question

Ai đó có thể giúp tôi với giá trị tên mặc định là textarea cho Summernote không? Trình chỉnh sửa có vẻ chính xác trên trang (tôi có thể sửa đổi văn bản bằng giao diện) nhưng POST không hoạt động dựa trên sự hiểu biết của tôi.

Tôi đã thử nhiều biến POST nhưng không có biến nào trong số đó có vẻ chính xác. Ví dụ: summernote, note-codable và text-area. Hai cái cuối cùng xuất phát từ summernote.js. Jquery không phải là thứ mà tôi có nhiều kinh nghiệm, vì vậy hãy làm ơn bước cho tôi.

Đây là những gì tôi đang sử dụng.

$('#summernote').summernote({height: 300}); 
var sHTML = $('#summernote').code(); 

và

<div name="summernote" id="summernote"><?php echo $news_body; ?></div> 

Tôi cũng đã thử các dòng dưới đây riêng trong một nỗ lực để thay đổi tên textarea để content:

var sHTML = $('#summernote').code(); 
$('#summernote').code(); 
var content = $('textarea[name="content"]').html($('#summernote').code()); 
$('textarea[name="content"]').html($('#summernote').code()); 
var sHTML = $('textarea[name="content"]').html($('#summernote').code()); 
var textareaValue = $("#content").code(); 
$("summernote").code(html); 

Answer 1

Điều này hóa ra lại là một sửa chữa rất đơn giản. Gốc của sự nhầm lẫn là tài liệu nói rằng sử dụng div. Chỉ cần sử dụng một vùng văn bản thay thế. Mặc dù ghi chú mùa hè tự động tạo một vùng văn bản, hãy thực hiện nó. Nó sẽ hoạt động.

Answer 2

Tôi tìm thấy một ví dụ làm việc của việc sử dụng Summernote với php đang thực hiện một biểu mẫu POST here.

Đó là một chút phức tạp vì vậy tôi sẽ giải thích những gì đang xảy ra.

Trước tiên, bạn cần phải thêm một vùng văn bản sẽ là vùng chứa cho nội dung của bài đăng. Trong ví dụ có một tên "nội dung". Textarea tăng gấp đôi vùng chứa cho trình soạn thảo mùa hè, nhưng bạn có thể dễ dàng sử dụng một vùng văn bản ẩn và sử dụng một div cho vùng chứa mùa hè.

Để nhận dữ liệu từ ghi chú mùa hè đến văn bản, bạn cần gọi hàm .code() trên phần tử mùa hè tại thời điểm POST. Ví dụ này thực hiện điều này bằng cách đặt trình xử lý onsubmit thành một hàm (có tên là "postForm" trong ví dụ) tìm phần tử summernote, nhận đầu vào được mã hóa và đặt chuỗi mã hóa làm html của vùng văn bản.

Answer 3

Hãy thử điều này:

var sHTML = $('.summernote').summernote('code') 

Answer 4

Summernote xây dựng đó là khu vực DOM riêng khi nó được khởi tạo, ngay cả khi bạn sử dụng một <textarea> nó đánh dấu sử dụng một <div> với thuộc tính contentEditable cho khu vực có thể chỉnh sửa, mà btw, nó là môn học là note-editable.

Nếu bạn chưa có, tôi khuyên bạn hãy kiểm tra trang https://summernote.org/deep-dive/ để biết các tùy chọn cho chức năng API có sẵn.