个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我在使用 ajax 在数据库中保存 summernote 值时遇到问题，但是当我不使用 ajax 时，一切正常。
说清楚。
<?php
include 'db.php';
$db=new db;
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
if($_POST['act']=='save'){
$content=$_POST['content'];
$id=25;
$query="UPDATE content SET content=? WHERE id=?";
$db->execquery($query, 'si', array($content, $id));
echo json_encode(array("response"=>'success'));
exit();
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- 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="../dist/summernote.css">
<script type="text/javascript" src="../dist/summernote.js"></script>
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
toolbar: [
// [groupName, [list of button]]
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']]
]
});
$('form').on('submit', function (e) {
e.preventDefault();
content=$('.summernote').summernote('code');
data='act=save&content='+content;
$.ajax({
type: "POST",
dataType: "JSON",
data: data,
})
.fail(function(e){
alert(e.response);
})
.done(function(data){
if(data.response=='success'){
alert('success!');
}
});
});
});
</script>
</head>
<body>
<form action="#" novalidate>
<div class="form-group">
<label for="input">Text</label>
<textarea class="form-input" id="input"></textarea>
</div>
<div class="form-group">
<label for="contents">Contents</label>
<textarea name="text" class="summernote" id="contents" title="Contents"></textarea>
</div>
<button type="submit" class="btn btn-default">submit</button>
</form>
</body>
</html>
无论如何，当我在 summernote 中键入简单文本时，值会被保存，但是当我从 msword 粘贴一些文本时，保存的值会被剪切。
我尝试了一些方法，当我按下提交时，我还将 summernote 值放入一个额外的文本区域中，然后当我将这些值手动粘贴到 DB 中时，一切都很好。我还尝试复制代码 View 值，然后手动粘贴到数据库中，这也很好。请帮忙。
提前致谢!
最佳答案
我遇到了同样的问题，我用以下方法修复了它:
Javascript
content = encodeURIComponent($('.summernote').summernote('code'));
PHP
urldecode($_POST[content])
关于javascript - 在 DB 中保存 summernote，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41155617/
25
4
0
fontfamily 选项在 summernote 中不起作用 我试过 $("#divCalltoactiontitle").summernote({ toolbar: [
我正在尝试在 Summer-note v0.8.1 中创建一个自定义按钮(带有下拉列表)。 我以前使用过一个运行良好的旧版本，但是在新版本中我不知道如何创建下拉列表按钮。 请帮助我向自定义按钮添加属性
我正在尝试在 vueJS 中使用 summernote。在 Laravel 框架下。在 blade.php 文档中，我设置了一个 id summernot_div: 然后，在相应的 vueJS 文档
我正在尝试使用 summernote我的应用程序中的编辑器。我在我想修复编辑器的地方使用了 height/minheight, maxheigh 并且不允许它调整大小。 这是我正在处理的代码: $('
我有这个旧代码 // myenter.js, enter key is binded to insertParagraph command. $.summernote.addPlugin({
我正在尝试限制夏日笔记中允许的字数。 例如，我只想限制最多 50 个字。 你有什么想法吗？ $(document).ready(function() { $('#summernote').su
我正在将用户输入加载回 summernote 进行编辑，顶部和底部都添加了额外的行。有办法解决吗？ $('#summernote').summernote('editor.pasteHTML', "h
我在 angular 中使用 summernote 我想创建一个自定义按钮。 我想将 customButton 中的 listHit 作为参数传递，如下所示 'testBtn': this.custo
我在 summernote 中有一个自定义按钮，当我点击例如文本“一”时，它有一个项目“一”、“二”、“三”的下拉列表，文本被添加在开头，这很好。但是当我之后点击“两个”时，文本也会添加到产生这个结果
我在 laravel 上使用 summernote 包，但问题是 Orderlist 和 unorder list 在那里不起作用。这是我正在尝试使用的代码。请帮我解决这个问题。 Html : Ve
我在 Laravel 应用程序中使用 summernote。 @csrf
我正在使用非常好的 Summernote Editor 来开发一个小网络应用程序。我没有对图像使用默认的内联 base64 代码，而是将图像存储在一个文件夹中。 我让那部分按预期工作。我可以单击“图像
我这里有一个 jsFiddle -> http://jsfiddle.net/cm910t89/2/ 我在Summernote WYSIWYG Editor中创建了一个自定义按钮我似乎无法让我的功能在
有人可以帮我设置 Summernote 的默认 textarea 名称值吗？编辑器在页面上看起来是正确的(我可以使用界面修改文本)，但根据我的理解，POST 不起作用。 我尝试了各种 POST 变量，
我在将文本返回到 Summernote 编辑器时遇到问题。 我已经尝试过(但没有成功): $("#EDITsummernote").innerHtml = 'test'; 如何做到这一点？ 最佳答案
我正在尝试编写一个脚本，当我单击按钮时，该脚本会自动显示 Summernote 链接对话框。 例如，我有以下按钮: Copy 所以在我的 js 中我有: $("#linklist").on("clic
有没有办法在summernote编辑器中同时启用默认工具栏和空气模式工具栏？ 例如，我需要用户首先使用默认工具栏编辑文本区域，当他只想编辑一个单词时，他可以选择它，然后弹出空中模式工具栏。 (就像 M
我正在使用django-summernote作为所见即所得的编辑器。到目前为止，我可以从 Summernote 编辑器保存帖子，也可以使用 safe 过滤器显示它。但它的一些功能在我的模板中不存在。
我最近实现了django-summernote使用我的表单，这对于文本非常有效。然而，我很难确切地了解图像上传的工作原理。有人对它是如何完成的有一些意见吗？ 问题 使用 Summernote 从文件中
我想向 Summernote WYSIWYG 编辑器添加自定义按钮。 此按钮将弹出一个小窗口，其中包含特殊字符，例如:alpha - beta - 度数等。 我到处找过，但没有找到任何有关此的信息。如
我是一名优秀的程序员,十分优秀！