Click here to Skip to main content
Click here to Skip to main content

OpenXML + FlowDocument = OpenFlowDocument?

, 8 Apr 2008
Rate this:
Please Sign up or sign in to vote.
An article on how to render a Word document in a WPF FlowDocument control by parsing the OpenXML WordML using XLINQ

Introduction

OpenXML is a new standard used by all of Microsoft's new Office suites (Office 2007)! Because it is an open standard and based on XML, we can easily parse documents created with these products. The topic of this article will be how to parse a Word document (using XLINQ) and then render the document in a WPF control called the FlowDocument!

Parsing an OpenXML Document using XLINQ

System.IO.Packaging

The first problem is to extract or unpack the *.docx file into its containing *.xml files.

Package package = Package.Open(filename);
Uri documentUri = new Uri("/word/document.xml", UriKind.Relative);
PackagePart documentPart = package.GetPart(documentUri);
XElement wordDoc = XElement.Load(new StreamReader(documentPart.GetStream()));

The snippet above opens a Word document, extracts the document.xml into an XElement.

Using XLINQ to Get All the Paragraphs

All Word documents require the WordML namespace:

XNamespace w = http://schemas.openxmlformats.org/wordprocessingml/2006/main;

Now we can make a simple XLINQ query to get all the paragraphs (please note: to keep this simple, I am only looking at the paragraphs, I ignore images, drawings, tables, etc.).

var paragraphs = from p in wordDoc.Descendants(w + "p")
                 select p;

Next, we iterate over the collection of paragraphs and display them in a FlowDocument!

FlowDocument

Sacha has a nice article on the basics of FlowDocuments available here!

foreach (var p in paragraphs)
{
    var style = from s in p.Descendants(w + "pPr")
                select s;

    var font = (from f in style.Descendants(w + "rFonts")
                select f.FirstAttribute).FirstOrDefault();
    var size = (from s in style.Descendants(w + "sz")
                select s.FirstAttribute).FirstOrDefault();

    Paragraph par = new Paragraph();
    Run r = new Run(p.Value);
    if (font != null)
    {
        FontFamilyConverter converter = new FontFamilyConverter();
        r.FontFamily = (FontFamily)converter.ConvertFrom(font.Value);
    }
    if (size != null)
    {
        r.FontSize = double.Parse(size.Value);
    }
    par.Inlines.Add(r);

    flowDoc.Blocks.Add(par);
}

For each paragraph, I check if it has a font family or size explicitly set. I then create a new Paragraph and add a Run to its Inlines collection (I also change the font family and size if available). I then add the Paragraph to my FlowDocument!

And that is it!

All that is left now is to find a cool way to extend the normal FlowDocument to support Word document? You can sub-class the FlowDocument... I decided to rather provide it as an extension method!

To load a Word document into a flow document, you first create a FlowDocumentViewer (I created it in XAML):

<FlowDocumentPageViewer x:Name="flowDocViewer" Zoom="80" />

And load the Word document...

FlowDocument flowDoc = new FlowDocument();
flowDoc.loadWordML("DisciplesBios.docx");
flowDocViewer.Document = flowDoc;

I created a simple Word document with all the WPF Disciples bios. Here is how it looks in a FlowDocument:

OpenFlowDocScreen.jpg

Simple and easy...

If you like the article, please vote for it and also visit my blog: http://dotnet.org.za/rudi

History

  • 9th April, 2008: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

rudigrobler

South Africa South Africa
No Biography provided

Comments and Discussions

 
Questionthe picture in docx can not show? Pinmemberchicky_china18-Apr-14 15:23 
QuestionThat's Great! PinmemberMember 124954613-Jan-13 5:21 
GeneralMy vote of 5 Pinmembervishal katoch4-Dec-12 19:50 
GeneralImage support PinmemberMuneer Safi2-Jan-10 22:11 
GeneralCan't open docx PinmemberMember 426260613-Sep-09 5:39 
GeneralRe: Can't open docx Pinmemberrobmar15-Oct-09 3:47 
GeneralRe: Can't open docx PinmemberJustBeFree11-Jan-10 2:52 
GeneralAdding Image & table Pinmemberyrianto25-Sep-08 20:41 
GeneralRe: Adding Image & table PinmemberJohnny Glenn25-Mar-12 22:16 
GeneralNice PinmvpKarl Shifflett25-Apr-08 9:05 
GeneralRe: Nice Pinmemberrudigrobler28-Apr-08 22:00 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140902.1 | Last Updated 9 Apr 2008
Article Copyright 2008 by rudigrobler
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid