国产网页在线编辑器kindeditor的使用
来源:互联网 发布:统计软件购买 预算 编辑:程序博客网 时间:2024/04/27 23:42
作为以前在使用fckeditor,后来浏览器更新后发现fck编辑不好用(而且是致命的问题,根本不能编辑),而且界面也做的不怎样!后来发现国产中有一款开源的网页在线编辑器,试了一下感觉效果很不错!使用也非常方便
下面来说说使用kindeditor的几个步骤:
1. 加载kindeditor使用所必需的文件
<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> //编辑器主js库
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script> //语言包
<script charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script> //修饰js
2.定义一个隐藏的textarea
<textarea id="editor" name="editor" rows="" cols="" style="width:100%; height: 450px; visibility: hidden;">
3.定义kindeditor组件
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="editor"]', {
cssPath : 'kindeditor/plugins/code/prettify.css',
uploadJson : 'upload_json', //上传处理
fileManagerJson : 'file_manager', //文件管理
allowFileManager : true
});
prettyPrint();
});
</script>
示例图片:
其他的可以查看官方文档。至于上传,可以使用官方给的示例代码,如果用作商业的话最好自己写。
- 国产网页在线编辑器kindeditor的使用
- 网页编辑器kindeditor的使用
- 在线编辑器的使用总结(kindeditor , )
- kindeditor-4.1.10在线编辑器的使用
- kindeditor在线编辑器的使用心得
- kindeditor在线编辑器的使用心得
- kindeditor在线编辑器的使用心得
- kindeditor-4.1.10网页编辑器的使用
- KindEditor在线文本编辑器使用
- 优秀网页在线编辑器 KindEditor HTML
- kindEditor编辑器的使用
- KindEditor编辑器的使用
- kindEditor编辑器的使用
- KindEditor编辑器的使用
- KindEditor编辑器的使用
- asp.net中使用kindeditor在线编辑器
- kindeditor在线HTML编辑器简单使用教程
- KindEditor--开源的在线HTML编辑器
- Git 常用命令总结
- JDBC的fetchsize和maxrows
- NGUI插件技术(OnClick事件机制)
- c++ int转化为string 类型
- 设置EXtjs中MessageBox的内容居中
- 国产网页在线编辑器kindeditor的使用
- Spring MVC源码分析(续)——请求处理
- 使用Java调用C/C++
- Django html关闭转义两种种方式
- LeetCode | Merge Sorted Array
- Ubuntu13.10下编译安装mt7601U USB无线网卡驱动
- 电网时间同步系统---概念
- JavaBean规范
- Android WebRTC 音视频开发总结(一)