Pubblicato il 03/05/12 - aggiornato il  | 13 commenti :

Come ottenere l'HTML di un file Word o di un testo formattato.

Come ottenere l'HTML di un testo formattato o di un documento Word usando Windows Live Writer o Open Live Writer.
Con la suite Microsoft Office è possibile convertire un documento in formato Word in un file HTML. Tale operazione però è meno immediata di quanto non sembri e personalmente non la uso mai. E' possibile convertire un file DOC in HTML anche con Libre Office oltre naturalmente al formato di base ODT. Con gli stessi programmi è anche possibile salvare un documento in PDF anche se qualche volta la conversione non è proprio perfetta.

Dopo aver aperto il documento, in entrambi i casi si va su Salva o Salva con nome. Su Word si sceglie Altri formati per poi selezionare Pagina Web mentre su Libre Office si seleziona Documento HTML nell'elenco a discesa dei formati disponibili

documento-html
Con Word di Office 2007 o superiore si può anche salvare un documento come Pagina Web filtrata


salvare-documento-pagina-web

Non si riesce però a ottenere il codice HTML del documento in assoluta purezza. Se aprite infatti uno di questi file con un editor quale Notepad++, vi accorgerete che nell'HTML ci sono anche i tag presenti all'inizio di tutte le pagine web insieme a quelli specifici di Word.

Per ricavare il codice HTML corrispondente a un documento Word, esiste un sistema semplicissimo basato su Windows Live Writer. Se non avete ancora questo software per blogger vi consiglio di installarlo gratuitamente visto che fa parte della suite Windows Live Essentials 2011.





Per ottenere il codice HTML di un documento Word si deve innanzitutto aprirlo quindi selezionarlo e copiarlo. Si può selezionare e copiare interamente andando su Ctrl+5 (tastierino numerico) quindi su Ctrl+C oppure effettuare una selezione manuale con il cursore e il menù contestuale

convertire-documento-word-html

Aprite quindi Windows Live Writer e incollare il tutto nella modalità Modifica quindi cliccate su Origine, sempre in fondo al layout, e copiate il codice HTML del documento.

convertire-word-in-html

Saranno presenti tutti tag della formattazione, gli elenchi, i collegamenti e le tabelle. Questo sistema ha un suo limite con le immagini che comunque possono essere inserite successivamente nella finestra di Windows Live Writer mediante il loro indirizzo web. Alternativamente può anche essere usato il normale Editor di Blogger, incollando il documento su Scrivi e copiandolo in HTML.

WLW può anche essere usato per ottenere l'HTML di un testo formattato. Basta digitare il testo su Windows Live Writer, inserire colori, grassetto, corsivo, tabelle, elenchi, collegamenti e quant'altro per poi passare alla modalità Origine e copiare l'HTML. Può essere un modo comodo se si vuole inserire un testo formattato nel modello. In questo caso però, prima di incollarlo nel template, è opportuno convertirlo in XML mediante uno strumento come Blogcrowds.

Aggiornamento: WLW non supporta più Blogger ma è stato rilasciato Open Live Writer


13 commenti :

  1. ciao Ernesto, torno a chiederti supporto per una cosina strana.
    Mi sono accorta che nel mio blog appena in alto a sinistra si vede questo: -->
    e non riesco a rimuoverlo.
    ho provato ad indagare nell'html, anche espandendo i widget, ma non posso eliminare nessun "-->" poichè sono tutti la chiusura di "

    RispondiElimina
    Risposte
    1. *sono tutti la chiusura di "

      Elimina
    2. @GaiaVincenzi
      Dovrebbe essere questo qua
      </style>
      --></style>
      <style id='template-skin-1' type='text/css'>

      Elimina
    3. Anzi ci sono anche due chiusure di style. Elimina quella accanto a -->
      Per sicurezza salva il template prima di procedere

      Elimina
    4. grazie Ernesto, ma non lo trovo come il tuo.. ilmio è così:
      http://i45.tinypic.com/23pbnk.png

      Elimina
    5. fatto Ernesto ho risolto, era da eliminare quello vicino a ]]>
      (non riesco mai ad incollarti i pezzi di html

      Elimina
  2. Ciao Ernesto, sempre chiaro.Io uso il writer di openoffice e vorrei aggiungere un codice html o javascript che altro non è che un link ad un prodotto di un sito partner. Come mi consigli di fare? Grazie

    RispondiElimina
    Risposte
    1. Per aggiungere un link devi usare questo codice
      <a href="URL_LINK" target=_blank">Testo visibile</a>
      Se non sai di cosa parlo scaricati il mio ebook gratuito su HTML e CSS
      http://www.ideepercomputeredinternet.com/2012/09/guida-html-ebook.html
      @#

      Elimina
    2. Grazie per la risposta.Forse sono stato poco chiaro, scrivendo un documento col writer di openoffice se voglio inserire un link ad una pagina web ok......inserisci link. Ma se voglio inseririre un banner o un link javascript non riesco a fare perchè se seguo la procedura del link vi viene fuori tutto il codice che contiene anche il mio ref con ad esempio l'affiliazione amazon. Mi puoi suggerire qualcosa? Grazie

      Elimina
    3. Il codice lo devi inserire tramite Editor di Blogger. Se usi un altro Editor puoi pubblicare l'articolo come Bozza per poi modificarlo successivamente da Blogger
      @#

      Elimina
  3. Io uso blogger.Comuque l'articolo devo trasformarlo poi in pdf .Quindi una volta che copio il codice java dall'editor di blogger come lo incollo nell'openoffice writer? Perchè incollandolo normalmente moi copia proprio il testo del codice.Io vorrei anche editare la scritta che poi porta a quel codice.Scusa se mi sono espresso male,Grazie e buona domenica.-

    RispondiElimina
  4. Salve a tutti. Io ho aperto un blog con blogger di google. Ma ho un problema perché nella pagina di word (in pagina web) la tabella che ho inserito è allineata perfettamente, ma nel momento in cui la pubblico online i testi contenuti nelle tabelle si posizionano in maniera disallineato.

    RispondiElimina
    Risposte
    1. Quello di creare una tabella in un post è un problema non semplice specie se poi si deve visualizzare correttamente anche da dispositivo mobile. In questi due post troverai tutte le informazioni necessarie
      https://www.ideepercomputeredinternet.com/2017/12/responsive-table-html-css.html
      https://www.ideepercomputeredinternet.com/2016/04/tabella-html-css.html
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy