> Tous les forums > Forum 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 !


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