6
votes

Déplacer la barre d'outils en ligne CKEditor

J'utilise CKEditor 4 en ligne. Est-il possible de changer la barre d'outils E.G. 50px sur l'éditeur DIV?

Merci!

ckeditor position

0 commentaires

3 Réponses :

7
votes

Si vous souhaitez conserver cette "barre d'outils flottante", vous pouvez le déplacer en utilisant ces paramètres .

Mais si vous voulez garder la barre d'outils au même endroit, vérifiez ce plugin: http://ckeditor.com/addon/sharedspace4/ a>

Il y a un échantillon, mais vous devez créer un package CKEditor avec ce plugin, puis vous pourrez le vérifier.

4 commentaires

Ok, maintenant ça marche, merci Reinmar. Peut-être que quelqu'un aurait un coup d'œil à ma démonstration: JSBIN.com/AZUQIF/8/Watch

Si cela fonctionne, vous devez accepter la réponse;) PS. Nous avons téléchargé tous les échantillons de plugins sur le site CKeDitoritor.com - voici un pour SharedSpace .

Le lien "Ces paramètres" est cassé.

Wfm. Mais si vous vérifiez sur mobile, cela peut ne pas fonctionner, car il y avait des problèmes.

2
votes

Vous pouvez simplement donner margin-top: -50px; dans l'élément de barre d'outils si vous souhaitez le placer 50PX sur l'éditeur DIV.



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Merci à Harish, j'ai trouvé un moyen de le faire fonctionner pour  CKedititor 5: éditeur en ligne  strong>. C'est comment déplacer la barre d'outils relativement de sa position actuelle. 
.ck.ck-toolbar-container {
  margin-top: -24px;
  margin-left: 48px;
}

                                

                                                                    
                                    
                                    
                                        0 commentaires