添加一個自定義按鈕到CKEditor

您好我想在drupal中爲CKEditor添加一個自定義按鈕。我創建了一個插件，但它不顯示在我的ckeditor工具欄中。有人能幫我嗎？該代碼是您使用的是所見即所得的模塊如下添加一個自定義按鈕到CKEditor

plugin.js

CKEDITOR.plugins.add('newplugin', 
{ 
    init: function(editor) 
    { 
     var pluginName = 'newplugin'; 
     CKEDITOR.dialog.add(pluginName, this.path + 'plugin.js'); 
     editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 
     editor.ui.addButton('Newplugin', 
      { 
       label: 'Footnote or Citation', 
     icon: this.path + 'newplugin.png', 
       command: pluginName 
      }); 
    } 
}); 

config.js 
CKEDITOR.editorConfig = function(config) 
{ 


config.extraPlugins = 'newplugin'; 
config.toolbar = [ 
['Bold'],['Italic'],['newplugin'] 
] 
};

來源

2012-04-26 Newborn

Drupal使用... CKEditor？ **編輯：**啊... YUI Rich Editor – 2012-04-26 05:23:10

感謝您的回覆。是的，它使用CKEditor – Newborn 2012-04-26 05:27:52

？如果是這樣，你必須創建一個實現wysiwyg鉤子的模塊來將按鈕添加到配置中。這可以使用以下代碼完成：

function yourtheme_wysiwyg_plugin($editor, $version) { 
    switch ($editor) { 
     return array(
      'PluginName' => array(
       'path' => "Path to plugin directory", 
       'filename' => 'plugin.js', 
       'buttons' => array(
        'Newplugin' => t('New Plugin'), 
       ), 
       'load' => TRUE, 
       'internal' => FALSE, 
      ), 
     ); 
     break; 
    } 
}

然後將主題上傳到Drupal並清除緩存。該按鈕現在應該出現在所見即所得管理頁面上的按鈕列表中，您可以選中該複選框並啓用該按鈕。

來源

2012-06-22 00:46:31 sammarks

添加一個自定義按鈕到CKEditor

回答

相關問題