| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <style> |
| |
| |
| |
| div.content, pre { |
| border: 1px solid #c0c0c0; |
| background: #f0f0f0; |
| padding: 4px; |
| } |
| |
| ins { color: blue; text-decoration: none; } |
| del { color: red; text-decoration: line-through; } |
| |
| h1 { |
| background-color: #c0c0c0; |
| border-radius: 10px; |
| padding: 10px; |
| font-family: sans-serif; |
| } |
| |
| </style> |
| <script> |
| |
| |
| </script> |
| </head> |
| <body> |
| |
| <h1>Insertion - single line</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one <ins>inserted</ins> two |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <r> |
| <t>one</t> |
| </r> |
| <ins id="0" author="Peter Kelly" date="2012-10-14T16:40:00Z"> |
| <r> |
| <t xml:space="preserve"> inserted</t> |
| </r> |
| </ins> |
| <r> |
| <t xml:space="preserve"> two</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Insertion - multiple lines</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one <ins>first<br> |
| second</ins> two |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <pPr> |
| <rPr> |
| <ins id="0" author="Peter Kelly" date="2012-10-14T16:47:00Z"/> |
| </rPr> |
| </pPr> |
| <r> |
| <t xml:space="preserve">one </t> |
| </r> |
| <ins id="1" author="Peter Kelly" date="2012-10-14T16:47:00Z"> |
| <r> |
| <t>first</t> |
| </r> |
| </ins> |
| </p> |
| <p> |
| <ins id="2" author="Peter Kelly" date="2012-10-14T16:47:00Z"> |
| <r> |
| <t xml:space="preserve">second </t> |
| </r> |
| </ins> |
| <r> |
| <t>two</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Insertion - new paragraph from above</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two<br> |
| three four |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one two<ins><br> |
| new line</ins><br> |
| three four |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <pPr> |
| <rPr> |
| <ins id="0" author="Peter Kelly" date="2012-10-14T16:52:00Z"/> |
| </rPr> |
| </pPr> |
| <r> |
| <t>one two</t> |
| </r> |
| </p> |
| <p> |
| <ins id="1" author="Peter Kelly" date="2012-10-14T16:52:00Z"> |
| <r> |
| <t>new line</t> |
| </r> |
| </ins> |
| </p> |
| <p> |
| <r> |
| <t>three four</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Insertion - new paragraph from below</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two<br> |
| three four |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one two<br> |
| <ins>new line<br></ins> |
| three four |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre class="code"> |
| <p> |
| <r> |
| <t>one two</t> |
| </r> |
| </p> |
| <p> |
| <pPr> |
| <rPr> |
| <ins id="0" author="Peter Kelly" date="2012-10-14T16:55:00Z"/> |
| </rPr> |
| </pPr> |
| <ins id="1" author="Peter Kelly" date="2012-10-14T16:55:00Z"> |
| <r> |
| <t>new line</t> |
| </r> |
| </ins> |
| </p> |
| <p> |
| <r> |
| <t>three four</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Deletion - single line</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two three |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one<del> two</del> three |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <r> |
| <t>one</t> |
| </r> |
| <del id="0" author="Peter Kelly" date="2012-10-14T17:01:00Z"> |
| <r rsidDel="005113D3"> |
| <delText xml:space="preserve"> two</delText> |
| </r> |
| </del> |
| <r> |
| <t xml:space="preserve"> three</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Deletion - multiple lines</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two<br> |
| three four |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one<del> two\nthree</del> four |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <pPr> |
| <rPr> |
| <del id="0" author="Peter Kelly" date="2012-10-14T17:04:00Z"/> |
| </rPr> |
| <pPrChange id="1" author="Peter Kelly" date="2012-10-14T17:04:00Z"> |
| <pPr/> |
| </pPrChange> |
| </pPr> |
| <r> |
| <t>one</t> |
| </r> |
| <del id="3" author="Peter Kelly" date="2012-10-14T17:04:00Z"> |
| <r> |
| <delText xml:space="preserve"> two</delText> |
| </r> |
| </del> |
| </p> |
| <p> |
| <del id="4" author="Peter Kelly" date="2012-10-14T17:04:00Z"> |
| <r> |
| <delText>three</delText> |
| </r> |
| </del> |
| <r> |
| <t xml:space="preserve"> four</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Delete - separate deletions on adjacent lines</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two<br> |
| three four |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one<del> two</del><br> |
| <del>three</del> four |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <r> |
| <t>one</t> |
| </r> |
| <del id="0" author="Peter Kelly" date="2012-10-14T17:08:00Z"> |
| <r> |
| <delText xml:space="preserve"> two</delText> |
| </r> |
| </del> |
| </p> |
| <p> |
| <del id="2" author="Peter Kelly" date="2012-10-14T17:08:00Z"> |
| <r> |
| <delText xml:space="preserve">three </delText> |
| </r> |
| </del> |
| <r> |
| <t>four</t> |
| </r> |
| </p> |
| </pre> |
| |
| <h1>Delete - entire paragraph</h1> |
| |
| <p>Old text:</p> |
| |
| <div class="content"> |
| one two<br> |
| three four<br> |
| five six |
| </div> |
| |
| <p>New text:</p> |
| |
| <div class="content"> |
| one two<br> |
| <del>three four<br></del> |
| five six |
| </div> |
| |
| <p>Code:</p> |
| |
| <pre> |
| <p> |
| <r> |
| <t>one two</t> |
| </r> |
| </p> |
| <p> |
| <pPr> |
| <rPr> |
| <del id="0" author="Peter Kelly" date="2012-10-14T17:11:00Z"/> |
| </rPr> |
| </pPr> |
| <del id="2" author="Peter Kelly" date="2012-10-14T17:11:00Z"> |
| <r> |
| <delText>three four</delText> |
| </r> |
| </del> |
| </p> |
| <p> |
| <r> |
| <t>five six</t> |
| </r> |
| </p> |
| </pre> |
| |
| </body> |
| </html> |