带有ckeditor-rails的带有CK​​Editor的自定义工具栏

Question

我正在使用ckeditor-rails gem将CKEditor与rails集成。我还使用http://ckeditor.com/builder来生成工具栏，但是我想通过删除一些来自定义更多。这是构建器

的配置

/**
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
	
	// %REMOVE_START%
	// The configuration options below are needed when running CKEditor from source files.
	config.plugins = 'dialogui,dialog,about,a11yhelp,basicstyles,blockquote,clipboard,panel,floatpanel,menu,contextmenu,resize,button,toolbar,elementspath,enterkey,entities,popup,filebrowser,floatingspace,listblock,richcombo,format,horizontalrule,htmlwriter,wysiwygarea,image,indent,indentlist,fakeobjects,link,list,magicline,maximize,pastetext,pastefromword,removeformat,showborders,sourcearea,specialchar,menubutton,scayt,stylescombo,tab,table,tabletools,undo,wsc';
	config.skin = 'moono';
	// %REMOVE_END%

	// Define changes to default configuration here.
	// For complete reference see:
	// http://docs.ckeditor.com/#!/api/CKEDITOR.config

	// The toolbar groups arrangement, optimized for two toolbar rows.
	config.toolbarGroups = [
		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
		{ name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
		{ name: 'links' },
		{ name: 'insert' },
		{ name: 'forms' },
		{ name: 'tools' },
		{ name: 'document',	   groups: [ 'mode', 'document', 'doctools' ] },
		{ name: 'others' },
		'/',
		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
		{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
		{ name: 'styles' },
		{ name: 'colors' },
		{ name: 'about' }
	];

	// Remove some buttons provided by the standard plugins, which are
	// not needed in the Standard(s) toolbar.
	config.removeButtons = 'Underline,Subscript,Superscript';

	// Set the most common block elements.
	config.format_tags = 'p;h1;h2;h3;pre';

	// Simplify the dialog windows.
	config.removeDialogTabs = 'image:advanced;link:advanced';
};

从上面的代码我了解到工具栏上的按钮可以通过

删除

config.removeButtons = 'Underline,Subscript,Superscript';

现在我想删除图像，插入水平线并从工具栏插入特殊字符。

    config.removeButtons = 'Underline,Subscript,Superscript,Image,Insert Horizontal Line, Insert Special Character';

适用于图像按钮，但不适用于其他2个按钮。

我在哪里可以获取代表要删除的按钮的值（在我的情况下是水平线和特殊字符按钮？我认为必须在某处提到我无法找到的CKEditor网站。

我们非常感谢您的帮助。

ps：ckeditor-rails内部使用jquery ckeditor。

Answer 1

如果你使用CKBuilder来生成你的CKEditor构建，那么移除提供你不会使用的按钮的插件会更有意义 - 否则你仍然会在没有任何理由的情况下加载这些插件性能明智的。另请参阅4 Common CKEditor Installation Mistakes And How To Avoid Them。

如果由于某种原因您仍然坚持只删除配置中的按钮，请检查Toolbar Configurator。它是一个旨在帮助您调整特定编辑器包的工具栏的工具 - 您可以在samples/index.html文件中找到它。它可以让你轻松找到按钮的名称（＆＃34;高级＆＃34;版本）甚至更好，通过选择可用按钮（＆＃34;基本＆＃34;版本）来实时调整工具栏。