文档章节

kindSoft简单的配置(在线网页编辑器)

gyouxu
 gyouxu
发布于 2014/08/26 09:46
字数 679
阅读 19
收藏 0

    对于网页编辑器对做项目的时候是非常的又用的一个编辑器,大大的减轻了开发人员的负担,感觉KindSoft是一个不错的选择,因此也在不断的使用;

下面对一些简单的配置进行归纳一下:

  1. 首先是将下载的KindSoft文件导入到项目的目录下;
  2. <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部分

  3. 然后插入下面的一段代码:
    <script>
            var editor;
            KindEditor.ready(function(K) {
                    editor = K.create('#tbContent');
            });
    </script>
    tbContent是要嵌入的Input标签的id值,呵呵嘿嘿、、惊喜就出现了;如下图所示:
  4. 但是如果要进行图片、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 插入锚点
 

© 著作权归作者所有

gyouxu
粉丝 1
博文 24
码字总数 14526
作品 0
杭州
程序员
私信 提问
KindEditor 4.1.6 发布,在线富文本编辑器

KindEditor 4.1.6 变更记录: 新增: 韩国语语言包,感谢Github用户composite贡献。 新增: allowImageRemote初始化参数,可隐藏网络图片标签。 改善: 插入程序代码添加是否为空的判断。 Bugf...

Roddy
2013/03/24
3.5K
6
在线网页编辑器--uuHEdt

uuHEdt(在线网页编辑器)是基于Web的所见即所得的HTML网页编辑器。 可以非常简单的在您的网站中嵌入可见即所得的网页编辑功能。广泛的支持常见的浏览器如IE, Opera, Firefox, Google Chrome a...

uuware
2010/10/28
5.1K
0
推荐 7 款国产的在线HTML编辑器

在线HTML编辑器或者是基于浏览器的所见即所得的HTML编辑器广泛用于各种类型网站的文章发布、论坛发贴等功能。例如在oschina网站上发帖、写博客、提交新闻、添加开源软件等处都会用到这种编辑...

红薯
2011/04/22
36.7K
13
KindEditor 4.1.9 发布,请尽快升级

前天发布的4.1.8版本有一个严重问题,选中文字后创建超级链接没有任何效果,4.1.8版本用户请尽快升级。 KindEditor 4.1.9 变更记录: Bugfix: 选中后无法添加超级链接。 Bugfix: 自动高度插件...

红薯
2013/10/09
2.9K
6
可视化HTML编辑器--TinyMCE

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度...

匿名
2008/09/11
142.9K
5

没有更多内容

加载失败,请刷新页面

加载更多

会用python把linux命令写一遍的人,进大厂有多容易?

看过这篇《2000字谏言,给那些想学Python的人,建议收藏后细看!》的读者应该都对一个命令有点印象吧?没错,就是 linux 中经常会用到的 ls 命令。 文章中我就提到如何提升自己的 python 能力...

上海小胖
27分钟前
6
0
HashMap的特性

一、hashmap数据结构:哈希表结构:数组+链表 hashmap调用默认构造方法会产生一个默认底层是长度为16的Entry数组,首先调用key的hasCode()方法来得到一个整数, int hash = hash(key.hashCode...

GGbird
27分钟前
16
0
第五章 spring-connet之Imports注解来龙去脉

前言 imports是一个在spring体系里非常重要的注解,基本每个Enable开头的注解必然有一个import注解。接下来我们深入研究下import的作用。看小节的同学建议先取看PostProcessorRegistrationDe...

鸟菜啊
31分钟前
6
0
CentOS部署Harbor镜像仓库

关于Harbor Harbor是用于存储和分发Docker镜像的镜像仓库服务,相比Docker Registry,Harbor在安全、标识、管理等方面做了增强,更适合企业使用; 官方网站:https://goharbor.io/ 官方开源:...

程序员欣宸
35分钟前
7
0
JavaScript调试必会的8个console方法

每个JavaScript开发者都用过console.log()来调试程序,但实际上Console对象还提供了很多其他方法可以提高调试效率。本文将介绍8个有趣的Console方法,即使JavaScript老手也不一定知道! 1、c...

汇智网教程
57分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部