如何改变kindeditor的图标样式?

发布于 2021-11-22 05:50:56 字数 397 浏览 771 评论 7

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

kindeditor默认样式:

希望改成:

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

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

大家多帮忙啊~不胜感激

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

挽清梦 2021-11-23 12:08:53

大神,你这个是怎么做到的

旧伤慢歌 2021-11-23 12:08:49

看我刚改的样式

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

猫性小仙女 2021-11-23 12:03:47

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

不乱于心 2021-11-23 11:57:05

该图标需要修改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中加入你自己的图标。

居里长安 2021-11-23 11:28:06

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

简单气质女生网名 2021-11-23 11:04:23

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

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

数据类型: 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 : [    ]

}

少写几个就行了。 

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文