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 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Notes on Importing HTML into Scribus</title>
</head>
<style>
@import "manual.css";
</style>
<body>
<h2>Notes on Importing HTML into Scribus</h2>
<p>Scribus has an HTML importer which can import clean, well formed HTML and retain much of the layout and and formatting, provided the formatting or styling is basic HTML <strong>in the HTML markup</strong>, not via css style sheets. CSS support will come in the future.</p>
<h4>So what kind of HTML is supported and how does it work ?</h4>
<p>Upon import, the importer will create paragraph styles which correspond to the html markup. Bold, Italics and monospace text and alignment are also supported. Below is a listing of the HTML markup supported - both upper and lower case tags. </p>
<ul>
<li>body, div, a - Text must be within the <body> tags.</li>
<li>p and br - Corresponding to paragraph and line breaks.</li>
<li>H1 to H4 - Correspond to Heading Sizes 1 to 4.</li>
<li>ol,ul,li - Corresponding to ordered or unordered lists.</li>
<li>pre and code - Corresponding to preformatted text and source code listings. These will be converted to text using the fixed pitch font Courier.</li>
<li>www. style web links are converted to text with blue coloring to highlight them in the same manner as most web browsers do in their default settings.</li>
<li>b, u, i, em, strong,sub.sup,del,u - Text formatting is converted to the corresponding font styles. Note, your default font should have all of these variants available to Scribus. </li>
</ul>
<p>Hence the following section of html will display and create paragraph styles in Scribus as demonstrated below.</p>
<pre>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>H1 Text</h1>
<h2>H2 Text</h2>
<h3>H3 Text</h3>
<h4>H4 Text</h4>
<ol>
<li>Ordered List Item 1 </li>
<li>Ordered List Item 2 </li>
</ol>
<ul>
<li>Un-Ordered List Item 1 </li>
<li>Un-Ordered List Item 2 </li>
</ul>
<code>code listings</code>
<p><b>Bold Paragraph Style</b></p>
<p><i>Italic Paragraph Style</i></p>
<p align="center">Centered Text</p>
</body>
</html></pre>
<p>Below the imported styles from the file above. </p>
<table width="100%"><tr><td align="center"><img src="images/htmlstyle.png" alt="HTML Styles imported into Scribus" title="HTML Styles imported into Scribus " /></td></tr></table>
<p>Below is the imported text displayed on the canvas:</p>
<table width="100%"><tr><td align="center"><img src="images/htmlimport.png" alt="HTML imported into Scribus" title="HTML imported into Scribus " /></td></tr></table>
<p>Not all applications export HTML with high fidelity to the W3C specifications. You can use htmltidy to clean up and make conformant HTML text you need to import. See : <a href=" http://w3c.org"> http://w3c.org</a>
<hr />
<p>See also:</p>
<ul>
<li><a href="WwStyles.html">Working with Styles</a></li>
</ul>
</p>
</body>
</html>
|