我要评论
jquery方式创建编辑器
kindeditor.create('#nr'); //绑定指定id。
html部门
<textarea id="nr" style="width:680px;height:280px;visibility:visible"></textarea>
----------------------------------------------------------------------------------
allowfilemanager 【是否允许浏览服务器已上传文件】
默认值是：false
------------------------------------------------------
allowimageupload 【是否允许上传本地图片】
默认值是：true
----------------------------------------------
allowflashupload 【是否允许上传flash】
默认值是：true
----------------------------------------------
allowmediaupload 【是否允许上传多媒体文件】
默认值是：true
------------------------------------------------
pastetype 【设置粘贴类型】
0:禁止粘贴, 1:纯文本粘贴, 2:html粘贴（默认）
---------------------------------------------------
resizetype 【设置可否改变编辑器大小】
0:不能改变 1:只能改变高度 2:宽度和高度都可以改变（默认）
----------------------------------------------------------
themetype 【主题风格】
可设置"default"、"simple"，指定simple时需要引入simple.css
-------------------------------------------------------------
designmode 【可视化模式或代码模式】
数据类型：boolean
默认值是：true(可视化)
------------------------------------------
aftercreate:function(){} 【编辑器创建后】
aftercreate:function(){
//alert('创建完成');
}
------------------------------------------
fontsizetable 【制定文字大小】
数据类型：array
默认值：['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px']
-----------------------------------------------------------------------
colortable 【指定取色器里的颜色值】
数据类型：array
[
['#e53333', '#e56600', '#ff9900', '#64451d', '#dfc5a4', '#ffe500'],
['#009900', '#006600', '#99bb00', '#b8d100', '#60d978', '#00d5ff'],
['#337fe5', '#003399', '#4c33e5', '#9933e5', '#cc33e5', '#ee33ee'],
['#ffffff', '#cccccc', '#999999', '#666666', '#333333', '#000000']
]
上面是默认值
----------------------------------------------------------------------------------
【ctrl+enter提交】
aftercreate:function(){
var self=this;
kindeditor.ctrl(self.edit.doc, 13, function() {
self.sync();
//执行其他事件
});
}
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var editor=kindeditor.create('#nr');
【编辑器获取焦点】
editor.focus();
【取得编辑器html内容】
var html=editor.html();
【取得编辑器纯文本内容】
var text=editor.text();
【移除编辑器】
editor.remove();
【设置编辑器html】
editor.html('<strong>编辑器内容</strong>');
【设置编辑器纯文本内容，直接显示html代码】
editor.text('<strong>编辑器内容</strong>');
【判断编辑器内容是否为空】
if(editor.isempty()){
alert('请输入内容');
return false;
}
【将指定的html内容插入到编辑器区域里的光标处】
editor.inserthtml('<strong>插入内容</strong>');
【将指定的html内容添加到编辑器区域的最后位置。】
editor.appendhtml('<strong>追加内容</strong>');
【编辑器切换全屏模式】
editor.fullscreen();
【设置编辑器的只读状态】
editor.readonly(false); //true:只读，false:取消只读
==================================================================================
【浏览服务器】选择已上传的文件
① 必须先引用编辑器的default.css文件
<link rel="stylesheet" type="text/css" href="../editor/themes/default/default.css" />
② 必须引用一下两个javascript文件
<script type="text/javascript" src="../editor/kindeditor-min.js"></script>
<script type="text/javascript" src="../editor/lang/zh_cn.js"></script>
③ 具体实现方法
【上传本地文件到服务器】
① 引用css文件
<link rel="stylesheet" type="text/css" href="../editor/themes/default/default.css" />
② 引用编辑器javascript文件
<script type="text/javascript" src="../editor/kindeditor-min.js"></script>
③ 具体实现方法
【上传图片】包括选择服务器已上传的图片
① 引用css文件
<link rel="stylesheet" type="text/css" href="../editor/themes/default/default.css" />
② 引用编辑器javascript文件
<script type="text/javascript" src="../editor/kindeditor-min.js"></script>
③ 引用语言包文件，必须的
<script type="text/javascript" src="../editor/lang/zh_cn.js"></script>
④ 具体实现方法
http://www.cnblogs.com/edielei/archive/2011/11/12/2246450.html
- 站内搜索
发表评论