怎么在php中插入kindeditor文本编辑器,能不能提供一个完整的代码参考一下
4个回答
展开全部
大致代码如下:
首先引入配置:
<link rel="stylesheet" href="./kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="./kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="./kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="./kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8" src="./kindeditor/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="content1"]', {
cssPath : './kindeditor/plugins/code/prettify.css',
uploadJson : './kindeditor/php/upload_json.php',
fileManagerJson : './kindeditor/php/file_manager_json.php',
allowFileManager : false,
afterCreate : function() {
var self = this;
K.ctrl(document, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
</script>
<body>
<!--然后在<form >里设置内容输入框 textarea-->
<form method="post" action="post.php" id="myform" name="myform">
<textarea name="content1" style="width:700px;height:400px;visibility:hidden;"></textarea>
<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button">
</form>
获取编辑器的内容的时候在提交的页面通过 $_POST[content1] 来获取
首先引入配置:
<link rel="stylesheet" href="./kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="./kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="./kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="./kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8" src="./kindeditor/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="content1"]', {
cssPath : './kindeditor/plugins/code/prettify.css',
uploadJson : './kindeditor/php/upload_json.php',
fileManagerJson : './kindeditor/php/file_manager_json.php',
allowFileManager : false,
afterCreate : function() {
var self = this;
K.ctrl(document, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
</script>
<body>
<!--然后在<form >里设置内容输入框 textarea-->
<form method="post" action="post.php" id="myform" name="myform">
<textarea name="content1" style="width:700px;height:400px;visibility:hidden;"></textarea>
<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button">
</form>
获取编辑器的内容的时候在提交的页面通过 $_POST[content1] 来获取
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
kindeditor 下载解压后有个demo的文件夹里面有最基本的网页引用方法· 主要是引用两个js文件·如下
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
});
</script>
然后网页里面的输入框这样<textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
});
</script>
然后网页里面的输入框这样<textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
kindeditor文本编辑器 的程序包 里有 实例的 你直接将代码copy过来就可以
追问
嗯,copy了,但是还是出不来那个编辑框,是不是文件的位置不对?原来的实例可以打开,也有文本编辑框,但复制完了,在WWW文件夹下就不行了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询