web-dev-qa-db-fra.com

Puis-je utiliser CKEditor sans barre d'outils?

(Double possible: CKEditor - Pas de barre d’outils )

J'aimerais créer une instance de CKEditor sans barre d'outils. J'ai essayé de définir une barre d'outils vide à utiliser dans la configuration de l'instance

oConfigName.toolbar = 'Custom';
oConfigName.toolbar_Custom = [];

mais je reçois une petite barre d'outils vide par mon instance, au lieu de pas de barre d'outils.

J'utilise édition en ligne avec CKEditor4.

javascriptckeditor
23
Sam Selikoff

Wow :) C'est une chose à laquelle nous n'avions pas pensé lors de l'implémentation de la barre d'outils. Mais je viens de vérifier que vous pouvez supprimer le plugin de la barre d’outils, car il n’est requis par aucun autre plugin.

Donc construisez votre propre paquet CKEditor sans barre d’outils ou utilisez la configuration removePlugins - par exemple:

var editor = CKEDITOR.inline( 'editable', {
    removePlugins: 'toolbar'
} );

Mise à jour: Dans CKEditor 4.1, le Filtre de contenu avancé a été introduit. En mode automatique il est configuré par des boutons qui sont chargés dans la barre d’outils. Sans le plugin toolbar ACF n'étant pas configuré, il faut le faire tout seul:

var editor = CKEDITOR.inline( 'editable', {
    removePlugins: 'toolbar',
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];'
} );
30
Reinmar

Ajoutez cette ligne dansconfig.jsfichier

config.removePlugins= 'toolbar'
1
edCoder

Dans CKEditor 4.9.2:

Lorsque vous installez l'éditeur, définissez l'option de la barre d'outils: 

CKEDITOR.replace( 'editor1', {
    ...
    toolbar: []
});
0
c-toesca

J'ai tout désactivé sauf les italiques, les caractères gras et soulignés avec cette config:

CKEDITOR.editorConfig = function( config ) {
    config.autoParagraph = false;
    config.toolbarGroups = [
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    ];

    config.removeButtons = 'Strike,Subscript,Superscript,RemoveFormat';
};
0
Arseniy

J'ai ajouté une nouvelle fonction dans mon projet pour masquer/afficher la barre d'outils.

function onClickToolbarButton() {
    var bar = document.getElementById("cke_1_top");
    if(bar.style.display == "none"){
        bar.style.display = "block";
    }else{
        bar.style.display = "none";
    }

    //resize web page
    //onresize();
}

Appelez cette fonction à chaque fois si vous voulez masquer/afficher la barre d’outils.

0
Andrej