IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Blogs du Club Discussion :

Amélioration du rendu du code

  1. #1
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 423
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 423
    Points : 8 699
    Points
    8 699
    Billets dans le blog
    43
    Par défaut Amélioration du rendu du code
    Bonjour,

    Je me demandais s'il existait un moyen pour améliorer le rendu du code sur mon blog (et sur le forum en général).

    1. J'aimerai par exemple masquer les numéros de ligne.
    2. Aussi, je souhaiterais (via une option par exemple) afficher l'intégralité du code sans avoir à utiliser l'ascenseur.
    3. Enfin, je souhaiterais masquer le langage employé. En principe c'est implicite et au pire je peux le mentionner quand je commente le code.


    Exemple :
    Code typescript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    // server.ts
     
    import http = require('http');
    import os = require('os');
    import fs = require('fs');
     
    class HttpServer {
        nodePort: number;
     
        constructor (port: number) {
            this.nodePort = port;
        }
     
        onRequest(request: http.ServerRequest, response: http.ServerResponse) {
            console.log('New request: ' + request.url);
     
            fs.readFile('./index.html', (err: any, data: Buffer) => {
                if (err) {
                    throw err;
                }
                response.writeHead(200, {'Content-Type': 'text/html'});
                response.write(data);
                response.end();
            });
        }
     
        onStart() {
            let httpServer = http.createServer(this.onRequest);
            httpServer.listen(this.nodePort);
            console.log('Server listenning on http://' + os.hostname() + ':' + this.nodePort + '/');
        }
    }
     
    let server = new HttpServer(8080).onStart();

    Tutoriels et FAQ TypeScript

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 646
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 646
    Points : 11 135
    Points
    11 135
    Par défaut
    bonsoir,

    Citation Envoyé par yahiko
    1-J'aimerai par exemple masquer les numéros de ligne.
    Tu peux copier le code dans un éditeur de texte (le lien "sélectionner tout" sélectionne ton code sans les numéros de ligne).
    Citation Envoyé par yahiko
    2- Aussi, je souhaiterais (via une option par exemple) afficher l'intégralité du code sans avoir à utiliser l'ascenseur.
    tu as le lien "visualiser dans une fenêtre à part".

    Ces deux liens sont visibles dans ton message en haut à droite de la zone du code, mais vue ton statut, je pense que tu le sais déjà

  3. #3
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 423
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 423
    Points : 8 699
    Points
    8 699
    Billets dans le blog
    43
    Par défaut
    Non, je parle bien d'avoir un rendu par défaut au premier coup d'oeil pour le lecteur sans avoir à cliquer.

    Idéalement, je souhaiterai un rendu du code épuré comme on peut le voir sur Stack Overflow par exemple, ou beaucoup d'autres sites.

    Nom : codeso.png
Affichages : 223
Taille : 16,6 Ko
    Tutoriels et FAQ TypeScript

  4. #4
    Responsable 2D/3D/Jeux


    Avatar de LittleWhite
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2008
    Messages
    26 826
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mai 2008
    Messages : 26 826
    Points : 218 287
    Points
    218 287
    Billets dans le blog
    117
    Par défaut
    Bonjour,

    Mais, même sur SO, lorsque le code est long, des scrollbars vont apparaitre.
    Vous souhaitez participer à la rubrique 2D/3D/Jeux ? Contactez-moi

    Ma page sur DVP
    Mon Portfolio

    Qui connaît l'erreur, connaît la solution.

  5. #5
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 423
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 423
    Points : 8 699
    Points
    8 699
    Billets dans le blog
    43
    Par défaut
    Certes, mais la limite actuelle sur DVP est bien trop faible à mon goût : 13 lignes...

    Si on pouvait avoir la main sur cette limite dans une option de balise, ou même forcer l'affichage complet du code ce serait pratique.

    Voici un autre blog tenu par un gars de chez Microsoft : http://www.hanselman.com/blog/Explor...SPNETCore.aspx
    Le code s'intègre bien au texte (cadre discret, sans annotation autour) et on peut embrasser l'intégralité du code d'un seul regard ce qui à mon sens facilite la compréhension.

    Ce n'est pas en plus quelque chose de rare. C'est même le contraire. C'est pratiquement la norme de présenter du code ainsi de nos jours.
    J'espère ne pas être le seul à voir les choses ainsi.
    Tutoriels et FAQ TypeScript

  6. #6
    Responsable technique

    Avatar de Anomaly
    Homme Profil pro
    Directeur
    Inscrit en
    Juin 2003
    Messages
    10 327
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Directeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 327
    Points : 252 884
    Points
    252 884
    Billets dans le blog
    1
    Par défaut
    Je pense que ces remarques sont tout à fait valables. Je vais y réfléchir.
    Responsable technique forum & site

    Si ce message (ou un autre) vous a aidé et/ou vous semble pertinent, votez pour lui avec

  7. #7
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 423
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 423
    Points : 8 699
    Points
    8 699
    Billets dans le blog
    43
    Par défaut
    Bonjour,

    Je me demandais si éventuellement une décision avait été prise concernant l'amélioration du rendu du code.
    Pour éviter les répercussions sur les posts existants, peut-être serait-il envisageable de créer une nouvelle balise ([codenew] par exemple).

    Au plaisir,

    Yahiko
    Tutoriels et FAQ TypeScript

Discussions similaires

  1. [JavaHelp] Un exemple d'amélioration du rendu de vos pages d'aide
    Par Ricky81 dans le forum EDI et Outils pour Java
    Réponses: 0
    Dernier message: 28/07/2009, 23h59
  2. Réponses: 0
    Dernier message: 28/07/2009, 23h59
  3. Améliorer la qualité du code
    Par jeroc dans le forum SAP
    Réponses: 10
    Dernier message: 14/08/2008, 12h35
  4. Améliorer la lisibilité du code ..
    Par Alpha4 dans le forum Delphi
    Réponses: 8
    Dernier message: 17/05/2007, 01h08
  5. [unicode] mauvais rendu du code utf.
    Par PyBio dans le forum Général Python
    Réponses: 4
    Dernier message: 04/11/2005, 22h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo