Ruby on rails 3 Rails 3中的Ckeditor

Ruby on rails 3 Rails 3中的Ckeditor,ruby-on-rails-3,ckeditor,Ruby On Rails 3,Ckeditor,我已经在我的rails 3.2应用程序中添加了ckeditor(gem“ckeditor”,“3.7.3”),运行良好。 但问题是,我想从整个工具栏中找到一些具体的东西,我已经看到了。 它提到了两种类型的工具栏Full和Easy,其中Easy的配置如图所示。 因此,问题是如何获取所有变量的信息,以便只使用我需要的信息。如果您创建一个/app/assets/javascripts/ckeditor目录,然后创建一个config.js文件,您可以添加一些类似这样的定制,以创建一个最小的工具栏,注意:

我已经在我的rails 3.2应用程序中添加了ckeditor(gem“ckeditor”,“3.7.3”),运行良好。
但问题是,我想从整个工具栏中找到一些具体的东西,我已经看到了。
它提到了两种类型的工具栏Full和Easy,其中Easy的配置如图所示。

因此,问题是如何获取所有变量的信息,以便只使用我需要的信息。

如果您创建一个
/app/assets/javascripts/ckeditor
目录,然后创建一个
config.js
文件,您可以添加一些类似这样的定制,以创建一个最小的工具栏,注意:在本例中,我不希望看到NewPage和Preview的文档部分:

CKEDITOR.config.toolbar=  [
//    { name: 'document', items : [ 'NewPage','Preview' ] },
    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
    { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar' ] },
    { name: 'tools', items : [ 'Maximize','-','About' ] },
    '/',
    { name: 'styles', items : [ 'Styles','Format' ] },
    { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] },
    { name: 'links', items : [ 'Link','Unlink','Anchor' ] }

];
注意:您可能希望包含捆绑的config.js的内容,或者像图像上传器和文件浏览器这样的东西将无法工作。我的看起来像这样:

CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';

    /* Filebrowser routes */
    // The location of an external file browser, that should be launched when "Browse Server" button is pressed.
    config.filebrowserBrowseUrl = "/ckeditor/attachment_files";

    // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Flash dialog.
    config.filebrowserFlashBrowseUrl = "/ckeditor/attachment_files";

    // The location of a script that handles file uploads in the Flash dialog.
    config.filebrowserFlashUploadUrl = "/ckeditor/attachment_files";

    // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Link tab of Image dialog.
    config.filebrowserImageBrowseLinkUrl = "/ckeditor/pictures";

    // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Image dialog.
    config.filebrowserImageBrowseUrl = "/ckeditor/pictures";

    // The location of a script that handles file uploads in the Image dialog.
    config.filebrowserImageUploadUrl = "/ckeditor/pictures";

    // The location of a script that handles file uploads.
    config.filebrowserUploadUrl = "/ckeditor/attachment_files";

    // Rails CSRF token
    config.filebrowserParams = function(){
        var csrf_token, csrf_param, meta,
            metas = document.getElementsByTagName('meta'),
            params = new Object();

        for ( var i = 0 ; i < metas.length ; i++ ){
            meta = metas[i];

            switch(meta.name) {
                case "csrf-token":
                    csrf_token = meta.content;
                    break;
                case "csrf-param":
                    csrf_param = meta.content;
                    break;
                default:
                    continue;
            }
        }

        if (csrf_param !== undefined && csrf_token !== undefined) {
            params[csrf_param] = csrf_token;
        }

        return params;
    };

    config.addQueryString = function( url, params ){
        var queryString = [];

        if ( !params ) {
            return url;
        } else {
            for ( var i in params )
                queryString.push( i + "=" + encodeURIComponent( params[ i ] ) );
        }

        return url + ( ( url.indexOf( "?" ) != -1 ) ? "&" : "?" ) + queryString.join( "&" );
    };

    // Integrate Rails CSRF token into file upload dialogs (link, image, attachment and flash)
    CKEDITOR.on( 'dialogDefinition', function( ev ){
        // Take the dialog name and its definition from the event data.
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        var content, upload;

        if (CKEDITOR.tools.indexOf(['link', 'image', 'attachment', 'flash'], dialogName) > -1) {
            content = (dialogDefinition.getContents('Upload') || dialogDefinition.getContents('upload'));
            upload = (content == null ? null : content.get('upload'));

            if (upload && upload.filebrowser && upload.filebrowser['params'] === undefined) {
                upload.filebrowser['params'] = config.filebrowserParams();
                upload.action = config.addQueryString(upload.action, upload.filebrowser['params']);
            }
        }
    });
};
CKEDITOR.editorConfig=函数(配置)
{
//在此处定义对默认配置的更改。例如:
//config.language='fr';
//config.uiColor='#AADC6E';
/*文件浏览器路由*/
//按下“浏览服务器”按钮时应启动的外部文件浏览器的位置。
config.filebrowserBrowseUrl=“/ckeditor/attachment_files”;
//外部文件浏览器的位置,在Flash对话框中按下“浏览服务器”按钮时应启动该浏览器。
config.filebrowserFlashBrowseUrl=“/ckeditor/attachment_files”;
//在Flash对话框中处理文件上载的脚本的位置。
config.filebrowserFlashUploadUrl=“/ckeditor/attachment_files”;
//外部文件浏览器的位置,在“图像”对话框的“链接”选项卡中按下“浏览服务器”按钮时应启动该浏览器。
config.filebrowserImageBrowseLinkUrl=“/ckeditor/pictures”;
//外部文件浏览器的位置,在图像对话框中按下“浏览服务器”按钮时应启动该浏览器。
config.filebrowserImageBrowseUrl=“/ckeditor/pictures”;
//在“图像”对话框中处理文件上载的脚本的位置。
config.filebrowserImageUploadUrl=“/ckeditor/pictures”;
//处理文件上载的脚本的位置。
config.filebrowserUploadUrl=“/ckeditor/attachment_files”;
//Rails CSRF令牌
config.filebrowserParams=函数(){
var csrf_令牌、csrf_参数、元、,
metas=document.getElementsByTagName('meta'),
params=新对象();
对于(变量i=0;i-1){
content=(dialogDefinition.getContents('Upload')| | dialogDefinition.getContents('Upload'));
upload=(content==null?null:content.get('upload');
if(upload&&upload.filebrowser&&upload.filebrowser['params']==未定义){
upload.filebrowser['params']=config.filebrowserParams();
upload.action=config.addQueryString(upload.action,upload.filebrowser['params']);
}
}
});
};

您从哪里获得捆绑的config.js的源代码?我试着复习它,以便更好地理解我的编辑,但我一点运气都没有。@MichaelFok我相信它来自这个博客: