kindSoft在线网页编辑器简单的配置参数介绍

所属分类: 网络编程 / 网页编辑器 阅读数: 854
收藏 0 赞 0 分享
对于网页编辑器对做项目的时候是非常的又用的一个编辑器,大大的减轻了开发人员的负担,感觉KindSoft是一个不错的选择,因此也在不断的使用。

下面对一些简单的配置进行归纳一下
首先是将下载的KindSoft文件导入到项目的目录下;
复制代码 代码如下:

<script src="../Content/kindeditor-4.1.4/kindeditor-all.js" type="text/javascript"></script>
<script src="../Content/kindeditor-4.1.4/lang/zh_CN.js" type="text/javascript"></script>

这两个引用在xx.aspx文件的Head部分
然后插入下面的一段代码
复制代码 代码如下:

<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#tbContent');
});
</script>

tbContent是要嵌入的Input标签的id值,呵呵嘿嘿、、惊喜就出现了;如下图所示:
 
但是如果要进行图片、flash或者视频的上传的话,你就会很郁闷了,很多时候都会因为上传路径不对而出错,因此你需要设置你的图片、flash或者视频文件的路径;只需将上面一段代码改为如下部分则可以满足基本的需求了:
复制代码 代码如下:

<script language="javascript" type="text/javascript">
KindEditor.ready(function (K) {
K.create('#tbContent', {
uploadJson: '../Content/kindeditor-4.1.4/asp.net/upload_json.ashx',
fileManagerJson: '../Content/kindeditor-4.1.4/asp.net/file_manager_json.ashx',
allowFileManager: true
});
});

上面标记颜色的部分应该根据自己的文件路径选择合适的路径;
最后就是有关编辑器中的控件并不是自己所需要的,所以你需要在如下的路径进行配置:
展开kindeditor-4.1.4,找到kindeditor.js文件,双击就去,然后找到在246页左右,就有一个Items,在之后又如下的配置参数:
复制代码 代码如下:

[
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
]

参数的解释如下
source HTML代码
preview 预览
undo 后退
redo 前进
cut 剪切
copy 复制
paste 粘贴
plainpaste 粘贴为无格式文本
wordpaste 从Word粘贴
selectall 全选
justifyleft 左对齐
justifycenter 居中
justifyright 右对齐
justifyfull 两端对齐
insertorderedlist 编号
insertunorderedlist 项目符号
indent 增加缩进
outdent 减少缩进
subscript 下标
superscript 上标
formatblock 段落
fontname 字体
fontsize 文字大小
forecolor 文字颜色
hilitecolor 文字背景
bold 粗体
italic 斜体
underline 下划线
strikethrough 删除线
removeformat 删除格式
image 图片
flash Flash
media 视音频
table 表格
hr 插入横线
emoticons 插入表情
link 超级链接
unlink 取消超级链接
fullscreen 全屏显示
about 关于
print 打印
code 插入程序代码
map Google地图
baidumap 百度地图
lineheight 行距
clearhtml 清理HTML代码
pagebreak 插入分页符
quickformat 一键排版
insertfile 插入文件
template 插入模板
anchor 插入锚点
更多精彩内容其他人还在看

关于CKeditor的非主流个性应用的设置

因为我的网站需要一个编辑器,所以用周末时间研究了一下CKeditor,终于最终修改成了合适的样子。
收藏 0 赞 0 分享

dedecms5.5 最新版ckeditor编辑器整合教程

CKEditor是fckeditor的3.0版。经过近两年的紧张开发,第一个CKEditor 3.0稳定版本终于发布。
收藏 0 赞 0 分享

javascript 网页编辑框及拖拽图片的问题

javascript 网页编辑框及拖拽图片的问题,需要的朋友可以参考下。
收藏 0 赞 0 分享

asp.net FCKeditor 2.6.3 配置说明

FCKeditor是一个功能强大支持所见即所得功能的文本编辑器,可以为用户提供微软office软件一样的在线文档编辑服务。
收藏 0 赞 0 分享

轻松实现 CKfinder进驻CKEditor3.0

看完YaSin写得“将CKfinder 整合进 CKEditor3.0 ”之后,我总觉得问题有点复杂,尤其是修改压缩了的js文件。
收藏 0 赞 0 分享

将CKfinder 整合进 CKEditor3.0的方法

CKFinder是一款基于AJAX的文件浏览器,这是ASP.NET专用版,它可以在线浏览文件、管理文件、上传文件,以树形Tree的方式展开目录,自动检测图片并生成缩略图,它是由Fckeditor公司出品,同时也可配合FckEditor来使用,可达到意想不到的效果。
收藏 0 赞 0 分享

ASp.net下fckeditor配置图片上传最简单的方法

fckeditor 的基本配置我就不讲了,讲讲图片上传这块吧;
收藏 0 赞 0 分享

ckeditor 简单配置方法

ckeditor 简单配置使用方法
收藏 0 赞 0 分享

asp.net CKEditor和CKFinder的应用

CKEditor和CKFinder在ASP.NET中的应用,需要的朋友可以参考下。
收藏 0 赞 0 分享

FCKEDITOR 的高级功能和常见问题的解决方法

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。
收藏 0 赞 0 分享
查看更多