文档章节

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

gyouxu
 gyouxu
发布于 2014/08/26 09:48
字数 679
阅读 42
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

Redis缓存NoSQL

redis的应用场景有哪些 1、会话缓存(最常用) 2、消息队列,比如支付 3、活动排行榜或计数 4、发布、订阅消息(消息通知) 5、商品列表、评论列表等

BobwithB
10分钟前
0
0
「绘画技巧」一分钟画出动漫人物的喜怒哀乐中“喜”的各种表情

「绘画技巧」一分钟画出动漫人物的喜怒哀乐中“喜”的各种表情 表情拥有着可以凸显动漫人物情绪和主张的魔力,表情渲染整个环境。那么今天来和大家一起分享自己整理收集动漫人物喜怒哀乐中的...

知北
13分钟前
1
0
从流中的三种求和方式谈起

//使用reduce()方法int reduce = Arrays.asList(ins).stream().reduce(0, Integer::sum);//Collectors类的工厂方法,收集器int collect1 = Arrays.asList(ins).stream().collect(Colle......

我的眼里只有眼屎
14分钟前
0
0
File类的使用(文件与文件夹,获取,判断存在,删除,)

//File类的使用 public static void main(String[] args) throws IOException, ClassNotFoundException { //test3();// File f = new File("E:\\资料\\第二阶段\\d......

zhengzhixiang
17分钟前
0
0
58到家MySQL军规升级版

转载 2018-03-30 58到家DBA 架构师之路 一、基础规范 表存储引擎必须使用InnoDB 表字符集默认使用utf8,必要时候使用utf8mb4 解读: 通用,无乱码风险,汉字3字节,英文1字节 utf8...

xiaolyuh
25分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部