尝试让CKEDITOR简单插件（第1部分）示例正常工作

我将的zip下载中提供的文件添加到一个具有工作CKEDITOR设置的网站。我没有对任何文件做任何更改。这个代码应该定义一个名为abbr的插件。在重新加载包含CKEDITOR的页面后，在我将插件添加到extraPlugins之后，我没有看到插件的图标出现。然后，我在“插入”工具栏中添加了对插件的引用，但这也不起作用

我可以通过绑定到击键来显示插件对话框，因此至少有这么多功能：

config.keystrokes = [
  [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 32 /*space*/, 'abbr' ]
];

这是我的ckeditor.js，删除Play Framework视图标记后，希望我没有遗漏任何内容：

<script>
  function createEditor() {
    var editor = CKEDITOR.instances.BLAH;
    if (editor) {
      try { editor.destroy(true) ; } catch ( e ) { }
    }
    editor = CKEDITOR.replace("BLAH", {
      height: $(window).height() / 2 - 30,
      "extraPlugins": "imagebrowser,abbr,codemirror",
      on: {
        instanceReady: function(evt) {
          var maximized = $.cookie("maximized");
          var me = maximized=="true";
          if (me)
            editor.execCommand('maximize');
        },
        save: function(evt) {
          var scaytEnabled = CKEDITOR.plugins.scayt.state[evt.editor.name];
          $.cookie("scayt_enabled", scaytEnabled.toString(), { path: '/' });

          var maximized = evt.editor.commands.maximize.state==1;
          $.cookie("maximized", maximized.toString(), { path: '/' });
        }
      }
    });
  }
</script>

我注意到指令与代码有所不同；说明中显示了此代码：

editor.ui.addButton( 'Abbr', {
    label: 'Insert Abbreviation',
    command: 'abbrDialog',
    toolbar: 'insert'
}); 

---

但是下载的代码对command有不同的值：abbr。这两个值都不起作用。我尝试将abrdialog添加到config.toolbar的insert部分，但也没有成功。也许还有另一个问题。

本教程中有一个小错误-在您可以下载的代码中，命令名为abbr，而在代码示例中，它是abrdialog

---

但按钮的名称始终是相同的-缩写为it's case sensitive！。因此，基本上，您的config.toolbar设置不正确，因为您使用了小写名称。

谢谢，我会试试。我希望本教程能解释为什么要做一些事情，而不是简单地“做这个、这个和这个”。你在本教程中遗漏了什么？我简单地读了一下，对我来说，它似乎也包含了很多关于它为什么或者它意味着什么的信息。但我当然有点偏颇：名单会很长。我建议您对教程和文档进行可用性研究。收集此类信息的另一种方法是允许对文章和文档进行评论，然后根据读者提供的问题和评论更新文章。我们做了几项可用性研究，但无法对整个文档进行这些研究。这就是为什么我要问：。至于评论/反馈——这是一个有趣的想法。至少我们可以让发送反馈变得更容易，但是有节制的评论可能更有用；这是一个问题，因为我使用内联样式（例如，blah）设置选项样式以指示状态。读完后我感到困惑，我不知道作者的意思。这里没有代码示例，所以除非读者和作者一样了解，否则他们只能挠头。似乎这些信息只适用于样式表，所以我继续搜索忽略内联样式的原因。

editor.ui.addButton( 'Abbr', {
    label: 'Insert Abbreviation',
    command: 'abbrDialog',
    toolbar: 'insert'
});