javascript - 在 Rails 应用程序中将 CodeSnippet 插件添加到 CKEditor

Question

我正在尝试添加 CodeSnippet plugin到 CKEditor(使用 ckeditor-rails 安装在我的 Rails 应用程序中)。为此，我首先将 CodeSnippet 插件文件夹及其所有依赖项添加到目录 app > assets > javascripts > ckeditor > plugins(因此我的插件文件夹包含 codesnippet、dialog、dialogui、lineutils 和 widget 的文件夹)。

然后我更新了我的 app/assets/javascripts/ckeditor/config.js.coffee 以包含以下内容:

CKEDITOR.editorConfig = (config) ->
  config.startupShowBorders = true
  config.resize_enabled = false
  config.scayt_autoStartup = true

  config.language = 'en'
  config.width = '445px'
  config.extraPlugins = 'widget,dialog,dialogui,lineutils,codesnippet'

  config.toolbar_Default = [
    { name: 'basicstyles', items: [ 'Bold','Italic','Underline', '-', 'NumberedList','BulletedList', 'Link','Unlink', 'CodeSnippet','RemoveFormat' ] }
  ]
  config.toolbar = 'Default'
  true

当我尝试使用 CKEditor 加载网页时，我的 javascript 控制台出现以下错误:

Uncaught TypeError: undefined is not a function

引用widgets/plugin.js这一行:

CKEDITOR.style.addCustomHandler( {

同样的错误

Uncaught TypeError: undefined is not a function

引用这行codesnippets/plugin.js:

editor.addContentsCss( path + 'lib/highlight/styles/' + editor.config.codeSnippet_theme + '.css' );

有人能够配置此 CKEditor 以在 Rails 应用程序中使用 CodeSnippet 插件吗？

Answer 1

我根本无法使用任何 ckeditor gems 让它工作。因此，我完全删除了 ck_editor rails gem，并直接从 ckeditor 网站下载了一个构建版本，其中包含我想要添加的插件。

然后我将整个 ckeditors 文件夹放入我的 app > assets > javascripts 文件夹并将以下内容添加到 application.js

//=需要ckeditor/ckeditor.js

我最终不得不通过直接编辑 ckeditor/ckeditor.js 来进行一些自定义，但我最终能够让 CodeSnippet 插件以这种方式工作。

希望这对某人有帮助!