添加一个自定义按钮到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

回答

相关问题