Categories > Text > rex_tagtext

Introduction

Displays text with multi-color, font face, or font size with tags.

Links

• Plugin
• ACE table
• Discussion thread

Dependence

None

Usage

Predefined tag

Sample capx

1. Define tag

   • Condition:Define tag (class)

     • Action:Set font face
     • Action:Set font size
     • Action:Set font color
     • Action:Set font style
     • Action:Set stroke
     • Action:Set shadow
     • Action:Set underline
     • Action:Insert image

   • Action:Add by CSS (sample capx)

     • For example, add "red" tag by

      
     red {
         color:#F00;
         font-size:20pt;
         text-shadow:2px 2px 2px #000;
         underline:yellow 5px 0px;
         stroke: blue 2px;
     }
     

     • Color: color:color

     • Stroke: stroke:color lineWidth

     • Font size: font-size:size

     • Font: font:font-weight font-size font-family

       • font:900 20pt arial,sans-serif

     • Text shadow: text-shadow:offsetX offsetY blur color

     • Underline: underline:color thickness offsetY

     • Insert image: image:key

2. Use tags in text

   • <class=tag_name> characters </class>

Tags are private for each tag text instance.

Manage images

• Action:Add image, to add image with a key

  • Parameter Key: any character except ]

  • Parameter Image : official sprite object

    • Image size is equal to sprite size, i.e. set sprite size before added (Sample capx)

• Action:Remove image
• Action:Remove all

Images are shared for all tag text and bbcode text.

Inline style

Sample capx

• Color: <style="color:#F00;">Some text</style>
• Stroke color: <style="stroke:blue 2px;">Some text</style>
• Font family: <style="font-family:Georgia;">Some text</style>
• Font size: <style="font-size:20px;">Some text</style>
• Font weight: <style="font-weight:bold;">Some text</style>
• Font style: <style="font-style:italic;">Some text</style>
• Font: <style="font:900 20pt arial,sans-serif">Some text</style>
• Text shadow: <style="text-shadow:2px 2px 2px #000">Some text</style>
• underline: <style="underline:yellow 5px 0px">Some text</style>
• Insert image: <style="image:smile;"></style>

or mix them

• <style="color:#F00;font-size:20px">Some text</style>

Baseline

• Property Baseline is Top

  • The same as official text object

• Property Baseline is Alphabetic

  • Used when text with multiple sizes
  • Set property Shift down to pull down text

Lock canvas

Sample capx

When resizing text object,

• resize characters, if property Lock canvas size is Yes, or Action:Lock canvas size
• keep size of characters to render more or less characters of a line, if property Lock canvas size is No, or Action:Unlock canvas size

Save & load

It supports official saving & loading feature, but it will not save images.