文章/答案/技术大牛

发布

社区首页 >问答首页 >Rails: ReferenceError:没有定义CKEDITOR

问Rails: ReferenceError:没有定义CKEDITOR
EN

Stack Overflow用户

提问于 2013-07-27 08:30:38

回答 1查看 4.8K关注 0票数 3

我在我的rails应用程序中使用CKeditor。我遵循了这一点：https://github.com/galetahub/ckeditor来实现ckeditor。

所以我的宝石档案里有：

   gem "ckeditor"

在我的路线上，我有：

  mount Ckeditor::Engine => '/ckeditor'

我还创建了ckeditor模型文件。

这是我的视图文件：

  <%= m.cktext_area :message, :class => "message-body", :placeholder => "Your content", :ckeditor => {:toolbar => "MyToolbar"} %>

我在资产/javascripts/ckeditor中的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";


          config.toolbar_MyToolbar =
            [
                { name: 'basicstyles', items : [ 'Bold','Italic' ] },
                { name: 'links', items : [ 'Link','Unlink' ] },
                { name: 'insert', items : [ 'Image' ] },
                { name: 'paragraph', items : [ 'BulletedList' ] },

            ];
        config.height = '143px';
        config.width = '100%'; 
          // 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']);
              }
            }
          });
        };

但我发现错误是：

   ReferenceError: CKEDITOR is not defined[Break On This Error]     

   CKEDITOR.editorConfig = function( config )

我尝试了网络上的解决方案，但没有帮助。

有人能帮我弄清楚我哪里出问题了吗？

谢谢。

ckeditor

ruby-on-rails-3.2

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-27 10:19:27

我让它把config.js修改成这样：

if (typeof(CKEDITOR) != 'undefined') {
            CKEDITOR.editorConfig = function( config )
            {
              config.toolbar = 'MyToolbar'

              config.toolbar_MyToolbar =
                [
                    { name: 'basicstyles', items : [ 'Bold','Italic' ] },
                    { name: 'links', items : [ 'Link','Unlink' ] },
                    { name: 'insert', items : [ 'Image' ] },
                    { name: 'paragraph', items : [ 'BulletedList' ] },

                ];
            config.height = '143px';
            config.width = '100%'; 
config.enterMode = CKEDITOR.ENTER_BR;
   config.shiftEnterMode = CKEDITOR.ENTER_BR;
   config.autoParagraph = false;
  }
}

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17895842

复制

相似问题

问Rails: ReferenceError:没有定义CKEDITOR
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails: ReferenceError:没有定义CKEDITOREN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails: ReferenceError:没有定义CKEDITOR
EN