2

我不是 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 经验，我错过了一些小东西。

提前致谢

4

1 回答 1

3

错误就在这里

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);
于 2012-02-09T17:44:35.127 回答