无法从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编辑器赋值的主要内容,如果未能解决你的问题,请参考以下文章