kindeditor使用方法
2016-04-11 23:08
393 查看
一、下载编辑器
下载KindEditor最新版本(本版本为4.1.10)
下载页面:http://kindeditor.net/down.php
二、部署编辑器
解压kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,如图:
PS:
可以根据需求删除以下目录后上传到服务器。
asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
examples - 演示文件
三、修改HTML页面
1、在需要显示编辑器的位置添加textarea输入框
2、在该HTML页面添加以下脚本
效果如图:
下载KindEditor最新版本(本版本为4.1.10)
下载页面:http://kindeditor.net/down.php
二、部署编辑器
解压kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,如图:
PS:
可以根据需求删除以下目录后上传到服务器。
asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
examples - 演示文件
三、修改HTML页面
1、在需要显示编辑器的位置添加textarea输入框
<textarea id="editor_id" name="content" style="width:700px;height:300px;"> 这里输入内容... </textarea>
2、在该HTML页面添加以下脚本
<script charset="utf-8" src="kindeditor/kindeditor.js"></script> <script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script> <script> KindEditor.ready(function(K) { window.editor = K.create('#editor_id'); }); </script>
效果如图:
相关文章推荐
- kindeditor 批量上传 上传失败 thinkphp swfupload session
- javaweb之web入门基础
- KindEditor 4.x 在线编辑器常用方法小结
- javaweb实战之商城项目开发(二)
- kindeditor编辑器点中图片滚动条往上顶的bug
- nodejs 整合kindEditor实现图片上传
- JavaWeb工程中集成YMP框架快速上手(二)
- dotnet封装的kindeditor编辑器控件
- 解决javaWEB中前后台中文乱码问题的3种方法
- kindeditor修复会替换script内容的问题
- JavaWeb实现邮件发送接收功能实例解析
- javaweb中静态文件的常用处理方法汇总
- java web激活邮箱并找回密码
- javaWEB实现相册管理的简单功能
- javaweb中Filter(过滤器)的常见应用
- JavaWeb实现文件上传与下载实例详解
- JavaWeb搭建网上图书商城毕业设计
- Java Web开发入门书籍实例解析(总结一)
- JavaWeb中struts2实现文件上传下载功能实例解析
- javaweb实战之商城项目开发(一)