0

我正在使用 ckeditor 来编辑屏幕上看到的文本。信息取自数据库并以 div 元素写入屏幕，并且可以通过双击来编辑信息。但是，编辑后我无法获得编辑后的信息。这是我的代码，我尝试添加一个包含 div 元素的表单，但它不起作用。

<form  method="post">
                            <p>
                                Double-click any of the following <code>&lt;div&gt;</code> elements to transform them into
                                editor instances.</p>

                            <?php 
                                $makeleSql = 'SELECT * FROM makale';
                                $makaleRs = $con->func_query($makeleSql);
                                while ($makaleRow = mysql_fetch_array($makaleRs)) {
                                ?>
                                    <div class = "editable" id = <?php echo "content".$makaleRow['id'];?> style="display:none">
                                    <?php
                                        $contentSql = 'SELECT * FROM content WHERE makale_id ='.$makaleRow['id'];
                                        $contentRs = $con->func_query($contentSql);
                                        while ($contentRow = mysql_fetch_array($contentRs)) {
                                            echo $contentRow['icerik'].$makaleRow['id'];
                                        }
                                    ?>
                                    </div>

                            <?php } 
                            ?>
                            <button type="submit" value="Submit" onclick="getDiv();"/>

                        </form>

我应该怎么做才能获取 div 元素中的信息？此外，我正在使用这个例子。 http://nightly.ckeditor.com/7484/_samples/divreplace.html

谢谢。

4

2 回答 2

2

为了保存表单的数据，您需要在输入/选择/文本区域中存储信息。div 和其他非表单的元素 not 将被存储。

您必须将数据存储在隐藏字段中：

<form  method="post">
    <p>
        Double-click any of the following <code>&lt;div&gt;</code> elements to transform them into
        editor instances.</p>

    <?php 
        $makeleSql = 'SELECT * FROM makale';
        $makaleRs = $con->func_query($makeleSql);
        while ($makaleRow = mysql_fetch_array($makaleRs)) {
        ?>
            <div class="editable" id="<?php echo "content".$makaleRow['id'];?>">
            <?php
                $contentSql = 'SELECT * FROM content WHERE makale_id ='.$makaleRow['id'];
                $contentRs = $con->func_query($contentSql);
                while ($contentRow = mysql_fetch_array($contentRs)) {
                    echo $contentRow['icerik'].$makaleRow['id'];
                    // store original text
                    echo '<input type="hidden" name="'.$makaleRow['id'].'" value="'.htmlspecialchars($contentRow['icerik'].$makaleRow['id']).'">;
                }
            ?>
            </div>

    <?php } 
    ?>
    <button type="submit" value="Submit" onclick="getDiv(this);"/>

</form>
<script>
var getDiv = function(btn) {
  for(var el in btn.form.elements) {
    var d = document.getElementById(btn.form.elements[el].name);
    btn.form.elements[el].value = d.innerHTML;
  }
  return true;
}
</script>
于 2012-05-14T07:58:07.993 回答
0

通常添加<input type="hidden">到任何<div>具有属性的addToForm内容，将内容复制到其中（请参阅下面的注释）：

<form method="post" id="f">
<div id="txt" addToForm="1" contenteditable spellcheck="true" style="height:100px;width:300px;font-family:arial,sans serif;border:1px solid black;font-weight:normal;overflow-y:auto;"
    </div><br />
<input type="button" value="Go" id="btnGo">
</form>
<script type="text/javascript">
$(document).ready(function(){
    $("#btnGo").click(function(){
        $("div[addToForm]").each(function(){
            var tId=$(this).prop("id");
            $(this).after("<input type='hidden' name='"+tId+"' id='hdn"+tId+"'>");
            $("#hdn"+tId).val($(this).html());
        });
        $("#f").submit();
    });
});
</script>

注 1）如果您想去除内容的 HTML 格式，请使用<textarea>而不是<input> 注 2）确保首先成功完成验证，否则您将得到多个具有相同名称的隐藏输入

于 2015-05-27T14:19:59.080 回答