写博文时,一部小心点了浏览器的“关闭按钮”,没来得及保存,意味着先前写的内容白写了。。。
增加一段 js 代码,可以弹框提醒我们是否要真的关闭浏览器,用的是 Ckeditor 编辑器,参考代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线编辑器 - CKEditor</title>
<script type="text/javascript" src="static/jquery.min.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body style="width: 100%; height: 100%">
<pre id="pre_content" class="hidden"></pre>
<textarea id="content" name="blog[content]"></textarea>
<script type="text/javascript">
var ck_obj_content = CKEDITOR.replace('content', {width : '100%', height : '600px'});
// 初始化
ck_obj_content.on('instanceReady', function(e) {
// 最大化
ck_obj_content.execCommand('maximize');
// 显示区块
ck_obj_content.execCommand('showblocks');
});
// 默认内容
ck_obj_content.setData($('#pre_content').html());
$('#pre_content').remove();
// 关闭页面确认弹出框
window.onbeforeunload = function() {
if (ck_obj_content.getData()) {
return ('确认要关闭页面吗?');
}
};
</script>
</body>
</html>