无法从mysql db为summernote vue html编辑器赋值

Posted

技术标签:

【中文标题】无法从mysql db为summernote vue html编辑器赋值【英文标题】:Can't assign value to summernote vue html editor from mysql db 【发布时间】:2016-11-14 04:13:26 【问题描述】:

我使用的是summernote vue html 编辑器,我在编辑器中编写了一些内容,然后将其保存在mysql DB 中,现在当我使用php 从DB 检索内容并将其回显到summernote 时,编辑器仅显示测试内容我无法用文本分配图像值,请为此提供一些解决方案。我的代码:

初始化summernote的代码:

<!-- include jquery -->
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 

  <!-- include libraries BS3 -->
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" />
  <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>

  <!-- include summernote -->
  <link rel="stylesheet" href="summernote-develop/dist/summernote.css">
  <script type="text/javascript" src="summernote-develop/dist/summernote.js"></script>

  <script type="text/javascript">
    $(document).ready(function() 
      $('#contents').summernote(
        height: 200
      );

    );

  </script>

从 db 中检索数据并将其分配给 Summernote 的代码:

<?php 
                         $con =mysqli_query($conn,"SELECT * FROM tbl_content WHERE user_id= '".$pro_id."' ORDER BY pro_id ASC");                      


                      while($data1=mysqli_fetch_array($con)) $fx= $data1['content'];   ?>  


    <textarea class="summernote" id="contents" title="Contents" name="name1" value="<?php echo $fx ;?>"></textarea>

     <?php  ?>

这是我的数据库内容:

Mysql DB Data

这是我的summernote值结果:

Summernote Result Data

【问题讨论】:

【参考方案1】:

终于有答案了

将以下代码添加到我的 Summernote 脚本中。

var postForm = function() var content = $('textarea[name="name1"]').html($('#summernote').summernote('code'));

现在我从数据库中获取所有数据。

【讨论】:

以上是关于无法从mysql db为summernote vue html编辑器赋值的主要内容,如果未能解决你的问题,请参考以下文章

在laravel中的db中显示summernote中的图像

使用ajax更新时无法从summernote获取价值

无法使用 VueJs 从 Mysql DB 获取数据

无法使用 Javascript AJAX 从 Summernote textarea 获取价值发送帖子数据

django summernote 无法正常工作

在数据库中保存summernote的问题