Rick Hellewell

Blog to HTML allows you to export your blog into an HTML document that can be easily converted into an ebook. All blog posts and pictures are exported in oldest-to-newest date order. Only post content is exported; pages, widget areas, headers, footers, etc., are not exported. You can optionally select multiple categories to export.
When the file is generated, you can view it with your browser, or save it to your local computer for later use. Or you can specify an email address and the generated file will be sent via email as a compressed attachment. Each file has a unique name, so you can have multiple versions of the output. HTML elements get a unique CSS class to allow you to further style the output. Any HTML elements embedded in your post output is retained. All posts are exported; there are no watermarks or limited features.
This plugin’s main purpose is to easily output your blog (with pictures) in a format to easily convert to an ebook. For instance, Amazon’s Kindle Direct Publishing will accept an HTML file, to which you add additional meta (cover image, etc). Each post has an H1 for the title, and H2 for the publish date, so those tags can be used for a table of contents. You may need to add any additional CSS rules for your site’s unique formatting.
You can import the HTML file into Calibre or any HTML editor to further format and create your ebook. Or submit the HTML file directly to your ebook publisher.
The generated HTML file includes some CSS for various HTML tags, and are defined at the top of the HTML file.
<ul>
<li>body {color:#000 !important;background-color:#fff !important; } /* to make sure the text is visible */</li>
<li>.blog2html_h1 {} /* H1 class */</li>
<li>.blog2html_h2 {} /* H2 class */</li>
<li>.blog2html_div {} /* DIV class */</li>
<li>.blog2html_p {} /* P class */</li>
<li>.blog2html_img {} /* IMG class */</li>
<li>.blog2html_caption {} /* CAPTION class */</li>
<li>.blog2html_image_div {} /* DIV around multiple IMG */ </li>
<li>.blog2html_a {} /* A class */</li>
<li>This next block is to help images position next to each other 
figure.blog2html_figure { 
/* To correctly align image, regardless of content height: / 
vertical-align: top; 
display: inline-block; 
/ To horizontally center images and caption / 
text-align: center; 
/ The width of the container also implies margin around the images. */ 
width: 120px; 
}</li>
</ul>
You can set those CSS values according to your needs. Images are set to a max-width of 400px, although you can override that with custom CSS.

Blog To HTML

Export all posts in your blog to a HTML file for ebook creation.

Francesco Martini

After installing this plugin, you will be able to upload various ebook formats as normal media files and to display them in your site using a shortcode.
Every ebook uploaded in your site will have an “ebook slug” (by default it will be the ebook name) that you can view and edit in the Edit Media page of the Admin Panel.
The full source code of the plugin is hosted on <a href="https://github.com/wrCisco/simple-ebook-viewer-for-wp" rel="nofollow ugc">GitHub</a>.
Supported formats 
At the moment, the plugin will let you upload and display the following file types, provided that they are DRM-free:
<ul>
<li>epub</li>
<li>mobi</li>
<li>azw</li>
<li>azw3</li>
<li>fb2</li>
<li>fbz</li>
<li>cbz</li>
</ul>
Usage 
Insert the shortcode <code>[simebv_viewer book="MY_EBOOK_SLUG_HERE"]</code> in any one of your posts.
Styling 
You can add css styles and classes for the viewer container by adding these attributes to the shortcode:
<ul>
<li><code>height</code></li>
<li><code>width</code></li>
<li><code>max-height</code></li>
<li><code>max-width</code></li>
<li><code>border</code></li>
<li><code>style</code></li>
<li><code>class</code></li>
</ul>
Height, width, max-height, max-width and border accept any valid CSS value for those property. 
Style and class accept any valid value for the respective HTML attributes.
Some examples:
<pre><code>[simebv_viewer book="MY_EBOOK_SLUG_HERE" style="height:30em;border:2px inset black"]

[simebv_viewer book="MY_EBOOK_SLUG_HERE" max-height="100vh" height="40em"]

[simebv_viewer book="MY_EBOOK_SLUG_HERE" class="my-container-class my-container-second-class"]
</code></pre>
Settings 
The users of your site will be able to set their preferences about the appearance of the ebook in the Viewer by opening the Viewer menu (the cog icon on the top right) and by selecting the appropriate entries.
The plugin sets some reasonable defaults for these preferences, but if you’re not happy with those defaults, you can change them by adding one or more of the following attributes to the shortcode, with the appropriate values:
<ul>
<li><code>layout</code>
<ul>
<li>accepted values: “paginated” or “scrolled” (default: paginated)</li>
</ul>
</li>
<li><code>max-pages</code>
<ul>
<li>accepted values: 1, 2, 3 or 4 (default: 2)</li>
</ul>
</li>
<li><code>default-font-size</code>
<ul>
<li>accepted values: “small“, “medium“, “large“, “x-large” (default: medium)</li>
</ul>
</li>
<li><code>page-margins</code>
<ul>
<li>accepted values: “small“, “medium“, “large” (default: medium)</li>
</ul>
</li>
<li><code>zoom</code>
<ul>
<li>accepted values: “fit-page“, “fit-width” or a number in the range 10 – 400 (default: fit-page)</li>
</ul>
</li>
<li><code>color-scheme</code>
<ul>
<li>accepted values: “auto“, “sepia“, “light“, “dark” (default: auto)</li>
</ul>
</li>
</ul>
Layout, max-pages, default-font-size and page-margins are only available for reflowable ebooks, while zoom is only available for fixed layout ones.
Max-pages is the maximum number of pages (in the “paginated” layout) that the user will be able to see in a single view (if there is enough screen space).
Color-scheme: “auto” means that the Viewer will adapt to the preferred color-scheme set by the user in their device or browser (light or dark).
For most ebooks these preferences should be enough, but sometimes there are ebooks with style rules that don’t play well with the styles set by the Viewer, so the users have also the option to apply some filters to the Viewer’s colors (with the menu entry “Color filter…”).
You can set the default values for these filters with the following shortcode’s attributes:
<ul>
<li><code>activate-color-filter</code>
<ul>
<li>accepted values: “true“, “false” (default: false)</li>
</ul>
</li>
<li><code>invert-color-filter</code>
<ul>
<li>accepted values: a number in the range 0 – 1 (default: 0)</li>
</ul>
</li>
<li><code>rotate-color-filter</code>
<ul>
<li>accepted values: a number in the range 0 – 360 (default: 0)</li>
</ul>
</li>
<li><code>bg-transparent-filter</code>
<ul>
<li>accepted values: “true“, “false” (default: true)</li>
</ul>
</li>
<li><code>bg-color-filter</code>
<ul>
<li>accepted values: a valid CSS hex color code (default: #FFFFFF)</li>
</ul>
</li>
</ul>
Set activate-color-filter to “true” is necessary to enable all the other filters, and set bg-transparent-filter to false is necessary to enable bg-color-filter.
Bg-transparent-filter and bg-color-filter are available for reflowable ebooks only.
Invert-color-filter inverts the lightness of the colors. With a value of 0 it has no effect, with a value of 1, the white will become black and the black will become white.
Rotate-color-filter rotates the hues of all the colors in the ebook, like in a <a href="https://developer.mozilla.org/en-US/docs/Glossary/Color_wheel" rel="nofollow ugc">Color Wheel</a> (so, no effect on black and white).
<h3>Warning</h3>
Ebooks can contain scripted content that might be executed on your webpage. The plugin does its best to forbid script execution from inside the loaded content, but it can’t guarantee 100% safety. Don’t display ebooks from untrusted sources and/or check your ebooks before uploading and displaying them. If you can, provide a strict Content Security Policy for your site.

Simple Ebook Viewer

Embed and display Ebooks in your website.

Blog To HTML vs Simple Ebook Viewer