> Tous les forums > Forum des Webmasters
 editeur TinyMCE grande largeur texte dans pageSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
BOB DE BRETAGNE
  Posté le 02/07/2015 @ 10:10 
Aller en bas de la page 
Astucien

Bonjour les astuciens ......nes

Voilà un problème que j'ai remarqué depuis un moment. Si un membre écrit dans l'éditeur TinyMCE sans faire attention à la largeur celui -ci dépasse la fenêtre de lecture. Que ce soit sur pcastuces ou sur mon site le problème est identique. Je cherche une solution à ce problème.

Exemple par image, dans la prévisualisation on voit le problème mais certains membres post sans faire attention (du moins sur mon site )

le post ! on voit le texte qui sort

Publicité
zoulouman
 Posté le 03/07/2015 à 09:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Utilise donc la propriété CSS "word-wrap: break-word;" dans ta feuille de style.

http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

BOB DE BRETAGNE
 Posté le 03/07/2015 à 10:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut zoulouman, je ne connaissait pas cette propriété

un grand merci !

zoulouman
 Posté le 04/07/2015 à 11:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Pourtant, quand on se lance dans la création de pages HTML/CSS, on se retrouve très vite confronté à des trucs qui dépassent alors qu'on ne veut pas.

Word-wrap et overflow font partie des premières propriétés que j'ai apprises.

Ravi que ça fonctionne !

elle
 Posté le 04/07/2015 à 19:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

zoulouman a écrit :

Pourtant, quand on se lance dans la création de pages HTML/CSS, on se retrouve très vite confronté à des trucs qui dépassent alors qu'on ne veut pas.

Ben ça dépend de la structure. Jusqu'à ce que je décide de refaire mon site pour le rendre adaptable sur mobile, je n'avais jamais eu besoin de word-wrap.

zoulouman
 Posté le 05/07/2015 à 10:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Ah !

Ben je dois être le seul à écrire des lignes de 3 kilomètres...

elle
 Posté le 05/07/2015 à 19:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pas des lignes, des mots!

zoulouman
 Posté le 06/07/2015 à 09:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Oui, des mots.

Ben j'écris des grands mots. En même temps, dans mes premiers scripts, il y a avait des enregistrements DNS qui peuvent être très long quand on affiche des enregistrements DKIM qui contienne des clés RSA.

Les lignes de code contiennent aussi des grands "mots" dès fois.

Ca doit être pour ça que je connais word-wrap depuis un petit moment.

BOB DE BRETAGNE
 Posté le 13/09/2015 à 21:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

salut

je crois que de nombreux webmestre dont celui de la cnil ne connait pas cette propriété . voir en bas de page !

bon maintenant s'il passe par pcastuces plus d'excuse

voir ici : http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/outils-et-codes-sources/la-mesure-daudience/



Modifié par BOB DE BRETAGNE le 13/09/2015 21:12
zoulouman
 Posté le 14/09/2015 à 12:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Pour un site pro, ça manque de.... professionnalisme ?

BOB DE BRETAGNE
 Posté le 22/11/2015 à 09:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

les astuciens

Je remonte le post pour une autre modification que l'on peut apporter à TinyMCE. Cette modification est à apporter dans votre dossier skins concerne le fichier content.min.css , skin d'origine lightgray ou personnalisé.

j'ai appliqué de nouveau word-wrap ce qui permet d'avoir tout le texte visible dans prévisualisation sans utiliser le curseur horizontal.

Je rappelle que cette fonction sera utile pour certain copier collé qui pose problème. J'ai eu ce problème sur pc-astuces l'autre jour. Il ne me reste plus maintenant qu'à trouver un moyen d'adapter la largeur de la fenêtre de prévisualisation à celle de l'éditeur ce qui permettra d'avoir le rendu réel du Post (largeur texte Post = largeur éditeur = largeur prévisualisation) j'ai cherché dans content.min.css et autres fichiers sans y parvenir pour le moment.

Quand l'éditeur est inférieur ou égal à 648px ( prévisualisation origine) tout roule !

A bientôt si j'ai l'astuce

zoulouman
 Posté le 22/11/2015 à 11:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Avec un fichier content.min.css, tu vas t'arracher les cheveux.

min.css signifie que le fichier est minifié. Pour aller vite, il est compressé.

Tous les caractères inutiles à la compréhension par l'interpréteur de la machine sont virés.

Par contre, ça rend la lecture par un humain plus que rébarbative.

Tu n'as pas son équivalent non minifié pour êtres humains, soit le fichier content.css ?

Tu ferais tes modifs sur ce fichier et tu le minifies après en le renommant content.min.css au passage.



Modifié par zoulouman le 22/11/2015 11:38
BOB DE BRETAGNE
 Posté le 23/11/2015 à 11:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

salut zoulouman

après avoir arraché quelques cheveux blancs j'ai trouvé le fichier pour la modif taille prévisualisation: skin.min.css

résultat

je crois que je peux arroser çà

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
259,90 €Ecran PC 27 pouces Gigabyte M27Q (QHD, IPS, 0.5 ms, 170 Hz) à 259,90 €
Valable jusqu'au 03 Décembre

RueDuCommerce fait une promotion sur l'écran PC 27 pouces Gigabyte M27Q qui passe à 259,90 € au lieu de 399 €. Cet écran possède une dalle 27 pouces QHD (2560x1440) à 0.5 ms et à 170 Hz (FreeSync Premium et Adaptive Sync). Son pied est réglable en hauteur et en inclinaison.


> Voir l'offre
28,99 €Clavier et Souris sans fil Microsoft Wireless Desktop 900 à 28,99 €
Valable jusqu'au 03 Décembre

Amazon fait une belle promotion sur le pack Microsoft Wireless Desktop 900 qui passe à 28,99 € livré gratuitement alors qu'on le trouve ailleurs à partir de 45 €. Cet ensemble clavier/souris Microsoft Wireless Desktop 900 est à la fois contemporain et minimaliste. Le clavier est doté de touches silencieuses offrant une expérience de frappe sereine et la souris de taille classique permet une navigation confortable et précise. Le clavier Wireless Desktop 900 est doté du chiffrement AES (Advanced Encryption Standard), qui vous permet de protéger vos informations en chiffrant votre saisie. La durée de vie de la pile est de 2 ans pour le clavier et pour la souris.


> Voir l'offre
20,90 €Microsoft Office 2019 Professional Plus à 20,90 €
Valable jusqu'au 04 Décembre

Le vendeur sérieux Digital FR propose sur Amazon la clé d'activation légale pour Microsoft Office Professionnel 2019 Plus en français à 20,90 €.

Cette clé livrée par email vous permettra d'activer Microsoft Office Professionnel 2019 Plus légalement et vous permettra ainsi d'utiliser autant de temps que vous voulez (il s'agit de la version complète et pas d'un abonnement) Word,Excel, PowerPoint, OneNote, Outlook, Publisher et Access 2019 sur un PC.

La clé sera à activer sur Office.com où vous pourrez ensuite télécharger toute la suite bureautique. Pour mémoire, Microsoft Office Professionnel 2019 nécessite Windows 10 ou Windows 11. Pour plus d'info sur la procédure, n'hésitez pas à jeter un oeil à notre dossier pratique Acheter une clé OEM d'Office 2019 et l'installer.


> Voir l'offre

Sujets relatifs
Bouton dans une page HTML pour copier un texte
Impression du texte dans une page
Texte dans tableau
Bouton RSS automatique dans page annonce Google site
Bulle de texte dans une zone cliquable
insérer programme python dans page web
écriture dans base de donnés avec tinymce
Largeur page web
Insertion image dans page Web directement sans URL ?
probleme accès page administrator dans cms Joomla
Plus de sujets relatifs à editeur TinyMCE grande largeur texte dans page
 > Tous les forums > Forum Forum des Webmasters