Integrate Javascript Virtual Keyboard plugin in ck editor

Question

i am trying to integrate Javascript Virtual Keyboard plugin in ck editor.Inside of the pugin, they have given the insturctions about how to integrate it with the ck editor but still i am not able to integrate it. So can anyone help me to solve my problem.

INSTALLATION:

 1. Extract contents of this archive to the /plugins/ folder under CKEditor root
 2. add ",extraPlugins : 'Jsvk'" line to the editor constructor parameters
 3. Update your toolbar by adding item 'Jsvk' to one of the button groups

You can download the plugin from this link

So far, i've tried this which includes step 2 and 1 but got stuck at step3:-

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
     config.language = 'DE';
     config.extraPlugins = 'equation';
     config.extraPlugins = 'Jsvk' ; };

It is showing me the option of virtual keyboard but whenever i am trying to open it then it is showing me a blank popup box

Answer 1

You need to add Jsvk in CKEDITOR.editorConfig - config.toolbarGroups :

CKEDITOR.editorConfig = function( config ) { 
     // .....................
     config.toolbarGroups = [ 
         // .....................
         { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'Jsvk' ] }, 
         // ...............................................................^^^^^^
     ];
};

also change config.extraPlugins :

config.extraPlugins = 'equation, Jsvk';

Answer 2

解决了我的问题，因为这是与其他插件的冲突问题，因此它显示空白的弹出页面。