> 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
279,99 €Casque sans fil Bose Headphones 700 à 279,99 €
Valable jusqu'au 24 Janvier

Boulanger fait une promotion sur l'excellent casque sans fil Bose Headphones 700 qui passe à 279,99 € une fois ajouté au panier au lieu de 319 €. En plus d'un son incroyable, ce casque offre 11 niveaux de réduction active de bruit vous permettent de profiter de la musique, des podcasts, des vidéos et des appels, sans distraction. Un système de microphones révolutionnaire s’adapte aux environnements bruyants et venteux afin de restituer votre voix avec une clarté incroyable lors de vos appels. Vous permet également d'accéder facilement aux assistant vocaux Google et Alexa. Autonomie jusqu'à 20 heures.


> Voir l'offre
89,99 €Souris sans fil Logitech G Pro X Superlight à 89,99 €
Valable jusqu'au 24 Janvier

Fnac fait une promotion sur la souris sans fil Logitech G Pro X Superlight qui passe à 89,99 € au lieu de 120 €. Cette souris pèse moins de 63 grammes et offre un glissement sans la moindre friction. Équipée du capteur optique Hero de 25000 dpi, la souris Pro X Superlight transmet chaque mouvement, et ce, avec une précision et une réactivité optimales, quelle que soit la vitesse.


> Voir l'offre
80,45 €Alimentation semi modulaire Corsair CX750M (750W, 80Plus Bronze) à 80,45 €
Valable jusqu'au 26 Janvier

RueDuCommerce fait une promotion sur l'alimentation semi modulaire Corsair CX750M 750W 80Plus Bronze qui passe à 80,45 €. On la trouve ailleurs à partir de 110 €. Cette alimentation est silencieuse et est certifiée 80PLUS bronze qui offre des rendements de plus de 82% en charge. Elle est garantie 3 ans.


> 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