Aller au contenu
Support de Zwii
  • Contenu similaire

    • Par roger
      Voir le fichier Le Spoiler un plugin pour TinyMCE
      Plugin Spoiler pour TinyMCE
      Je vous propose ici d'installer dans le TinyMCE  un plugin qui vous fera gagner beaucoup de place lors de l'affichage d'une page, d'un template, d'un article pouvant comporter des dizaines de lignes sur toute la hauteur de leurs rédaction...
      Ce plugin a pour nom SPOILER
      100% compatible avec les versions 10.x.xx actuelles et a venir
      Il arrive parfois que nous devions développer pour un sujet donné de nombreuse lignes écrites pour expliquer une chose bien précise, ce peut aussi être dans une seule page une flopées d'images entre deux lignes écrites pour illustrer le propos.
      Bon sang quelle place occupée ensuite dans la hauteur d'une simple page alors que certaine parties de celle ci pourraient être masquées et n'être affichées qu'à la demande du lecteur de votre page.
      C'est là qu'intervient un module incorporable dans le TinyMCE le module SPOILER utilisé sur énormément de site à l'heure actuelle.
       
      Voici un simple texte qui nous servira d'exemple. Nous avons décidé de le recopier une bonne dizaine de fois....imaginez alors la hauteur qu'il occupera ensuite, sans l'aide du module que je vous propose, sur la page où il doit être affiché.
       

       
      Il ressemblera à cela une fois le script "spoiler" installé chez vous, grande différence non?:
       

       

       

       
      Voici ce que vous pourriez faire par la suite dans l'utilisation de ce "petit plus" avec votre éditeur des texte incorporé dans le cms.
       En mode source vous pouvez changer le titre de votre spoiler par le votre
       

       

        
      👉 Ce que fait le script:
      Il ira écrire les lignes de code voulue dans le fichier /core/vendor/tinymce/init.js et rien de plus. Puis en mêm temps téléversera le dossier "spoiler" dans le dossier des plugins du TinyMCE.
      IMPORTANT
      Le zip  contient deux versions du module:
      - un dossier nommé 
      - un dossier nommé
      Installation:
      script nommé "Spoiler V10.zip" qui contient les deux versions
      Une fois l'archive du script dézippé sur votre pc, choisissez la version qui vous convient, ouvrez son dossier et vous aurez alors deux autres dossiers;
       
      Dossier spoiler version simple (réservé à ceux qui n'ont aucun script déclarés dans le body de leur site)
      - un dossier nommé: installer
      - un dossier nommer: restaurer
       
      Dossier "spoiler version avec des scripts dans le body" *** (ceux qui ont déjà du script dans leur body doivent impérativement installer cette version)
      - un dossier nommé: installer
      - un dossier nommer: restaurer
       
      1° ouvrez le dossier installer et envoyer tout son contenu situé dedans à la racine de votre zwiicms (là ou il est installé sur votre serveur)
      2° Acceptez le remplacement du fichier "index.php" et puis c'est tout, le script sera fonctionnel des que vous vous rendrez sur votre site ou simplement en rafraichissant votre page si vous y êtes déjà connecté.
      *** 3° UNIQUEMENT POUR LES UTILISATEURS DE LA SECONDE VERSION ("spoiler version avec des scripts dans le body" )
      ==> Ouvrir la configuration de votre site et ajouter dans l'onglet des scripts ceci dans  "Script dans Body"
      <script>
      // spoiler
      $(function(){
      $('.spoiler-text').hide();
      $('.spoiler-toggle').click(function(){
      $(this).next().toggle();
      }); // end spoiler-toggle
      }); // end document ready
      </script>
       
      Restauration:
      Il vous suffit de suivre la même procédure que ci dessus sauf que cette fois ce sera le contenu à l'intérieur du dossier nommé restaurer qu'il faudra envoyer dans votre zwiicms.
      NOTA POUR LES DEUX VERSIONS:
      Il vous faudra lors de la désinstallation du script vous rendre dans la configuration de votre site, ouvrir l'onglet  tout en bas de la page qui ajoute du script dans le body et y supprimer ceci :
      <script>
      // spoiler
      $(function(){
      $('.spoiler-text').hide();
      $('.spoiler-toggle').click(function(){
      $(this).next().toggle();
      }); // end spoiler-toggle
      }); // end document ready
      </script>
       
      🤓 👉 N 'hésitez pas à venir mettre un petit commentaire ici, ça encourage celui qui œuvre mis peut aussi lui apporter l'envie de faire mieux si sont astuce semblait pouvoir être améliorée.😋
      Enjoy les amis.
      Contributeur roger Soumis 22/10/2020 Catégorie Modules  
    • Par roger
      Plugin Spoiler pour TinyMCE
      Je vous propose ici d'installer dans le TinyMCE  un plugin qui vous fera gagner beaucoup de place lors de l'affichage d'une page, d'un template, d'un article pouvant comporter des dizaines de lignes sur toute la hauteur de leurs rédaction...
      Ce plugin a pour nom SPOILER
      100% compatible avec les versions 10.x.xx actuelles et a venir
      Il arrive parfois que nous devions développer pour un sujet donné de nombreuse lignes écrites pour expliquer une chose bien précise, ce peut aussi être dans une seule page une flopées d'images entre deux lignes écrites pour illustrer le propos.
      Bon sang quelle place occupée ensuite dans la hauteur d'une simple page alors que certaine parties de celle ci pourraient être masquées et n'être affichées qu'à la demande du lecteur de votre page.
      C'est là qu'intervient un module incorporable dans le TinyMCE le module SPOILER utilisé sur énormément de site à l'heure actuelle.
       
      Voici un simple texte qui nous servira d'exemple. Nous avons décidé de le recopier une bonne dizaine de fois....imaginez alors la hauteur qu'il occupera ensuite, sans l'aide du module que je vous propose, sur la page où il doit être affiché.
       

       
      Il ressemblera à cela une fois le script "spoiler" installé chez vous, grande différence non?:
       

       

       

       
      Voici ce que vous pourriez faire par la suite dans l'utilisation de ce "petit plus" avec votre éditeur des texte incorporé dans le cms.
       En mode source vous pouvez changer le titre de votre spoiler par le votre
       

       

        
      👉 Ce que fait le script:
      Il ira écrire les lignes de code voulue dans le fichier /core/vendor/tinymce/init.js et rien de plus. Puis en mêm temps téléversera le dossier "spoiler" dans le dossier des plugins du TinyMCE.
      IMPORTANT
      Le zip  contient deux versions du module:
      - un dossier nommé 
      - un dossier nommé
      Installation:
      script nommé "Spoiler V10.zip" qui contient les deux versions
      Une fois l'archive du script dézippé sur votre pc, choisissez la version qui vous convient, ouvrez son dossier et vous aurez alors deux autres dossiers;
       
      Dossier spoiler version simple (réservé à ceux qui n'ont aucun script déclarés dans le body de leur site)
      - un dossier nommé: installer
      - un dossier nommer: restaurer
       
      Dossier "spoiler version avec des scripts dans le body" *** (ceux qui ont déjà du script dans leur body doivent impérativement installer cette version)
      - un dossier nommé: installer
      - un dossier nommer: restaurer
       
      1° ouvrez le dossier installer et envoyer tout son contenu situé dedans à la racine de votre zwiicms (là ou il est installé sur votre serveur)
      2° Acceptez le remplacement du fichier "index.php" et puis c'est tout, le script sera fonctionnel des que vous vous rendrez sur votre site ou simplement en rafraichissant votre page si vous y êtes déjà connecté.
      *** 3° UNIQUEMENT POUR LES UTILISATEURS DE LA SECONDE VERSION ("spoiler version avec des scripts dans le body" )
      ==> Ouvrir la configuration de votre site et ajouter dans l'onglet des scripts ceci dans  "Script dans Body"
      <script>
      // spoiler
      $(function(){
      $('.spoiler-text').hide();
      $('.spoiler-toggle').click(function(){
      $(this).next().toggle();
      }); // end spoiler-toggle
      }); // end document ready
      </script>
       
      Restauration:
      Il vous suffit de suivre la même procédure que ci dessus sauf que cette fois ce sera le contenu à l'intérieur du dossier nommé restaurer qu'il faudra envoyer dans votre zwiicms.
      NOTA POUR LES DEUX VERSIONS:
      Il vous faudra lors de la désinstallation du script vous rendre dans la configuration de votre site, ouvrir l'onglet  tout en bas de la page qui ajoute du script dans le body et y supprimer ceci :
      <script>
      // spoiler
      $(function(){
      $('.spoiler-text').hide();
      $('.spoiler-toggle').click(function(){
      $(this).next().toggle();
      }); // end spoiler-toggle
      }); // end document ready
      </script>
       
      🤓 👉 N 'hésitez pas à venir mettre un petit commentaire ici, ça encourage celui qui œuvre mis peut aussi lui apporter l'envie de faire mieux si sont astuce semblait pouvoir être améliorée.😋
      Enjoy les amis.
    • Par roger
      Voir le fichier TinyMCE Skin gris
      Cette mouture revue par mes soins vous apportera entre autre...
      L'éditeur TinyMCE interfacé, personnalisé avec skin de teinte grise
       
      - Vous aimeriez retrouver un éditeur de texte TinyMCE moins austère visuellement que celui proposé de base,
       

       
      - Je vous propose de lui adjoindre un "skin customisé de couleur grise".

       
      Entièrement compatible avec toutes les versions de ZwiiCMS actuelles V10.x.xx
       
      * Installation *
       
      1°  Télécharger l'archive et décompressez la sur votre pc
       
      2°  Votre archive étant décompressée vous devez avoir alors un dossier nommé "core"
           - un dossier nommé "core"
           - un dossier nommé "site"
           - un fichier nommé "index.php
       
      3°  Ouvrez votre FTP à l'endroit où vous hébergez votre ZwiiCMS
          Envoyez les dossiers "core" et "site" ainsi que le fichier "index.php sur votre espace web et acceptez le remplacement de tout les fichiers.

      Il ne vous reste plus alors qu'à vous rendre depuis votre navigateur web sur votre site en ligne et éditer une page pour voir le nouveau TinyMCE que vous venez de mettre en place.
       
      NOTA :
       
      Il est possible que celui ci (le nouveau TinyMCE avec son skin) n'apparaisse pas de suite lors de votre édition de page, alors pas de panique, en restant sur la page que vous éditez cliquez simplement sur "Rafraîchir la page" dans votre navigateur et ainsi vous aurez ce fameux "petit plus" que vous attendiez.
       
      * Restauration du tinymce *
       
      ## le dossier "restaurer" contient :
           - un dossier nommé "site"
           - un fichier nommé "index.php
       
      1° Restauration
      Suivre cette procédure uniquement;

      Ouvrez votre FTP à l'endroit où vous hébergez votre ZwiiCMS
          Envoyez le dossiers "site" et fichier "index.php sur votre espace web et acceptez le remplacement de tout les fichiers.
          Rafraîchissez votre page, vous devriez alors revoir votre tinymce restauré à son origine.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce script sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
       
      Contributeur roger Soumis 23/10/2020 Catégorie Modules  
×
×
  • Créer...