Ricerca 
it-ITen-US
Registrazione
Accedi
 
Autore:  Rudy Azzan
Pubblicato il:  2007/11/11

Addin per Live Writer
Programmer Paster, un Addin per Live Writer che colora il codice sorgente inserito nei Post dei Blog

Un Addin per Live Writer, disponibile per il Download nella pagina Utility per gli Sviluppatori del sito, aggiunge a Windows Live Writer, l'applicazione gratuita Microsoft per Creare Post per i principali sistemi di Blog utilizzati in rete, la funzionalità di inserire codice sorgente nei principali linguaggi di programmazione, scripting, authoring, formattato e colorato in base alle esigenze dell'autore.

Gestisce la creazione di script con tag colorati per VB.NET, C#, HTML, XML, SQL, MSH (Monad).

Se siete un programmatore o un sistemista che scrive il suo "Blog" personale probabilmente vi capita spesso di scrivere del codice sorgente in un qualsiasi linguaggio per mostrare esempi e funzionalità, gli editor di Visual Studio e altri sistemi di authoring per la programmazione colorano il codice sorgente quando siamo nella loro interfaccia, purtroppo però copiandolo ed incollandolo in HTML il risultato è a volte deludente.

Questo plugin serve a trasformare del codice C#, VB, HTML, Xml, Aspx, Msh(Monad) in HTML 4.01 pronto per essere incluso in un post da inviare a SubText o qualsiasi altro programma server di gestione "Blog" colorando in modo da renderli più leggibili i tag del linguaggio di programmazione. Usando questo plugin con Live Writer otterrete una pagina web con una o più aree di codice colorate secondo i vostri gusti. La pagina risulterà così più pulita e immediata da capire e inoltre conforme agli standard W3C.

Il plugin si chiama "ProgrammerPaster"  per installarlo è sufficiente scaricare lo zip, che trovate in area Utility, e seguire le seguenti istruzioni:

  1. Configurare il template:
    Nel file zip trovate il file "csharp.css" che contiene foglio di stile che sarà applicato ai nostri elementi del codice da trasformare.
    Ogni riga è commentata per farvi sapere a che elemento del codice corrisponde. Cambiate tutto salvo i nomi identificativi degli elementi CSS.
    Una volta riscritto questo File CSS come preferite è necessario caricarne il contenuto all'interno del CSS personalizzato del vostro sistema di blog, illustriamo qui quello che implementa SubText. Entrati nella sezione Admin,  selezionare il Tab "Options" e l'opzione "Configure" (Manage your blog).
    Incollate il testo del vostro file CSS nella casella di testo "Custom CSS Selectors":

    Modifica CSS custom SubText

    Premete il bottone "Salva".
    N.B.: Se aprirete il vostro Blog in DotNetWork questo css è già caricato, quindi potete saltare questo primo punto.

  2. Copiare i files:
    Copiate i files "ProgrammerPastePlugin.dll" e "CSharpFormat.dll" nella cartella "C:\Programmi\Windows Live Writer\Plugins"
  3. Configurare Live Writer:
    Eseguite Live Writer. Configurate la connessione al vostro "Blog" server. Dal menu  selezionate "View"> "Update Webblog Style...".

    Update Blog Style

  4. Scrivete un nuovo post e appena avete bisogno di inserire del codice, dal menu alla voce "Insert" o dalla Tab "Insert" a destra premete "Source code".

    Uso di ProgrammerPaster

La finestra di inserimento codice si presenta così:

Finestra di ProgrammerPaster

Copiate il testo nell'area bianca sulla sinistra della form; Selezionate usando la combobox il tipo di linguaggio che state formattando, quindi C#, VB, HTML, XML, ASPX, T-SQL, Monad (i batch di Vista); se necessario selezionate una o più delle opzioni a disposizione per la numerazione delle righe o l'uso di colori alternati per le righe. L'opzione Includi Stili va utilizzata esclusivamente se non avete modo di modificare lo stile CSS del vostro blog, nei blog di DotNetWork come pure nelle bozze degli articoli che eventualmente voleste inviarci, non va mai usata. Anche dove fosse necessario utilizzarla, ricordate di applicarla solo alla prima porzione di codice che inserite nel post, in quanto duplicare gli stili CSS per ogni porzione di codice, porterebbe a inserire codice moltiplicato ed inutile nell'html del post stesso.

HTML generato da ProgrammerPaster

Tutto il codice VB, C#, XAML ecc. che trovate negli articoli e nei blog pubblicati in DotNetWork è generato con questo plugin.

Roadmap di ProgrammerPaster:

  • Fornire i sorgenti del programma (C#) in una serie di articoli che mostreranno come è stato costruito.
  • Una versione del programma in formato EXE per chi utilizza altri programmi per produrre i propri blog o usa un editor HTML.
  • Una per Expression Web, per facilitare ai futuri Contributor la scrittura di articoli per DotNetWork.
  • Funzione di salvataggio del codice HTML su file.
  • Programma di Setup per non dover neppure usare queste istruzioni per l'installazione
  • Motore di sostituzione del testo con espressioni regolari. Idea un po' complessa quando la svilupperò sarà possibile formattare qualsiasi testo in qualsiasi linguaggio solamente scrivendo delle regole.
  • Colorazione del il testo di un CSS.
  • Colorazione delle dichiarazioni di un oggetto in C#,  VB. 
  • Finestra di preview del risultato immediata.

Problemi noti:

  • Da perfezionare la texbox di inserimento del codice.
  • Non colora le dichiarazioni di un oggetto in C#, ovvero le classi definite nel framework o quelle definite dall'utente (DataTable, File, Environment, MyClass ecc.).


       
Articoli|Webcast|Risorse|Utility
© 2007-2012 by DotNetWork  .:.  Condizioni d'uso  .:.  Privacy  .:.  Accedi  .:.