TinyMCE personnaliser “fichier” de la barre de menu

Est-il un moyen de personnaliser (ajouter et supprimer des options, de l'e.t.c..) la barre de menu en TinyMCE 4.0? Je suis incapable de trouver toute la documentation sur cette partie spécifique de l'éditeur. L'image ci-dessous montre la partie dont je parle. TinyMCE personnaliser “fichier” de la barre de menu

InformationsquelleAutor Kevin Pei | 2013-04-16
  1. 31

    Version 4 est une réécriture majeure et les docs étaient hors de synchronisation pour un certain temps.

    Par l'expérimentation, j'ai découvert qu'il est possible d'activer/désactiver les menus déroulants, individuellement ou désactiver l'ensemble de la barre de menu.

    Activer des menus déroulants seulement:

    tinymce.init({
    selector: "textarea",
    menubar: "edit format"
});

    Désactiver la barre de menus:

    tinymce.init({
    selector: "textarea",
    menubar: false
});

    La la barre de menu de configuration docs ont maintenant été ajouté à la TinyMCE site.

    Aussi, si vous souhaitez personnaliser complètement l'ensemble du menu, consultez la menu de configuration docs.

    • Merci. La première chose que je voulais faire, c'était de retirer cette barre.
    • Ressemble à la tinyMCE gens de mettre ensemble un charme site, il est beaucoup plus facile de tester: fiddle.tinymce.com
    • Beaucoup de l'Exemple des violons sont actuellement cassés comme ils sont basés sur la 3.x API alors que le site est configuré pour utiliser à bord pour eux... tinymce.com/forum/viewtopic.php?pid=107896#p107896
    • oui, mais c'est pas une grosse affaire, vous définissez la "TinyMCE Version" option sur le côté gauche à l'un des 3.versions x, et vous avez terminé, vous pouvez tester les 3.x version violon. Si cela vous intéresse pour une raison quelconque.
    • Je suis intéressé uniquement en 4.x à ce point.
    InformationsquelleAutor toxalot
  2. 5

    J'ai fini la personnalisation à la fois la barre de menu et la barre d'outils en jouant sur la menu et toolbar propriétés dans les paramètres de l'objet passé en tinymce.init():

    //...
  menu : {
    edit: { title: 'Edit', items: 'undo redo  | cut copy paste selectall | searchreplace' },
    insert: { title: 'Insert', items: 'link charmap' },
    format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | removeformat' },
    table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' }
  },
  toolbar: 'undo redo | bold italic underline | link hr | alignleft aligncenter alignright | blockquote bullist numlist outdent indent | code',
//...

    J'ai trouvé les conditions pour chaque menu/bouton en creusant autour dans le code source à la recherche pour .addMenuItem( et .addButton(.

    InformationsquelleAutor alxndr
  3. 1

    Dans TinyMCE 4.x version, "code" plug-in est utilisé pour afficher/modifier le code HTML de l'éditeur de contenu.

    À contrôle la barre d'outils, jusqu'à la version 4.0.6, theme_advanced_button<1-n> option a été utilisée, mais au-dessus de version 4.0.6, de la barre d'outils ou de la barre d'outils<1-N> option est utilisée.

    En ajoutant "code" plugin pour les options de barre d'outils, "Outils" menu sera ajouté avec le "Code Source" sous-menu (bouton "<>" (icône)).

    tinyMCE.init({
    //......
    //......
    plugins: "searchreplace code",

    toolbar1: "separator forecolor backcolor code",
    toolbar2: "<<<some buttons list>>>",
    toolbar3: "<<<some buttons list>>>",
    toolbar4: "<<<some buttons list>>>",
});
    • Cet exemple est MAUVAIS si nous parlons de la 4.x API, theme_advanced_buttons<1-n> option n'est valable que pour 3.x versions. L'OP a demandé comment faire pour supprimer/personnaliser la barre de menu, et vous ne répondez pas à cette question. Je pense que vous devriez supprimer cette réponse. Merci.
    • Chers Sk8erPeter, je suis en train de travailler sur Tinymce version 4.0.6 (au début), il a appuyé theme_advanced_buttons<1-n> option. Ci-dessus Tinymce 4.0.6, barre d'outils<1-n> est utilisé et que le même est mise à jour dans le produit, je suis en train de travailler sur (maintenant en utilisant Tinymce 4.0.12). J'avais mis à jour la ma réponse ci-dessus.
    • Merci pour le montage de votre réponse, j'ai supprimé le downvote. 🙂 En passant, j'ai corrigé quelques phrases/les fautes de frappe, je pense que de cette façon, la réponse est correcte.
    • Le menubar et toolbar ne sont pas la même chose.
    InformationsquelleAutor prabhudev mathapati