Lesson: lesson-xml

PDF files

Converter PDF Preview
PDFreactor
OK
Download
PrinceXML
OK
Download
Antennahouse
OK
Download
Vivliostyle
ERROR
Download
No support for custom non-HTML elements for now

Stylesheet

 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
35
36
37
38
@import url("../styles/a5.css");

myindentedparagraph {
    display: block;
    margin: 2cm;
    border: 1px dashed grey;
    font-family: Lato;
}

mytable {
    display: table;
    border: 1px solid blue;
    width: 80%;
    border-collapse: collapse;
    font-family: Lato;
}

row {
    display: table-row;
    border: 1px solid blue;
}

cell {
    display: table-cell;
    width: 25%;
    border: 1px solid blue;
    text-align: center;
}

mylist {
    display: block;
    font-family: Lato;
}

item {
    display: list-item;
    list-style-type: circle;
}

XML input

 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
35
36
37
<document>
    <mylist>
        <item>item 1</item>
        <item>item 2</item>
        <item>item 3</item>
        <item>item 4</item>
    </mylist>
    <myindentedparagraph> Elit dolor aliquam elit, a commodo nisi felis nec
        nibh. Nulla facilisi. Etiam at tortor. Vivamus quis sapien nec magna
        scelerisque lobortis.

Curabitur tincidunt viverra justo. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Sed eros ante, mattis ullamcorper,
posuere quis, tempor vel, metus. Maecenas cursus cursus lacus. Sed risus magna,
aliquam sed, suscipit sit amet, porttitor quis, odio. Suspendisse cursus justo
nec urna. Suspendisse potenti. In hac habitasse platea dictumst. Cras quis
lacus. Vestibulum rhoncus congue lacus. Vivamus euismod, felis quis commodo
viverra, dolor elit dictum ante, et mollis eros augue at est. Class aptent
taciti sociosqu.
    </myindentedparagraph>

    <mytable>
        <row>
            <cell>1</cell>
            <cell>2</cell>
            <cell>3</cell>
            <cell>4</cell>
        </row>
        <row>
            <cell>1</cell>
            <cell>2</cell>
            <cell>3</cell>
            <cell>4</cell>
        </row>
    </mytable>

</document>