【问题标题】:Modifying Ckeditor with additional plugins in rails 3在 rails 3 中使用其他插件修改 Ckeditor
【发布时间】:2013-04-24 07:45:58
【问题描述】:

我在我的 rails 3 应用程序上安装了 CKeditor gem。现在我想给它添加一些额外的插件。我查阅了 ckeditor 文档,它指出插件文件需要放在解压缩 ckeditor 的位置。我是 rails 新手,我正在尝试找到我的 ckeditor 文件,但除了安装 ckeditor 时创建的模型文件外,我在 app 目录中找不到它们。

我应该将自定义 ckeditor 插件的文件放在哪里,以便在初始化时将它们包含在编辑器中?

编辑: 根据下面的答案,在提到的目录中添加了插件文件。尝试在 config.js 中为 ckeditor 使用以下命令加载插件:

CKEDITOR.editorConfig = function( config )
{
CKEDITOR.plugins.addExternal('insert_blank','http://localhost:3000/assets/ckeditor/plugins/insert_blank/', 'plugin.js');
var temp = CKEDITOR.registered; 
alert(temp) ; 
  config.extraPlugins = 'insert_blank' ; 
  config.toolbar =
    [

        { name: 'basicstyles', items : [ 'Bold','-','Italic' ] },

        { name: 'insert', items : [ 'Image','insert_blank.btn'
                 ] },

   ];
   config.toolbar.push(['insert_blank.btn']);
   config.height = 300 ; 
   config.width = 300 ; 
   config.removePlugins =  'elementspath,resize' ;


};

这是我的 plugin.js 文件:

CKEDITOR.plugins.add( 'insert_blank',
{
    init: function( editor )
    {


              editor.addCommand('InsertBlank',
                {
                  exec function(editor)
                  {
                    editor.insertHtml( '__');
                  }
            });
        editor.ui.addButton( 'insert_blank.btn',
        {
            label: 'Insert Blank',
            command: 'InsertBlank',
            icon: this.path + 'images/blank.png'
        } );
       }
} ) ; 

我给出一个绝对路径只是因为我在 dev 中,稍后会改变它。上面的警报会产生 'not defined' 。我检查了我的服务器日志,应用程序服务器找到了这些文件。看起来我无法将插件正确添加到 ckeditor 。关于可能出现什么问题的任何想法?

更新:我的 plugin.js 有一些错误。其他一切都很好。

【问题讨论】:

  • 你是如何安装ckeditor的?我不熟悉 ruby​​,但通常你通过将 ckeditor 解压缩到站点目录来“安装”它。
  • Rails 有 Gems 的概念。我只是在 gems 目录中找到了 ckeditor 文件夹,但它没有 plugins 文件夹。我应该创建一个并将我的新插件放入其中吗?
  • 我也不知道 Gems :P 但是是的,我认为你应该只创建文件夹就可以了。

标签: ruby-on-rails ckeditor


【解决方案1】:

您可以将所有插件放在应用程序的 assets 文件夹中。

app/assets/javascript/ckeditor/plugins 中创建一个文件夹,并将所有插件文件放在这里。

【讨论】:

  • 我这样做了,修改了我的 config.js 文件以包含插件。我的 ckeditor 因此无法加载。我可以在任何地方查看 ckeditor 的错误日志吗?我正在关注此文档:docs.ckeditor.com/#!/guide/dev_plugins
  • 检查浏览器控制台是否有任何错误。您还应该检查是否包含插件 js 文件。
  • 嗨,我对上面的问题做了新的补充,请检查。谢谢你的时间。
  • 您能否检查您的 html 源代码以查看该文件是否包含在内?
  • 是的,包含 plugin.js 文件。我在上面进行了编辑以包含整个 config.js 文件。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-10-25
  • 1970-01-01
  • 2011-07-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多