The ScreenSteps Online Knowledge Base Everything you need to know about ScreenSteps
Blue mango logo white 250
  • Table of Contents
  • Contact Us
ScreenSteps Documentation » Customizing HTML Templates » Changing the Text Encoding of Output

Topics

  • Overview 4
    • What is an HTML Template?
    • The ScreenSteps Templates Folder
    • The Anatomy of the Template File
    • Installing/Sharing Templates
  • Customizing Templates 13
    • Setting the Maximum Height/Width for Step Images
    • Changing the Text Encoding of Output
    • How Do I Add My Company Logo to a Template?
    • How Can I Get a Step Image To Appear Below the Step Instructions?
    • How Do I Add An Image Border When Exporting To Blog?
    • Customizing Step Title formatting in Blog Templates
    • How to Add Whatever Font You Want to Your HTML Template
    • How Do I Make The Image Appear To the Left of the Text in an HTML Template?
    • Using Image Zoom in Templates
    • How to center images in an HTML template
    • Customizing Lesson Navigation Links In Manual Templates
    • Creating an XML Template
    • Removing The Lesson Description From the Table of Contents

Quicklinks

  • Downloads
  • View forums
  • Submit a help request
  • Contact us
  • Retrieve a lost license key

This manuals will show you how to perform some advanced customizations to HTML and XML templates in ScreenSteps. The main ScreenSteps manual is available here.

Last Updated

Nov 18, 2010

Download Lesson PDF

Download Manual PDF

Other Resources

  • ScreenSteps Desktop & Workgroup

  • ScreenSteps 2.9
  • ScreenSteps Workgroup
  • Customizing HTML Templates
  • ScreenSteps: Tips & Tricks
  • Creating Word Templates
  • Publishing to Blogs & Wikis
  • ScreenSteps Live

  • ScreenSteps Live
  • Setting up a New Admin, Editor or Author on ScreenSteps Live
  • ScreenSteps Live Support Client
  • Integrating ScreenSteps Live With Other Services
  • Collaborating on ScreenSteps Live
  • ScreenSteps Live Remote Authentication
  • ScreenSteps Live API
  • API Examples
  • Implementation Guides

  • Creating a Software Manual With ScreenSteps
  • Creating a ScreenSteps Live Support Site
  • Zendesk and ScreenSteps Live
  • Help Scout and ScreenSteps Live
  • FAQs

  • FAQs

Comments

0 comments for this lesson

  • Prev: Setting the Maximum Height/Width for Step Images
  • Next: How Do I Add My Company Logo to a Template?

Changing the Text Encoding of Output

All templates encode text as UTF-8 by default. If you are integrating output into a website or system that requires ISO-8859-1 encoding then you will need to change the text encoding property of the template.

Open The Template File

Media_1214253030825

Locate the text style property.

Output

Media_1214253629737

This is an example of what a step title of Téléphone would look like if you were to open an exported lesson in Firefox and view source.

Change to "iso"

Media_1214253051600

Change the text style to 'iso'.

New Output

Media_1214254091452

Now that 'iso' encoding is being used special characters are encoded using html entities since the characters cannot be represented using the ISO-8859-1 character set.

  • Prev: Setting the Maximum Height/Width for Step Images
  • Next: How Do I Add My Company Logo to a Template?

Comments (0)

Add your comment

E-Mail me when someone replies to this comment
Blue Mango Learning Systems © 2012