• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >网页编辑器 > KindEditor 4.x 在线编辑器常用方法小结

KindEditor 4.x 在线编辑器常用方法小结

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-05

本文主要包含kindeditor在线编辑器,kindeditor编辑器,kindeditor文本编辑器,kindeditor不可编辑,kindeditor不能编辑等相关知识, 希望在学习及工作中可以帮助到您
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>
③ 具体实现方法 
http://www.cnblogs.com/edielei/archive/2011/11/12/2246450.html </div>

您可能想查找下面的文章:

  • KindEditor 4.x 在线编辑器常用方法小结
  • KindEditor 编辑器 v3.5.1 修改版

相关文章

  • 2017-06-05Ueditor和CKeditor 两款编辑器的使用与配置方法
  • 2017-06-05FCKEditor+jQuery+PHP实现分页代码
  • 2017-06-05javascript开发随笔3 开发iframe富文本编辑器的一点体会
  • 2017-06-05FCKeidtor 清除编辑器内容的代码
  • 2017-06-05UEditor 编辑器跨域上传解决方法
  • 2017-06-05ckeditor syntaxhighlighter代码高亮插件,完美修复
  • 2017-06-05FCKeditor 2.6.5 ASP环境安装配置使用说明
  • 2017-06-05fckeditor 修改记录添加行距功能插件
  • 2017-06-05百度编辑器Ueditor增加字体的修改方法
  • 2017-06-05伪静态下不能使用FCKeditor的解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Ueditor和CKeditor 两款编辑器的使用与配置方法
    • SyntaxHighlighter 语法高亮插件的使用教程
    • FCKEditor超级链接默认新窗口打开的修改方法
    • FCKEDITOR 的高级功能和常见问题的解决方法
    • FCKeditor 2.6.5 ASP环境安装配置使用说明
    • Html 编辑器粘贴内容过滤技术详解
    • KindEditor 编辑器 v3.5.1 修改版
    • ckeditor syntaxhighlighter代码高亮插件,完美修复
    • ueditor编辑器不能上传图片问题的解决方法
    • FCKEditor常用Js代码,获取FCK内容,统计FCK字数,向FCK写入指定代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有