@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/js/jquery-3.1.1.min.js"></script>
<script src="~/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="~/lib/summernote/dist/summernote.min.js"></script>
<script src="~/lib/summernote/lang/summernote-zh-CN.js"></script>
<link rel="stylesheet" type="text/css" href="~/lib/summernote/dist/summernote.css">
<
<div id="summernote"></div>
<button id="edit" class="btn btn-primary" onclick="edit()" type="button">Edit 1</button>
<button id="save" class="btn btn-primary" onclick="save()" type="button">Save 2</button>
<script type="text/javascript">
//加载编辑器
$(document).ready(function () {
$('#summernote').summernote({
height: 100,
minHeight: null,
maxHeight: null,
focus: true,
lang: 'zh-CN',
// 重写图片上传
onImageUpload: function (files, editor, $editable) {
sendFile(files[0], editor, $editable);
}
});
var markupStr = 'hello world';
$('#summernote').summernote('code', markupStr);// 赋值
});
$('.summernote').summernote({
airPopover: [
['color', ['color']],
['font', ['bold', 'underline', 'clear']],
['para', ['ul', 'paragraph']],
['table', ['table']],
//['insert', ['link', 'picture']]
]
});
//图片上传
function sendFile(file, editor, $editable) {
var filename = false;
try {
filename = file['name'];
} catch (e) {
filename = false;
}
if (!filename) {
$(".note-alarm").remove();
}
//以上防止在图片在编辑器内拖拽引发第二次上传导致的提示错误
data = new FormData();
data.append("file", file);
data.append("key", filename); //唯一性参数
$.ajax({
data: data,
type: "POST",
url: "",
cache: false,
contentType: false,
processData: false,
success: function (url) {
if (url == '200') {
alert("上传失败!");
return;
} else {
alert("上传成功!");
}
//alert(url);
editor.insertImage($editable, url);
//setTimeout(function(){$(".note-alarm").remove();},3000);
},
error: function () {
alert("上传失败!");
return;
//setTimeout(function(){$(".note-alarm").remove();},3000);
}
});
}
var edit = function () {
$('#summernote').summernote({ focus: true });
};
var save = function () {
var makrup = $('#summernote').summernote('code');// 取值
debugger
$('#summernote').summernote('destroy');// 释放
};
</script>
bootstrap插件summernote 编辑器 的使用
最新推荐文章于 2022-02-23 13:36:02 发布