如何改变kindeditor的图标样式?

xuli2013 发布于 2013/08/09 11:37
阅读 4K+
收藏 1

希望更改kindeditor样式,但是不知道相关的文件在哪儿,希望大侠们帮忙:

kindeditor默认样式:

希望改成:

以我自己的理解,主要是改变图标的大小,将原来的图标替换掉

删去默认版本中没有用的图标

大家多帮忙啊~不胜感激

加载中
0
震秦
震秦

初始化的时候有这么一堆值。

配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。

数据类型: Array
默认值:
[ '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	 插入锚点
editor = K.create('textarea[name="content"]', {
            width : '800px',
            height : '480px',
            items : [    ]
}

少写几个就行了。 

xuli2013
xuli2013
真的很感谢,但是怎么修改图标的样式(换个背景)和大小呢?
0
震秦
震秦

该图标需要修改theme/default/default.css 默认的样式,根据你想要的效果,需要修改下边几项。

.ke-icon-image {
	background-position: 0px -496px;
	width: 16px;
	height: 16px;
}
.ke-icon-flash {
	background-position: 0px -512px;
	width: 16px;
	height: 16px;
}
.ke-icon-media {
	background-position: 0px -528px;
	width: 16px;
	height: 16px;
}
作者默认使用的图标来自一张图片上,是截取得来的。

你可以在css中加入你自己的图标。

0
罪恶的花生
罪恶的花生
决定样式不行,该样式表,css里面自己调,用火狐看一下那个样式,那个文件地址,是在不会换样式的话,就换编辑器,第二个好像是百度出的富编辑器。
0
yancy100
yancy100

看我刚改的样式


问题就是初始化Css是个问题。这一点没百度那个做的好,大家怎么做到的?

莫刈
莫刈
大神,你这个是怎么做到的
返回顶部
顶部