2009-10-04 6 views
2

J'essaie d'ajouter mon propre menu de sélection personnalisé au nouveau CKEditor. L'API est un peu déroutant, donc je ne sais pas comment le faire fonctionner. J'utilise la fonction de dialogue ui, mais je ne sais vraiment pas comment l'obtenir.CKEditor menu de sélection personnalisée

Jusqu'à présent, j'ai:

CKEDITOR.ui.dialog.select(dialogObj, elementDefinition, htmlList); 

Toute personne VHA idées sur la façon d'obtenir effectivement une coutume choisir de travailler?

Je suis en train de comprendre cette API: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.select.html

+0

Est-ce quelqu'un, même en utilisant la nouvelle CKEditor? –

+0

J'envisage de l'utiliser en raison de la bonté XHTML sémantique et coller à partir de Word. Je pensais que je aurais besoin d'écrire quelque chose comme ça pour faire un sélecteur d'image, donc je serais très curieux aussi voir si vous le fixe? – da5id

+0

Nope, essayant toujours de comprendre. –

Répondre

1

Essayez ce Code,

Il est quelque chose comme la création de l'élément dynamique comme en javascript, le contrôle SELECT sera créé à chaque fois que vous appuyez sur la touche Entrée ...

var editor1 = CKEDITOR.replace('editor'); 
CKEDITOR.instances["editor"].on("instanceReady" , function(){ 
    var e = this.document; 
    this.document.on("keyup", function(event){ 
     domEvent = event.data; 
     key = domEvent.getKey(); 
     switch(key){ 
     case 13: 
      e = CKEDITOR.instances.editor.document; 
      b = e.getBody(); 
      s = e.createElement('select'); 
      o = e.createElement('option'); 
      o.appendHtml("hi"); 
      s.append(o); 

      o = e.createElement('option'); 
      o.appendHtml("hello"); 
      s.append(o); 

      b.append(s); 
      s.focus(); 
      break; 
     default: 
     } 
    }); 
}); 
1

Pourquoi ne pas consulter le dossier source_?

Allez dans le répertoire des plugins et choisissez un plugin qui affiche les menus déroulants, par ex. stylescombo. Le code peut apporter quelque lumière. Créez une copie du dossier et commencez à modifier le code de haut en bas et vous aurez votre sélection en un rien de temps.

Cheers, m^e

Questions connexes