Utiliser les styles css à la volée

2

Je suis désolé pour le mauvais titre, je ne sais tout simplement pas comment mieux formuler ma question.

Le problème est donc le suivant: j'ai un long fichier .txt japonais. Étant donné mon niveau actuel de japonais, je dois utiliser une extension de dictionnaire Chromium.

Je peux ouvrir le fichier .txt dans le navigateur et utiliser l'extension, mais en l'absence de formatage, le texte n'est pas assez lisible. J'ai essayé de l'héberger dans un dossier public dans Dropbox et d'utiliser des outils de reformatage tels que Readability ou iReader, mais les deux ne fonctionnent pas (ils ne semblent pas non plus fonctionner sur les pages .html de mon dossier public Dropbox).

Je sais aussi comment Chromium vous permet de modifier des pages à la volée et comment appliquer des styles CSS personnalisés à des pages. Je me demandais s’il était possible de rendre le texte plus lisible¹ avec de tels outils. Le texte source est dans un fichier .txt, mais je suppose que je pourrais le convertir en page html à l'aide de LibreOffice ou quelque chose du genre, si nécessaire.

En résumé, comment puis-je afficher un texte très long (un livre entier, en fait) dans Chromium de manière plus lisible?

[1] Par lisible, je veux dire principalement des polices plus grandes et des marges larges, à peu près ce que des choses comme Safari Reader ou l'extension iReader feraient. Je ne m'attends évidemment pas à ce qu'il sache ce qu'est un titre de chapitre ou quoi que ce soit du genre.

PS: Bien que j'aie utilisé le terme "CSS", je ne suis pas tout à fait sûr de ce dont j'ai besoin. Si CSS n'a rien à voir avec cela, s'il vous plaît pardonnez-moi mon ignorance. Je sais presque rien sur le Web ... des choses.

PPS: Bien que j’ai parlé d’iReader pour clarifier ce dont j’avais besoin, utiliser iReader n’est pas une option, car l’extension de dictionnaire (Rikaikun) ne l’aime pas beaucoup.

vivien
la source
1
Si vous voulez des polices plus grandes, ne pouvez-vous pas simplement utiliser Ctrl + Défilement pour zoomer? Tous les navigateurs modernes devraient supporter cela. Ou dans le Bloc-notes, vous pouvez aller dans Format -> Police pour augmenter la taille de la police.
Indrek
Je rencontrais toujours le problème de l'absence de marges, ce qui est particulièrement mauvais pour mon moniteur grand écran 23 ". Bien sûr, je pourrais simplement redimensionner le navigateur lui-même chaque fois que je suis d'humeur à lire, mais j'espérais un solution élégante.
vivien

Réponses:

2

Vous pouvez créer vous-même un document HTML et le styler avec CSS. Le problème, c'est que vous devez trouver un moyen d’exporter vos données au format HTML. Vous pouvez utiliser LibreOffice, mais il génère très probablement du mauvais HTML.

Une alternative consiste à utiliser le mode colonne dans un éditeur (exemple: http://www.ultraedit.com/support/tutorials_power_tips/ultraedit/column_mode.html ) et des expressions régulières pour obtenir un document HTML contenant toutes vos données. Dans le document HTML, vous pouvez utiliser CSS pour que le document ressemble à votre goût. Le problème ici est que vous devez connaître HTML, CSS, les expressions régulières et vous avez besoin d’un bon éditeur.

Solution simple alternative: ne pourriez-vous pas simplement coller le fichier texte dans Word (ou similaire) et le styler à votre guise?


la source
Je conviens que la solution la plus simple consisterait à copier le texte traduit de chrome et à le coller dans un traitement de texte complet, tel que Word.
terdon
Je n'ai pas fait exactement ce que vous avez dit, mais j'ai essayé de me guider sur la voie de ma solution. Au début, j'ai simplement essayé de le modifier sous LibreOffice et de l'enregistrer au format HTML. Cela a fonctionné un peu. J'ai donc essayé d'adapter le code HTML à partir de pages ressemblant à ce que j'avais en tête. Finalement, je me suis contenté de mettre cela au rebut et d’écrire le code html / css à partir de zéro, par essais et erreurs, et de le copier depuis ma page d’échantillon ( allapis.com/Better-Web-Readability-Project-CSS-Library/… ). Alors maintenant ça marche! Bien que vous ne l'ayez pas résolu, votre coup de pouce dans cette direction a été très utile. Alors merci beaucoup!
Vivien