Cleditor - 小插件错误

Question

我不是 Javascript 专家，所以我有点困惑，为什么这个小按钮插件能在 Cleditor 中完成它应该做的事情，但 jquery 编辑器会弹出错误警告。

代码如下：

(function($) {


  // Define the hello button
  $.cleditor.buttons.video = {
    name: "video",
    image: "video.gif",
    title: "Insert Video",
    command: "inserthtml",
    buttonClick: videoClick
  };


  // Add the button to the default controls before the bold button
  $.cleditor.defaultOptions.controls = $.cleditor.defaultOptions.controls
    .replace("bold", "video bold");


  // Handle the hello button click event
  function videoClick(e, data) {

        // Get the editor
        var editor = data.editor;

        // Insert some html into the document
        var html = "[VIDEO]";
        editor.execCommand(data.command, html, null, data.button);


        // Hide the popup and set focus back to the editor
       // editor.focus();
  }


})(jQuery);

它是一个简单的插件，当您单击按钮时将 [VIDEO] 插入到文档中。

问题在于，由于某种原因，它在插入文本后会出现这种情况

“执行 inserthtml 命令时出错” 在插件按钮下的一个黄色小窗口中。

我确信由于缺乏 Javascript 经验，我错过了一些小东西。

提前致谢

Answer 1

错误就在这里

editor.execCommand(data.command, html);

它应该是：

editor.execCommand(data.command, html, null, data.button);

编辑：

很烦人，在你的函数末尾添加：

return false;

这里是jsfiddle

最终代码

(function($) {


  // Define the hello button
  $.cleditor.buttons.video = {
    name: "video",
    image: "video.gif",
    title: "Insert Video",
    command: "inserthtml",
    buttonClick: videoClick
  };


  // Add the button to the default controls before the bold button
  $.cleditor.defaultOptions.controls = $.cleditor.defaultOptions.controls
    .replace("bold", "video bold");


  // Handle the hello button click event
  function videoClick(e, data) {

        // Get the editor
        var editor = data.editor;

        // Insert some html into the document
        var html = "[VIDEO]";
        editor.execCommand(data.command, html, null, data.button);


        // Hide the popup and set focus back to the editor
       // editor.focus();
       return false;
  }


})(jQuery);