javascript - 使用 Summer note 编辑存储在数据库中的 HTML + CSS

Question

我正在使用 summer note 访问我的 SQL 数据库并检索一个名为 page_details 的字段，该字段当前存储在 summer note 中创建的页面的 html 和 css。

我能够完美地创建页面并将 html 和 css 上传到数据库中，没有任何问题，但是当我在夏天尝试编辑它们时，请注意一些创建的页面您无法编辑，而有些可以被编辑得很好。

那些你不能不编辑的会抛出一个错误:Uncaught SyntaxError: missing ) after argument list Uncaught SyntaxError: Image with part of Source code causing error

可以正常打开的页面也以 <h1> 开头关于如何修复此错误的任何想法？

            $stmt = $DB_con->prepare('SELECT * FROM page WHERE page_id=:page_id');
            $page_id = $_GET['page_id'];
            $stmt->bindParam(':page_id',$page_id);
            $stmt->execute();
            if($stmt->rowCount() > 0)
            {
             $row=$stmt->fetch(PDO::FETCH_ASSOC);
              extract($row);
            }
            ?>
                    <form action="save_page.php?page_id=<?echo $row['page_id'];?> " autocomplete="off" method="post">
            <textarea id="summernote" name="summernote" ></textarea>
                                 <button class="btn btn-success btn-block" name="update_page" type="submit"><i class="fa fa-lock"></i> Update Page</button>
            </form>


<script type="text/javascript">

  $('#summernote').summernote('editor.pasteHTML', '<? echo $row['page_details'];?>');


    $(document).ready(function() {

        $('.summernote').summernote({
            height: 200
        });


        $('#submitBtn').click(function() {
            var summernoteContent = $('.summernote').summernote('code');
            $('#result').val(summernoteContent);
        });

    });


    </script>



This Fixed the syntax error: 
$('#summernote').summernote('editor.pasteHTML', `<? echo $row["page_details"];?>`);

Answer 1

如果page_details 是一个变量，你可以使用模板文字。

$('#summernote').summernote('editor.pasteHTML', `<? echo $row[${page_details}];?>`);