× Aidez la recherche contre le COVID-19 avec votre ordi ! Rejoignez l'équipe PC Astuces Folding@home
 > 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
Publicité
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 poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Les bons plans du moment PC Astuces

Tous les Bons Plans
39,99 €Tondeuse sans fil Philips Multigroom 7000 + 8 sabots (cheveux, barbe, corps, oreilles/nez) à 39,99 €
Valable jusqu'au 04 Décembre

Amazon fait une promotion sur la tondeuse sans fil Philips MG7745/15 qui passe à 39,99 € alors qu'on la trouve ailleurs à partir de 80 €. Cette tondeuse en métal peut tailler et sculpter la barbe, les cheveux, le corps, le nez et les oreilles.... 3 sabots cheveux (9, 12 et 16 mm), 2 sabots barbe (1 et 2 mm), sabot barbe ajustable (3 à 7 mm) et 2 sabots pour le corps. L'appareil est 100% étanche et offre une autonomie de 3 heures.


> Voir l'offre
41,99 €Routeur Mobile TP-Link M7350 (4G LTE, Wifi 300 Mbps) à 41,99 €
Valable jusqu'au 02 Décembre

Amazon fait une vente flash sur routeur Mobile TP-Link M7200 qui passe à 41,90 € livré gratuitement alors qu'on le trouve ailleurs à partir de 55 €. Intégrant un modem 4G LTE, vous pouvez générer instanément un Hotspot Wi-Fi en insérant une carte SIM liée à un abonnement 4G dans l'appareil. Avec jusqu'à 150Mbps en téléchargement et 50Mbps en téléversement, le M7200 est capable de partager un signal 4G Wifi à près de 10 utilisateurs simultanément.  Notez que le WiFi fonctionne jusqu'à 300 Mbits/s pour des échanges rapides entre vos appareils sur le même réseau.

Son format de poche et sa puissante batterie de 2000mAh le rendent idéal comme compagnon de voyage, permettant aux utilisateurs de jouer ou travailler des heures.


> Voir l'offre
299 €Ecran PC 34 pouces Samsung S34J552 ultralarge (WQHD, 4 ms, 75 Hz) à 299 €
Valable jusqu'au 02 Décembre

Amazon fait une promotion sur l'écran PC 34 pouces Samsung S34J552 ultralarge qui passe à 299 € au lieu de 399 €. Cet écran possède une dalle VA de résolution 3440x1440 à 75 Hz (compatible FreeSync). La fonction Picture-by-Picture intégrée (PBP) permet l'affichage de deux sources différentes côte à côté à leur résolution native. Entrées HDMI et DP.


> 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