ckeditor4.x toolbar 工具栏配置

  1. 首页你要下载full版本的 而不是stander版本
  2. 你可以在ckeditor\samples\plugins\toolbar 目录下方找到官方说明
  3. 官方说明有2种方式1toolbar 2 toolbargroup

以下是我google翻译的

此示例演示页面编辑器加载满工具栏(所有注册按钮),如果当前编辑器的配置修改默认设置,也与编辑修改工具栏。

由于CKEditor的4有两种方式来配置的工具栏按钮。

由config.toolbar

你可以明确地定义哪些按钮显示在哪些群体,哪些秩序。这是更精确的设置,但不灵活。如果新添加的插件添加自己的按钮,您就必须手动添加到您的config.toolbar设置为好。

要添加自定义工具栏设置一个CKEditor的实例,插入到您的代码如下JavaScript调用:

CKEDITOR.replace( ‘textarea_id‘, {	toolbar: [
		{ name: ‘document‘, items: [ ‘Source‘, ‘-‘, ‘NewPage‘, ‘Preview‘, ‘-‘, ‘Templates‘ ] },	// Defines toolbar group with name (used to create voice label) and items in 3 subgroups.
		[ ‘Cut‘, ‘Copy‘, ‘Paste‘, ‘PasteText‘, ‘PasteFromWord‘, ‘-‘, ‘Undo‘, ‘Redo‘ ],			// Defines toolbar group without name.
		‘/‘,																					// Line break - next group will be placed in new line.
		{ name: ‘basicstyles‘, items: [ ‘Bold‘, ‘Italic‘ ] }
	]
});

ckeditor4.x toolbar 工具栏配置,布布扣,bubuko.com

时间: 2024-10-25 15:28:33

ckeditor4.x toolbar 工具栏配置的相关文章

[转载]ExtJs4 笔记(12) Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏

作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律责任. 本篇讲解三个工具栏控件.其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单,Ext.toolbar.Paging专门用来控制数据集的分页展示,Ext.ux.statusbar.StatusBar用来展示当前的状态信息. 一.Ext.toolbar.Toolbar

CKEditor4 x部署和配置

CKEditor4.x && JSP 官网下载CKEditor,可选Basic, Standard, Full 解压放置其WebRoot下 JSP中引入以下文件: <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript" src="ckeditor/co

Javascript - ExtJs - Toolbar - 工具栏

Toolbar类是一种子控件,它不能独立存在,需要依附在其它组件上面. //创建工具栏 var tbar = new Ext.Toolbar({ width: 200, height: 30 }); 工具栏创建完成后,类似下面这样: 现在你可以在这个空白的工具栏上add其它的子控件. tbar.add("-");//为工具栏增加一条分割线 //创建按钮 var addRowBtn = new Ext.button.Button({ text:"添加" }); var

TinyMCE 工具栏配置

plugins: { type: [String, Array], default: 'lists image media wordcount advlist bbcode code charmap emoticons insertdatetime preview' }, toolbar: { type: [String, Array], default: 'undo redo | fontselect fontsizeselect bold italic | forecolor backcol

【Django】Django Debug Toolbar调试工具配置

正在发愁怎么调试Django,就遇到了Django Debug Toolbar这个利器. 先说遇到的问题: 网上也有教程,不过五花八门的,挨个尝试了一遍,也没有成功运行.最后终于找到问题所在: 从开发服务器日志可知:在请求页面时,debug_toolbar已经被加载.但是并没有在页面上显示出来: 从浏览器的开发者工具可以看出,jquery.min.js获取超时,没有被加载成功.这就是问题所在. 我们在settings.py中添加一行: 1 DEBUG_TOOLBAR_CONFIG = { 'JQ

通用权限管理系统数据权限设置功能解析

在权限管理系统中,数据权限是比较难的,在我们通用权限系统中,数据权限指的是用户基于某个权限域对某些基础数据的操作权限,如上图,公司管理这个菜单被定义是数据权限,表示某些人在公司管理是可指定访问哪些基础数据,这个要与应用结合.如下图,可以限制该9999xudeng003用户在公司管理页面只能管理其中的几个公司. 目前基于用户的数据权限BS的管理功能已完成,这个是权限系统最难开发的一部分. 下面是MVC控制器调的通用权限管理系统底层的方法: //---------------------------

CKEDITOR使用与配置

安装: 下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK! 引用CKEDITOR的JS文件: 新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 注意:1.src的路径. 2.不要写成<script type="text/javascript" src="ckeditor

ASP.NET CKEditor和CKFinder配置

第一次搞这个真的搞的头大,好歹最后也学会了.下面分享一下步骤 第一步: 官网下载CKEditor最新的和CKFinder最新的 都是Net版本的 第二步: 解压2个复制文件到网站下面,最好平级 第三步,记得引用下ckfinder 下面的dll 第四步: 配置ckEdit的工具条 在ckedit 下面的config.js 里面  我的是简单的工具栏 config.language = 'zh-cn'; config.uiColor = '#DBEEF5'; config.toolbar = 'Fu

iOS: 工具栏控件UIToolBar和工具栏按钮控件UIBarButtonItem的使用

一.工具栏控件:UIToolBar:UIView 介绍: ToolBar工具栏是视图View的属性,可以在工具栏上添加工具栏按钮Bar Button Item(可以是自定义的Custom.也可以是系统自带的BarButtonSystemItem ),视图控制器可以通过工具栏项对视图中内容进行操作. 注意事项: 在导航栏控制器中会有一个UIToolBar实例,但默认是隐藏的,如果需要显示,需要通过这个方法将其打开: 在这里需要注意的是,与UINavigationBar类似,导航控制器拥有且只拥有一