How to Use the Content Editor

  1. Edit Your Content
  2. Style Your Content
  3. Edit Your Sections: Use the Section manager
  4. Add Media
  5. Advanced Techniques:

Edit Your Content

  • Add text or delete text just by typing. Editing text is like blogging.
  • Advanced users: Click Source to see a section’s HTML. Vook cleans up your HTML slightly in order to produce valid eBooks.

Style Your Content

  • One-off formatting changes can be made in the Content editor.
    • Examples: Making 1-2 words bold or italic. Making 1 word a different color. Resizing 1 image.
  • Book-wide formatting changes should be made in the Style editor.
    • Examples: Making all of your headers italic. Setting the font and font size for the entire book. Adding a border to all images.
  • Change elements using the Format drop down menu. Highlight text and select a new element. These elements can be styled in the Style editor.
    The elements are:
    • Normal: Default paragraph (<p>).
    • Heading 1 – Heading 6: Headline level 1 through Headline level 6 (<h1> through <h6>).
    • Normal (div): Special paragraph formatting. You do not need to select this; Vook will apply it when necessary.
    • Formatted: Monospaced code (<pre>).
    • Address: Rarely used. Adds <address>.
  • Apply special formatting using the Styles drop down menu. Highlight text and select a style.
    • Some styles only become available once you’ve styled them in the Style editor.
      The special styles are:
      • div.figure: This is applied to media automatically. Use it when creating image captions.
      • div.figcaption: Use it when creating image captions.
      • p.first / p.first-child: These are identical. Apply them to your first paragraph. They become available once you’ve changed the first paragraph formatting.
      • span.first-letter: Apply this to create a drop cap. It becomes available once you’ve changed the drop cap formatting.

Edit Your Sections

  • A section is like a chapter. A section can also be an introduction or an epilogue.
  • Reorder your sections by grabbing the handle of the section and then dragging and dropping.

  • Add a section by clicking “Add section+”
  • Delete a section by clicking the pink “X”.
  • Change the title of a section by clicking the pencil icon.
  • A section title is required for every section. A section title appears in the table of contents.
  • A section name is optional. A section name does not appear in the table of contents. A section name provides additional styling options. For example:

Adding Media

  • Drag and drop media into the text.
  • Drag and drop media to move it to a different position.
  • Highlight media and then press “backspace” or “delete” on your keyboard to remove it.
  • Add captions.

Advanced Techniques