20 lines
1.7 KiB
HTML
20 lines
1.7 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>typesetting engine test</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<span id="info"></span>
|
||
|
|
<span id="line-info"></span>
|
||
|
|
<div id="paper" style="background:#e0e0e0; font-family:Latin Modern Roman; font-size: 14pt;" width="100%" height="100%" contenteditable="true"><div id="paper-page1"
|
||
|
|
style="background:white;width:210mm;height:297mm;top:15%;left:50%; margin-left:105mm; margin-top:10px; margin-bottom:10px; border:1px solid #000000;"
|
||
|
|
contenteditable="true">dolore<i>m</i> <i>ips<b>um</b></i> <i><b>si</b>t</i> <i>am</i>et Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique rutrum enim, auctor pharetra ligula sagittis volutpat. Donec pulvinar velit varius neque mattis suscipit. Fusce blandit vitae dui in accumsan. Aenean aliquam nisi at aliquam egestas. Maecenas placerat sodales purus, vitae imperdiet tellus lobortis sed. Proin aliquet lacus ut augue ullamcorper, vel commodo sem posuere. Vestibulum viverra lacus pretium nisl gravida commodo. Suspendisse vitae mauris ut justo pharetra lacinia. Phasellus ex dui, pharetra sit amet elit non, finibus iaculis dolor. Donec at orci consequat, tristique nulla a, luctus risus. Suspendisse eget felis euismod, lacinia diam in, mollis metus. Nunc eu tristique eros, ac venenatis massa. In vel ligula sit amet lacus imperdiet volutpat. Phasellus tincidunt tortor nec nisi luctus, vulputate tincidunt massa rutrum. Curabitur leo purus, dictum ac felis eget, porttitor vulputate felis. </div>
|
||
|
|
<div id="paper-page2"
|
||
|
|
style="background:white;width:210mm;height:297mm;margin-left:105mm;margin-top:10px; margin-bottom:10px; border:1px solid #000000;"
|
||
|
|
contenteditable="true"></div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript" src="script.js"></script>
|
||
|
|
|
||
|
|
</html>
|