Aller au contenu
Support de Zwii

Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'tinymce'.



Plus d’options de recherche

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Migration de ce forum
    • Informations sur la migration
  • Support de Zwii
    • Informations et nouveautés
    • Ateliers de développement
    • Un bug découvert ?
    • Questions sur l'installation et l'utilisation
    • Trucs et astuces
    • Support des téléchargements
  • Communauté
    • Boîte à idées
    • Votre site

Catégories

  • Les thèmes
    • Thèmes du site
    • Thèmes de l'administration
  • Les modules
    • Modules officiels
    • Galeries
  • Plugins TinyMCE
  • Tutoriels
  • Modifications et astuces

Rechercher les résultats dans…

Rechercher les résultats qui contiennent…


Date de création

  • Début

    Fin


Dernière mise à jour

  • Début

    Fin


Filtrer par nombre de…

Inscription

  • Début

    Fin


Groupe


À propos de moi


Site internet

15 résultats trouvés

  1. Voir le fichier TinyMCE Font en pixels À propos de ce fichier Je vous propose ici d'installer dans le TinyMCE le choix de taille de texte en hauteur 100% compatible avec les versions 10.x.xx actuelles et a venir L'éditeur de texte TinyMCE se présentant ainsi dans le ZwiiCMS, vous aimeriez sans doute pouvoir personnaliser un peu plus la taille des polices lorsque vous rédigez un texte sur une page de votre site. L'éditeur se présentait ainsi de base incorporé dans le CMS Zwii Il ressemblera à cela une fois le script utilisé chez vous: C'est maintenant possible Grace à l'ajout de quelques lignes de codes qui vous permettront maintenant de choisir les tailles en hauteur de vos textes et qui plus est en pixels!!! "8px 10px 12px 14px 16px 18px 20px 24px 36px" De 8px la plus petite à 36px la plus grande (rien ne vous empêche d'ailleurs d'ajouter 72px en modifiant vous même le code du script) le choix est vaste il me semble pour combler tout le monde. 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. Le résultat obtenu sera le suivant une fois votre page publiée sur votre site. 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. Le zip nommé contient: Installation: Une fois l'archive du script dézippé sur votre pc vous aurez alors deux dossiers; - 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é. 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. 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 Plugins TinyMCE  
  2. Voir le fichier Prism la coloration syntaxique (codesample) de code dans tinyMCE Il arrive parfois (voir même souvent sur certains site spécialisés) que nous ayons besoin de partager du code qui soit visuellement "parlant" pour qui le lira. Il arrive aussi que nous ayons envie de partager du code aussi facilement que le partage d'une image ou de texte grâce par exemple à un simple bouton Copier... Prism, un plugin indépendant de l'éditeur de texte TinyMCE permet tout cela, un vrai plus pour un site de vulgarisation ou tutoriels en tout genres qui serait construit avec le cms Zwii. La version 1.22.0 proposée ici du plugin Prism est la toute dernière disponible sur le site officiel ==> https://prismjs.com/ En prime elle vous est livrée avec un panel de 8 thèmes css différents (que vous pourrez adapter à votre site Zwii) et bénéficie sur la partie dite "publique" du code visible en ligne de deux boutons qui permetent pour l'un de connaître le code affiché, tandis que l'autre offrira la possibilité à votre visiteur de pouvoir copier le texte de la boite de code affichée pour ensuite le coller là où bon lui semblera. les boutons on été "francisés" par mes soins ce qui est sympa pour les utilisateurs francophones. Entièrement compatible avec les versions de ZwiiCMS 10.x.xx et suivantes. Le zip nommé "Prism.zip" contient un dossier: - un dossier nommé "core" INSTALLATION: 1° Une fois décompressée l'archive envoyez tout le contenu intérieur du dossier "core" à la racine de votre site Un dossiers est à envoyer à la racine de votre zwii: - le dossier nommé "core" Activer Prism dans le CMS: 1° Ouvrir la page de configuration de votre site (icône roue crantée tout en haut à droite dans la barre administrative) 2° Vous rechercherez en bas de la page de configuration les boites de dialogue permettant d'inserrer du script dans le Head et le Body de votre site Zwii (Onglet nommé "Scripts") 3° Ouvrir "Script dans head" et ajouter le code ci dessous: <link rel="stylesheet" type="text/css" href="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/prism/okaidia.css"> NOTA: okaidia.css est le thème que j'ai choisi par défaut pour afficher la coloration syntaxique avec ses propres couleurs de code. S'il ne vous plais pas, il suffit de changer ce thème CSS pare l'un des 7 autres fournis et insclus dans le dossier de prism. Comme par exemple le thème par défaut vous écrirez alors dans le body ceci: <link rel="stylesheet" type="text/css" href="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/prism/defaut.css"> 4° Ouvrir "Script dans body" et copier ce code là: <script src="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/prism/prism.js"></script> Ceci activera prism coté "fronted" de votre site et permettra d'afficher vous ligne de codes à vos visiteurs de manière colorée en plus des deux boutons forts pratiques comme expliqué en début de ce sujet; UTILISATION: Voila, vous venez d'activer ce plugin "prism" dans votre site web et ne vous reste plus qu'à proposer vos ligne de codes en utilisant le plugin codesample , codesample doit être préalablement activé dans le Tinymce dans le fichier init.js comme ci dessous 1° Rendez vous dans le dossier de tinymce" situé dans /core/vendor/tinymce/ et ouvrir le fichier le fichier init.js Rechercher ceci : // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media paste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking", // Contenu de la barre d'outils toolbar: "restoredraft | undo redo | formatselect bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist emoticons | table template | image media link | code fullscreen", 2° Pour activer codesample , dans la ligne plugin: " rechercher codemirror et ajouter codesample ce qui vous donne: plugins: "advlist anchor autolink autoresize autosave codemirror codesample colorpicker contextmenu etc....", 3° Pour faire appraître le bouton de codesample dans la barre d'outil Tinymce, il faut à la ligne " toolbar: " ajouter là où vous désirez faire apparaitre son bouton ceci codesample exemple le bouton ajouté aprés celui de l'insertion d'un lien (link): toolbar: "restoredraft | undo redo | formatselect bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist emoticons | table template | image media link codesample | code fullscreen", Maintenant ne vous reste plus qu'à vérifier que tout fonctionne de cette façon ci: - Appeler codesample pour afficher du code dans vos pages - Choisir le type de code à afficher et le copier dans la boite de dialogue de codesample IMPORTANTE INFORMATION: Si vous copier du code HTML et que vous décidiez de re-éditer votre page de code, Tinymce effacera automatiquement le contenu HTML des balises de code du même nom. Une astuce provisoire (en attendant de trouver une solution viable au problème consiste à remplacer la première balise de code par un symbole # et d'en prévenir vos utilisateurs sur la page d'affichage de celui ci une fois la page publiée) Voir ici le sujet traitant de la chose: http://forum.zwiicms.com/topic/2243-resolucomment-insérer-des-exemples-de-code-dans-tinymce/?do=findComment&comment=24405 RESTAURATION: Suivez la même procédure que pour l'installation mais cette fois ci inversez les consignes données au dessus en n'oubliant pas de supprimer manuellement le dossier prisme envoyé dans le dossier des plugins de tinymce. 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 03/12/2020 Catégorie Plugins TinyMCE  
  3. Version 1.0.0

    25 téléchargements

    À propos de ce fichier Je vous propose ici d'installer dans le TinyMCE le choix de taille de texte en hauteur 100% compatible avec les versions 10.x.xx actuelles et a venir L'éditeur de texte TinyMCE se présentant ainsi dans le ZwiiCMS, vous aimeriez sans doute pouvoir personnaliser un peu plus la taille des polices lorsque vous rédigez un texte sur une page de votre site. L'éditeur se présentait ainsi de base incorporé dans le CMS Zwii Il ressemblera à cela une fois le script utilisé chez vous: C'est maintenant possible Grace à l'ajout de quelques lignes de codes qui vous permettront maintenant de choisir les tailles en hauteur de vos textes et qui plus est en pixels!!! "8px 10px 12px 14px 16px 18px 20px 24px 36px" De 8px la plus petite à 36px la plus grande (rien ne vous empêche d'ailleurs d'ajouter 72px en modifiant vous même le code du script) le choix est vaste il me semble pour combler tout le monde. 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. Le résultat obtenu sera le suivant une fois votre page publiée sur votre site. 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. Le zip nommé contient: Installation: Une fois l'archive du script dézippé sur votre pc vous aurez alors deux dossiers; - 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é. 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. 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.
  4. roger

    TinyMCE Skin gris

    Version 1.0.0

    12 téléchargements

    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.
  5. Version 1.22.0

    7 téléchargements

    Il arrive parfois (voir même souvent sur certains site spécialisés) que nous ayons besoin de partager du code qui soit visuellement "parlant" pour qui le lira. Il arrive aussi que nous ayons envie de partager du code aussi facilement que le partage d'une image ou de texte grâce par exemple à un simple bouton Copier... Prism, un plugin indépendant de l'éditeur de texte TinyMCE permet tout cela, un vrai plus pour un site de vulgarisation ou tutoriels en tout genres qui serait construit avec le cms Zwii. La version 1.22.0 proposée ici du plugin Prism est la toute dernière disponible sur le site officiel ==> https://prismjs.com/ En prime elle vous est livrée avec un panel de 8 thèmes css différents (que vous pourrez adapter à votre site Zwii) et bénéficie sur la partie dite "publique" du code visible en ligne de deux boutons qui permetent pour l'un de connaître le code affiché, tandis que l'autre offrira la possibilité à votre visiteur de pouvoir copier le texte de la boite de code affichée pour ensuite le coller là où bon lui semblera. les boutons on été "francisés" par mes soins ce qui est sympa pour les utilisateurs francophones. Entièrement compatible avec les versions de ZwiiCMS 10.x.xx et suivantes. Le zip nommé "Prism.zip" contient un dossier: - un dossier nommé "core" INSTALLATION: 1° Une fois décompressée l'archive envoyez tout le contenu intérieur du dossier "core" à la racine de votre site Un dossiers est à envoyer à la racine de votre zwii: - le dossier nommé "core" Activer Prism dans le CMS: 1° Ouvrir la page de configuration de votre site (icône roue crantée tout en haut à droite dans la barre administrative) 2° Vous rechercherez en bas de la page de configuration les boites de dialogue permettant d'inserrer du script dans le Head et le Body de votre site Zwii (Onglet nommé "Scripts") 3° Ouvrir "Script dans head" et ajouter le code ci dessous: <link rel="stylesheet" type="text/css" href="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/prism/okaidia.css"> NOTA: okaidia.css est le thème que j'ai choisi par défaut pour afficher la coloration syntaxique avec ses propres couleurs de code. S'il ne vous plais pas, il suffit de changer ce thème CSS pare l'un des 7 autres fournis et insclus dans le dossier de prism. Comme par exemple le thème par défaut vous écrirez alors dans le body ceci: <link rel="stylesheet" type="text/css" href="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/prism/defaut.css"> 4° Ouvrir "Script dans body" et copier ce code là: <script src="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/prism/prism.js"></script> Ceci activera prism coté "fronted" de votre site et permettra d'afficher vous ligne de codes à vos visiteurs de manière colorée en plus des deux boutons forts pratiques comme expliqué en début de ce sujet; UTILISATION: Voila, vous venez d'activer ce plugin "prism" dans votre site web et ne vous reste plus qu'à proposer vos ligne de codes en utilisant le plugin codesample , codesample doit être préalablement activé dans le Tinymce dans le fichier init.js comme ci dessous 1° Rendez vous dans le dossier de tinymce" situé dans /core/vendor/tinymce/ et ouvrir le fichier le fichier init.js Rechercher ceci : // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media paste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking", // Contenu de la barre d'outils toolbar: "restoredraft | undo redo | formatselect bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist emoticons | table template | image media link | code fullscreen", 2° Pour activer codesample , dans la ligne plugin: " rechercher codemirror et ajouter codesample ce qui vous donne: plugins: "advlist anchor autolink autoresize autosave codemirror codesample colorpicker contextmenu etc....", 3° Pour faire appraître le bouton de codesample dans la barre d'outil Tinymce, il faut à la ligne " toolbar: " ajouter là où vous désirez faire apparaitre son bouton ceci codesample exemple le bouton ajouté aprés celui de l'insertion d'un lien (link): toolbar: "restoredraft | undo redo | formatselect bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist emoticons | table template | image media link codesample | code fullscreen", Maintenant ne vous reste plus qu'à vérifier que tout fonctionne de cette façon ci: - Appeler codesample pour afficher du code dans vos pages - Choisir le type de code à afficher et le copier dans la boite de dialogue de codesample IMPORTANTE INFORMATION: Si vous copier du code HTML et que vous décidiez de re-éditer votre page de code, Tinymce effacera automatiquement le contenu HTML des balises de code du même nom. Une astuce provisoire (en attendant de trouver une solution viable au problème consiste à remplacer la première balise de code par un symbole # et d'en prévenir vos utilisateurs sur la page d'affichage de celui ci une fois la page publiée) Voir ici le sujet traitant de la chose: http://forum.zwiicms.com/topic/2243-resolucomment-insérer-des-exemples-de-code-dans-tinymce/?do=findComment&comment=24405 RESTAURATION: Suivez la même procédure que pour l'installation mais cette fois ci inversez les consignes données au dessus en n'oubliant pas de supprimer manuellement le dossier prisme envoyé dans le dossier des plugins de tinymce. 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
  6. Voir le fichier Glisser & Déposer (plugin power paste pour tinymce) Je vous propose ici d'installer dans le TinyMCE ce plugin qui vous permettra de réaliser des glisser/déposer d'image, de texte depuis n'importe quelle source que ce soit (fihier ouvert sur un pc, dans une fenêtre extérieure d'un navigateur web...) 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" 3° Ouvrez votre FTP à l'endroit où vous hébergez votre ZwiiCMS Envoyez les dossiers "core" sur votre espace web et acceptez le remplacement de tout les fichiers. * Activation du plugin * 1° Rendez vous à la racine de votre site et ouvrez le fichier "init.js" situé dans le dossier /core/vendor/tinymce/ 2° recherchez: // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking", Ajoutez "powerpaste" dans la liste des plugins comme ci dessous // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media powerpaste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking", 3° Recherchez dans le même fichier cette ligne: // Cache la barre de statut statusbar: false, Ajouter juste en dessous ceci: // Active le copié collé à partir du Web paste_data_images: true, // Active le copié collé à partir du presse papier paste_filter_drop: false, Enregistrez votre modification, c'est tout. En images voici l'utilisation du plugin powerpaste en action dans le TinyMCE mode éditeur complet 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 plugin pour Tinymce, 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 thème 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 16/11/2020 Catégorie Plugins TinyMCE  
  7. Version 1.0.0

    6 téléchargements

    Je vous propose ici d'installer dans le TinyMCE ce plugin qui vous permettra de réaliser des glisser/déposer d'image, de texte depuis n'importe quelle source que ce soit (fihier ouvert sur un pc, dans une fenêtre extérieure d'un navigateur web...) 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" 3° Ouvrez votre FTP à l'endroit où vous hébergez votre ZwiiCMS Envoyez les dossiers "core" sur votre espace web et acceptez le remplacement de tout les fichiers. * Activation du plugin * 1° Rendez vous à la racine de votre site et ouvrez le fichier "init.js" situé dans le dossier /core/vendor/tinymce/ 2° recherchez: // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking", Ajoutez "powerpaste" dans la liste des plugins comme ci dessous // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media powerpaste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking", 3° Recherchez dans le même fichier cette ligne: // Cache la barre de statut statusbar: false, Ajouter juste en dessous ceci: // Active le copié collé à partir du Web paste_data_images: true, // Active le copié collé à partir du presse papier paste_filter_drop: false, Enregistrez votre modification, c'est tout. En images voici l'utilisation du plugin powerpaste en action dans le TinyMCE mode éditeur complet 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 plugin pour Tinymce, 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 thème 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.
  8. Version 1.0.0

    7 téléchargements

    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.
  9. 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 Plugins TinyMCE  
  10. Nous lisons parfois dans le forum des sujets où il est demandé pour un usage particulier, des fonctions bien spécifiques à intégrer dans l'éditeur TinyMCE du cms. Celui ci possède déjà à la base un bel échantillons de "plugins" de même que des "templates" permettant une grande flexibilité de conception de texte dans votre cms (conception tant visuelle que textuelle) Énormément de plugins sont existants actuellement pour la version du Tinymce, ils ne sont pas tous les intégrés dans la version officielle du cms Zwii. Je vous propose donc un sondage afin que nous puissions nous faire une opinion sur la possibilité d'offrir de tels plugins sur le forum pour tout ceux qui seraient intéressés par une telle idée.
  11. 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 Plugins TinyMCE  
  12. Hello, Petite question sur TinyMce...J'ai ajouté un template .html dans /vendor/tinymce/templates et modifié le init.js en fonction, mais celui-ci n’apparaît pas dans la liste de l'éditeur " + > modèle "...Une idée ?? EDIT : finalement, c'était la bonne manip'...juste un cache un peu trop long ;))
  13. Si comme moi, vous avez besoin de rajouter des balises "non conventionnelles" (comme itemtype ou itemprop ;)), vous ne pourrez pas avec la configuration de base de TInyMce. Pour modifier cela, ouvrez le fichier init.js dans le répertoire /core/vendor/tinymce et ajoutez le code suivant après la langue. //valid extended_valid_elements: "*[*]", verify_html : false, cleanup : false, et voilà :))
  14. Bonjour, Je teste la version 8.2.3, super, beaucoup de changements, de fonctions supplémentaires et d'avancées, mais je constate qu'il est impossible de faire ouvrir un lien dans une autre fenêtre (target="_blank") depuis l'éditeur wysiwyg "TinyMCE" edit : je viens de voir que c'est du au scroll de la page, en fonction que l'on ait scrollé ou pas la sélection s'affiche, ou pas !! ?? WTF ?
  15. En voulant ce matin dans mon site de test pour la dernière version du cms v 8.1.1, modifier le texte du module form, je suis tombé sue ceci : N'ayant donc absolument rien changé ni ajouté dans cette version de test, je souhaiterai donc savoir ce qui produit ce bug apparemment ce serait le fichier de langue française qui ne se chargerait pas dans la dernière version téléchargée sur github ( la 8.1.1 ) Je vais donc regarder dans le dossier du tiny et aussi dans ce qui le lance, pourquoi ceci se produit en attendant une réponse... Si d'autre on remarqués ce soucis dans la dernière version, n'hésitez pas non plus à le signaler ici que nous sachions si c'est un bug isolé ou bien s'il se produit chez vous.
×
×
  • Créer...