Как сохранить несколько ckeditor в php?

Этот div преобразован в TextArea

От

<div contenteditable = "true" class = "myContent" id = "content"><?php echo $row_correspond_result["content"];?>        </div>

К

<textarea contenteditable = "true" class = "myContent" id = "content"><?php echo $row_correspond_result["content"];?> </textarea>

Чтобы сохранить несколько ckeditor, вам нужно передать атрибут имени в формате массива. когда вы нажимаете кнопку «Отправить», сохраняйте значение содержимого, используя функцию сериализации.

PHP-код.

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

if (isset($_POST["action"])&&($_POST["action"]= = "update")){  
    $content = $id = '';
    $form_data = $_POST['form_data'];
    for($i=0 ; $i<count($form_data['id']); $i++){
        $content = serialize($form_data['content'][$i]);
        $id = $form_data['id'][$i];
        $query_update = "UPDATE correspond SET content='$content' WHERE id= $id"; 
        mysqli_query($conn, $query_update);
    }
    //header("Location: correspond.php");
}
?>

Во время отображения десериализуйте значение содержимого и поместите его в поле textarea.

HTML-код.

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src = "https://cdn.ckeditor.com/4.11.4/standard/ckeditor.js"></script>

<script type = "text/javascript">
$(document).ready(function() {
var elements = document.getElementsByClassName( 'myContent' );
for ( var i = 0; i < elements.length; ++i ) {
     CKEDITOR.replace( elements[ i ]);
    //CKEDITOR.inline( elements[ i ], { /* config for this instance */ } );
}
});
</script>

<table>
<tr class = "table table-bordered table-striped">
<form action = "" method = "POST" name = "correspond_form" id = "correspond_formJoin">
<tbody id = "myTable">
<td colspan = "3" align = "center">

<?php 
$sql = "SELECT id, content FROM correspond";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
    // output data of each row
while($row = $result->fetch_assoc()) {
    //get the content form database and use unserialize method
    $content = unserialize($row["content"]);
?>

<!-- Change div to textarea and use the name attr as array format -->
<textarea contenteditable = "true" class = "myContent" name = "form_data[content][]" id = "content"><?php echo $content;?> </textarea>
<!-- add the corresponding id to update the content. -->
<input type = "hidden" name = "form_data[id][]" value  = "<?php echo $row["id"];?> ">
<?php
}
}
?>
</td>
</tr><tr>
<td colspan = "2"></td>
<td align = "center">
<input name = "action" type = "hidden" id = "action" value = "update">
<input type = "submit" name = "Submit" value = "Update"></td>



</form></tr></tbody></table>