Jquery 将自定义按钮添加到编辑器
嗨,我想为drupal中的CKEditor添加一个自定义按钮。我创建了一个插件,但它没有显示在我的编辑器工具栏中。有人能帮我吗?代码如下 plugin.jsJquery 将自定义按钮添加到编辑器,jquery,drupal-7,ckeditor,Jquery,Drupal 7,Ckeditor,嗨,我想为drupal中的CKEditor添加一个自定义按钮。我创建了一个插件,但它没有显示在我的编辑器工具栏中。有人能帮我吗?代码如下 plugin.js CKEDITOR.plugins.add('newplugin', { init: function(editor) { var pluginName = 'newplugin'; CKEDITOR.dialog.add(pluginName, this.path + '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']
]
};
您是否正在使用所见即所得模块?如果是这样,您必须创建一个实现所见即所得钩子的模块,以将按钮添加到配置中。这可以使用以下代码完成:
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并清除缓存。该按钮现在应该出现在所见即所得管理页面上的按钮列表中,您可以在其中选中复选框并启用该按钮。您正在使用所见即所得模块吗?如果是这样,您必须创建一个实现所见即所得钩子的模块,以将按钮添加到配置中。这可以使用以下代码完成:
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并清除缓存。该按钮现在应该出现在所见即所得管理页面上的按钮列表中,您可以在其中选中复选框并启用该按钮。Drupal使用。。。编辑?编辑:啊。。。YUI Rich Editorthank感谢您的回复。是的,它使用了KeckeditorDrupal使用的。。。编辑?编辑:啊。。。YUI Rich Editorthank感谢您的回复。是的,它用了一个编辑器