<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="kindeditor/kindeditor-all.js"></script>
<script src="jquery-1.10.1.min.js"></script>
</head>
<body>
标题:<input id="biaoti" /><br>
发布人:<input id="fbr" /><br>
内容: <textarea id="nr" style="width: 800px;height: 500px" name="content"></textarea>
<button onclick="tijiao()">提交</button>
</body>
</html>
<script>
//保存图片
var editor1;
KindEditor.ready(function(K) {
editor1 = K.create('textarea[name="content"]', {
cssPath : '',
uploadJson : 'uploadImage.php',//
fileManagerJson : '',
allowFileManager : false,
filterMode:false,
pasteType: 1, //0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴
items : [
'source', '|', 'undo', 'redo', '|', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'link', 'unlink', '|', 'about'
]
});
});
//提交
function tijiao(){
// var biaoti = document.getElementById('biaoti').value;js写法
var biaoti = $('#biaoti').val();//jQuery写法
var fbr = document.getElementById('fbr').value;
// var fdr = $('#fdr').val();//jQuery写法
editor1.sync();//把编辑器的内容同步到textareal里面
var nr = document.getElementById('nr').value;
if(biaoti == ''){
alert('请输入标题');
}else if(fbr == ''){
alert('请输入发布人');
}else if(nr == ''){
alert('请输入内容');
return;
}
//网络请求用后端,用ajax工具
$.ajax({
url:'http://wujing62/saveNews.php',
data:{mybiaoti:biaoti,myfbr:fbr,mynr:nr},
type:'get',
dataType: 'text',
success:function (res){
//寄成功,res接收对方回复我的消息
//还要判断回复的消息对不对
console.log('---------',res);
if (res == '保存成功'){
alert(res)
}else {
alert(res)
}
},error:function (res){
console.log('地址找不到',res);
//寄成功,res接收失败的原因
}
})
}
</script>
这个也是一样的
最新发布