javascript - 在 CKEditor 中添加语言列表

标签 javascript ckeditor

我正在尝试在 CKEditor 的工具栏中添加语言列表。这样语言就可以动态更改。但是语言列表没有出现在工具栏中。请有人帮我解决问题。谢谢。

CKEDITOR.editorConfig = function( config ) {
    // config.language = 'fr';
    config.extraPlugins = 'language';
    CKEDITOR.config.toolbar = [
         [ 'language','Bold']
    ];
};

同时在/source/plugins/language/目录下编写plugin.js 代码:

CKEDITOR.plugins.add( 'language', {
    requires: [ 'selection' ],
    init: function( editor ) {
       var pluginName = 'language';
       CKEDITOR.dialog.add( pluginName, this.path + 'dialogs/language.js' );
       editor.addCommand( pluginName, new CKEDITOR.dialogCommand( pluginName ) );
       editor.ui.addButton( 'language', {
           label: 'language',
           command: pluginName
       }
});

但无法正常工作。请任何人帮忙..

最佳答案

您附加的代码有很多语法错误。你检查过控制台吗?

这是其修复版本:

CKEDITOR.plugins.add( 'language', {
    requires: 'selection',
    init: function( editor ) {
       var pluginName = 'language';
       CKEDITOR.dialog.add( pluginName, this.path + 'dialogs/language.js' );
       editor.addCommand( pluginName, new CKEDITOR.dialogCommand( pluginName ) );
       editor.ui.addButton( 'Language', {
           label: 'language',
           command: pluginName
       });
    }
});

第二个问题 - 插件应放置在 _source/plugins/language/ 目录中。

最后,问题 - 你正在尝试创建改变什么语言的插件?编辑还是内容?请注意,第一个是不可能的。必须重新加载编辑器(销毁并再次初始化)才能更改 UI 语言。

关于javascript - 在 CKEditor 中添加语言列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13629535/

相关文章:

javascript - 处理单个页面上的多个 Ckeditor 实例

javascript - 如何操作CKEditor的placeholder插件

mysql - 将数据导入 Django richtextfield 丢失换行符格式

javascript - jQuery 访问 data-url 元素并检查 url 参数

javascript - 有人可以向我解释这段 JavaScript 代码吗?

javascript - angularjs:将背景大小从覆盖更改为包含

ckeditor - 将样式应用于 CKEditor 5 的 HTML 输出

Javascript:获取当前元素的同级元素 [CKEditor 需要]

javascript - 在 Angular 中的 `template` 的 `directive` 上使用过滤器

javascript - 如何将 JSON 文件导入到 javascript 数组