kindEditor定义工具栏

//简单模式注意：下方中的content属性值要与textarea的name属性值相同才可以
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
});
});
</script> -->

kindeditor是好用的富文本编辑器，工具栏可以设置，全部full、精简Simple、基础Basic、简洁Message，越往后的图标越少，推荐用精简就可以了。

根据自己的需要编辑init.inc.php文件

source：表示可以切换编辑器的编辑模式进入源代码HTML查看模式；

undo：表示后退，也就是我们常用的CTRL+Z快捷键功能；

redo：表示前进，也就是我们常用的CTRL+Y快捷键功能；

preview：表示预览，点击可以提前预览编辑器内的内容所展示的效果。

print：表示打印编辑器内的内容。

template：表示可以插入编辑器内的模板窗体；

code：表示可以插入代码段；

cut：表示剪切；

copy：表示复制，如同CTRL+C；

paste：表示粘贴，如同CTRL+V；

plainpaste：表示粘贴为无格式文本；

wordpaste：表示从WORD内粘贴；

justifyleft：表示选中文本居左；

justifycenter：表示选中文本居中；

justifyright：表示选中文本居右；

justifyfull：表示两端对齐；

insertorderedlist：表示编号（1、2、3）；

insertunorderedlist：表示项目符号；

indent：表示增加缩进；

outdent：表示减少缩进；

subscript：表示下标；如同：X2

superscript：表示上标；如同：X2

clearhtml：表示清除HTML标签；

quickformat：表示快速排版；

selectall：表示全选；

fullscreen：表示全屏；

formatblock：表示段落；

fontname：表示字体；

fontsize：表示文字大小；

forecolor：表示文字颜色；

hilitecolor：表示文字背景色；

bold：表示文字加粗；

italic：表示文字斜体；

underline：表示给文字追加下划线；

strikethrough：表示给文字追加删除线；

lineheight：表示调整行距；

removeformat：表示删除选中段的格式；

image：表示单个上传图片；

multiimage：表示批量上传图片；

flash：表示插入flash；

media：表示插入音视频文件；

insertfile：表示插入文件；

table：表示插入表格；

hr：表示插入横线；

emoticons：表示插入表情；

baidumap：表示插入地图；

pagebreak：表示插入分页符；

anchor：表示插入锚点；

link：表示插入超链接；

unlink：表示取消超级链接；一般和link配合出现；

about：表示关于kindeditor编辑器的信息

kindEditor定义工具栏相关推荐

kindEditor富文本编辑器的工具栏设置
如何配置kindeditor的工具栏 kindeditor编辑器的工具栏主要是指编辑器输入框上方的那些可以操作的菜单,默认情况下编辑器是给予了所有的工具栏.针对不同的用户,不同的项目,不同的环境,可能 ...
kindeditor图片上传 struts2实现
一.kindeditor以及struts2部署搭建不再赘述,如须要请參考kindeditor用法 Struts2框架搭建二.kindeditor图片上传所依赖jar包在kindeditor\jsp\ ...
工具栏,状态栏(VC_MFC)
目录工具栏状态栏 (本章节中例子都是用 VS2005 编译调试的) 工具栏 [对话框][单/多文档] 相关类: CToolBar , CToolBarCtrl 对话框相关函数: ...
html添加工具栏,添加带有命令的工具栏 (HTML)
添加带有命令的工具栏 (HTML) 03/04/2016 本文内容 [ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员.如果你要 ...
MFC对话框程序中添加工具栏及工具栏上的Button响应UPDATE_COMMAND_UI消息
对话框中添加工具栏及工具栏上的Button响应UPDATE_COMMAND_UI消息在对话框程序中添加工具栏其实很简单,网上能找到很多的例子.一般的步骤就是:1.在资源中添加工具栏资源:2.在对话 ...
primefaces_Primefaces工具栏，工具栏组和工具提示
primefaces Primefaces Toolbar is a horizontal grouping for commands and other contents. Primefaces工具 ...
Windows 工具栏ToolBar
ToolBar表示一个 Windows 工具栏. ToolBar 控件用于显示可显示为标准按钮.切换式按钮或下拉式按钮的 ToolBarButton 控件.可以为按钮分配图像,方法是创建一个 Imag ...
带图标工具栏的创建以及提示功能的添加
一.带图标工具栏的创建: 第一步:将bmp位图或是ICON图标资源加入到资源视图中:我这里是bmp资源,添加资源时要按照你想要的顺序添加第二步,在响应的头文件中定义CToolBar对象和CImage ...
Rational Rose的中间的工具栏消失以及工具栏中没有想要的工具（小人图标，用例图标）
问题一:工具栏消失当打开Rational Rose的时候,可能会出现如下情况,中间的工具栏消失了,如下图. 调处工具栏的方法: View->Toolbars->点击Tool ...

kindEditor定义工具栏

kindEditor定义工具栏相关推荐

最新文章

热门文章