References

Predefined Styles

The following styles are predefined in the default installation:

NameStyle idcss code
StandardpDefault paragraph styling
Heading 1h1
h1 {
 font-weight:bold;
 font-size: 125%;
 margin: 0.8em 0 0.5em 0;
}
Heading 2h2
h2 {
 font-weight:bold;
 font-size: 120%;
 margin: 0.8em 0 0.5em 0;
}
Heading 3h3
h3 {
 font-weight:bold;
 font-size: 110%;
 margin: 0.8em 0 0.5em 0;
}
Noticep:stages_description_notice
p.stages_description_notice {
 border-left: .75ex solid #FCAE3F;
 font-weight: bold;
 padding: 1ex 0 1ex 1ex;
}
Captionp:stages_description_caption
p.stages_description_caption {
 font-size: 95%;
 line-height: 1.1em;
 margin-top: 0;
 margin-bottom: 0;
}

Allowed HTML Tags

This list is a short snippet of the validation schema:

  • em
  • u
  • strike
  • sub
  • sup
  • span
  • br
  • img
  • a
  • p
  • hr
  • table
  • h1-h6
  • ul
  • ol

Rich Text Validation Schema

<?xml version="1.0" encoding="UTF-8"?>
<xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema"
targetNamespace="http://namespace.methodpark.de/composer/richtext/model"
xmlns:rt="http://namespace.methodpark.de/composer/richtext/
model" xmlns:ecore="http://www.eclipse.org/emf/2002/Ecore"
elementFormDefault="qualified">
<!-- Stages-Class Restrictions -->
<xsd:simpleType name="StagesClassName">
<xsd:restriction base="xsd:string">
<xsd:pattern value="stages_[\\w-_]+" />
</xsd:restriction>
</xsd:simpleType>
<!-- CSS Style Restriction -->
<xsd:simpleType name="StyledBlockStyle">
<xsd:restriction base="xsd:string">
<xsd:pattern value="(margin-left:\s*\d+px;\s*|text-align:\s*(left|
center|right|justify);\s*)*" />
</xsd:restriction>
</xsd:simpleType>
<xsd:simpleType name="ListItemStyle">
<xsd:restriction base="xsd:string">
<xsd:pattern value="text-align:\s*(left|center|right|justify);?" />
</xsd:restriction>
</xsd:simpleType>
<xsd:simpleType name="TableAlignment">
<xsd:restriction base="xsd:string">
<xsd:enumeration value="left"></xsd:enumeration>
<xsd:enumeration value="center"></xsd:enumeration>
<xsd:enumeration value="right"></xsd:enumeration>
</xsd:restriction>
</xsd:simpleType>
<xsd:simpleType name="TableCellVerticalAlignment">
<xsd:restriction base="xsd:string">
<xsd:enumeration value="top"></xsd:enumeration>
<xsd:enumeration value="middle"></xsd:enumeration>
<xsd:enumeration value="bottom"></xsd:enumeration>
<xsd:enumeration value="baseline"></xsd:enumeration>
</xsd:restriction>
</xsd:simpleType>
<!-- CSS Style Restriction -->
 <xsd:simpleType name="Color">
<xsd:restriction base="xsd:string">
<xsd:pattern value="(background-color:\s*#[0-9a-fA-F]{6};\s*|color:
\s*#[0-9a-fA-F]{6};\s*)*" />
</xsd:restriction>
</xsd:simpleType>
<xsd:simpleType name="TableStyle">
<xsd:restriction base="xsd:string">
<xsd:pattern value="(margin-left:\s*\d+px;\s*|width:\s*\d+(px|%);\s*|
background-color:\s*rgb(s*\d{1,3},\s*\d{1,3},\s*\d{1,3});\s*|bordercolor:\s*rgb(s*\d{1,3},\s*\d{1,3},\s*\d{1,3});\s*)*"
/>
</xsd:restriction>
</xsd:simpleType>
<xsd:simpleType name="TableCellStyle">
<xsd:restriction base="xsd:string">
<xsd:pattern value="(height:\s*\d+(px|%);\s*|width:\s*\d+(px|%);\s*|
border-width:\s*\d+px;\s*|white-space:\s*nowrap;\s*|background-color:\s*rgb
(s*\d{1,3},\s*\d{1,3},\s*\d{1,3});\s*|border-color:\s*rgb(s*\d{1,3},
\s*\d{1,3},\s*\d{1,3});\s*)*" />
</xsd:restriction>
</xsd:simpleType>
<xsd:simpleType name="ImageClass">
<xsd:restriction base="xsd:string">
<xsd:pattern value="stages_(unmanaged|no(display|print)_(begin|end))" />
</xsd:restriction>
</xsd:simpleType>
<xsd:complexType name="Element">
<xsd:attribute name="id" type="xsd:string" use="optional" />
</xsd:complexType>
<xsd:complexType name="CharacterElement" mixed="true">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:group ref="rt:inlineContent" />
</xsd:choice>
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="FormatCharacterElement" mixed="true">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:group ref="rt:inlineContentWithLinks" />
</xsd:choice>
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="Span" mixed="true">
<xsd:complexContent>
<xsd:extension base="rt:FormatCharacterElement">
<xsd:attribute name="style" type="rt:Color" use="optional" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<!--
Needs to be more restrictive for validation:
<xsd:complexType name="Image">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:attribute name="class" type="rt:ImageClass" use="required" />
 <xsd:attribute name="data-pkit-unmanaged" type="xsd:string"
use="optional" />
<xsd:attribute name="src" type="xsd:string" use="required" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
-->
<!-- BEGIN_IMAGE_TYPE -->
<xsd:complexType name="Image">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:attribute name="class" type="xsd:string" use="optional" />
<xsd:attribute name="src" type="xsd:string" use="required" />
<xsd:attribute name="data-pkit-unmanaged" type="xsd:string"
use="optional" />
<xsd:attribute name="data-pkit-ref" type="xsd:string" use="optional" />
<xsd:attribute name="align" type="xsd:string" use="optional" /> <!--
only for copy & paste, because we don't want the attribute to be removed
on cleanup -->
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<!-- END_IMAGE_TYPE -->
<xsd:complexType name="LineBreak" />
<xsd:complexType name="HorizontalRuler" />
<!--
Needs to be more restrictive for validation:
<xsd:complexType name="Anchor">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:attribute name="name" type="xsd:string" use="required" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
-->
<!-- BEGIN_ANCHOR_TYPE -->
<xsd:complexType name="Anchor" mixed="true">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:attribute name="name" type="xsd:string" use="optional" />
<xsd:attribute name="target" type="xsd:string" use="optional" />
<xsd:attribute name="title" type="xsd:string" use="optional" />
<xsd:attribute name="href" type="xsd:string" use="optional" />
<xsd:attribute name="data-pkit-ref" type="xsd:string" use="optional" />
<xsd:attribute name="class" type="rt:StagesClassName" use="optional" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<!-- END_ANCHOR_TYPE -->
<xsd:complexType name="StyledBlockElement">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:attribute name="style" type="rt:StyledBlockStyle" use="optional" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="TextContainer" mixed="true">
<xsd:complexContent>
<xsd:extension base="rt:StyledBlockElement">
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:group ref="rt:inlineContentWithLinks" minOccurs="0"
maxOccurs="unbounded" />
 </xsd:choice>
<xsd:attribute name="class" type="rt:StagesClassName" use="optional"/>
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="TableCell">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:group ref="rt:cellContent" />
</xsd:choice>
<xsd:attribute name="colspan" type="xsd:int" default="1"
use="optional" />
<xsd:attribute name="rowspan" type="xsd:int" default="1"
use="optional" />
<xsd:attribute name="valign" type="rt:TableCellVerticalAlignment"
use="optional" />
<xsd:attribute name="style" type="rt:TableCellStyle" use="optional" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="TableRow">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:sequence>
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:element name="td" type="rt:TableCell" minOccurs="0"
maxOccurs="unbounded" />
<xsd:element name="th" type="rt:TableCell" minOccurs="0"
maxOccurs="unbounded" />
</xsd:choice>
</xsd:sequence>
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="TableBody">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:sequence>
<xsd:element name="tr" type="rt:TableRow" minOccurs="0"
maxOccurs="unbounded"
ecore:name="rows"/>
</xsd:sequence>
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="Table">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:choice>
<xsd:sequence minOccurs="0" maxOccurs="unbounded">
<xsd:element name="tr" type="rt:TableRow" ecore:name="rows" />
</xsd:sequence>
<xsd:sequence minOccurs="1" maxOccurs="1">
<xsd:element name="tbody" type="rt:TableBody"
ecore:name="tableBody" />
</xsd:sequence>
</xsd:choice>
<xsd:attribute name="border" type="xsd:int" use="optional" />
<xsd:attribute name="cellpadding" type="xsd:string" use="optional" />
<xsd:attribute name="cellspacing" type="xsd:string" use="optional" />
<xsd:attribute name="align" type="rt:TableAlignment" use="optional" />
<xsd:attribute name="style" type="rt:TableStyle" use="optional" />
</xsd:extension>
 </xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="ListItem" mixed="true">
<xsd:complexContent>
<xsd:extension base="rt:Element">
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:group ref="rt:listItemContent" />
</xsd:choice>
<xsd:attribute name="style" type="rt:ListItemStyle" use="optional" />
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="List">
<xsd:complexContent>
<xsd:extension base="rt:StyledBlockElement">
<xsd:sequence minOccurs="1" maxOccurs="unbounded">
<xsd:element name="li" type="rt:ListItem" />
</xsd:sequence>
</xsd:extension>
</xsd:complexContent>
</xsd:complexType>
<xsd:complexType name="Editor" mixed="true">
<xsd:choice minOccurs="0" maxOccurs="unbounded">
<xsd:group ref="rt:blockContent" />
</xsd:choice>
</xsd:complexType>
<xsd:group name="inlineContent">
<xsd:choice>
<xsd:element name="strong" type="rt:FormatCharacterElement" />
<xsd:element name="em" type="rt:FormatCharacterElement" />
<xsd:element name="u" type="rt:FormatCharacterElement" />
<xsd:element name="strike" type="rt:FormatCharacterElement" />
<xsd:element name="sub" type="rt:FormatCharacterElement" />
<xsd:element name="sup" type="rt:FormatCharacterElement" />
<xsd:element name="span" type="rt:Span" />
<xsd:element name="br" type="rt:LineBreak" />
<xsd:element name="img" type="rt:Image" />
</xsd:choice>
</xsd:group>
<xsd:group name="inlineContentWithLinks">
<xsd:choice>
<xsd:group ref="rt:inlineContent" />
<xsd:element name="a" type="rt:Anchor" />
</xsd:choice>
</xsd:group>
<xsd:group name="headings">
<xsd:choice>
<xsd:element name="h1" type="rt:TextContainer" />
<xsd:element name="h2" type="rt:TextContainer" />
<xsd:element name="h3" type="rt:TextContainer" />
<xsd:element name="h4" type="rt:TextContainer" />
<xsd:element name="h5" type="rt:TextContainer" />
<xsd:element name="h6" type="rt:TextContainer" />
</xsd:choice>
</xsd:group>
<xsd:group name="lists">
<xsd:choice>
<xsd:element name="ul" type="rt:List" />
<xsd:element name="ol" type="rt:List" />
</xsd:choice>
</xsd:group> <xsd:group name="listItemContent">
<xsd:choice>
<xsd:element name="p" type="rt:TextContainer" />
<xsd:group ref="rt:headings" />
<xsd:group ref="rt:lists" />
<xsd:group ref="rt:inlineContentWithLinks" />
</xsd:choice>
</xsd:group>
<xsd:group name="cellContent">
<xsd:choice>
<xsd:element name="p" type="rt:TextContainer" />
<xsd:element name="hr" type="rt:HorizontalRuler" />
<xsd:element name="table" type="rt:Table" />
<xsd:group ref="rt:headings" />
<xsd:group ref="rt:lists" />
</xsd:choice>
</xsd:group>
<xsd:group name="blockContent">
<xsd:choice>
<xsd:group ref="rt:inlineContentWithLinks" />
<xsd:group ref="rt:cellContent" />
</xsd:choice>
</xsd:group>
<xsd:element name="body" type="rt:Editor" />
</xsd:schema>

Configuration Properties

Property NameDefault ValueDescription


process.description.

displayUnmanagedSections.

enabled
trueIf set to “true” unmanaged sections will be rendered in all view modes except of edit mode where only the source will be displayed. If set to “false” unmanaged sections will be omitted on rendering for all views (except of edit mode).
global.editor.format
p,h1,h2,h3

p:stages_description_notice

p:stages_description_caption
Defines the formats which are selectable in the editor for the descriptions of process elements and the process overview page.

global.editor.format.

migration
p:heading1=h1,p:heading2=h2,
p:heading3=h3,p:heading4=h3,
p:heading5=h3,p:heading6=h3,
h1:heading1=h1,h2:heading2=h2,
h3:heading3=h3,h4:heading4=h3,
h5:heading5=h3,h6:heading6=h3,
h3:heading1=h1,h4:heading2=h2,
h5:heading3=h3,h4=h3,
h5=h3,h6=h3,p:description=p,
p:code=p:stages_description_code
Define a mapping from the old styles
to the new ones, so Stages can
automatically exchange the formats,
when a description is reworked.
(syntax:$oldTag:$oldClass=$newTag:
$newClass,…). In all cases the tag is
mandatory but the class is optional.
The descriptions are only converted
on demand (when they are edited),
therefore the custom.css should
include the old styles as well as the
new ones.

legacy.description.

migration.

unmanagedSection.

templates
pre, script, dl, iframe, :onclick, div:id, imgThe defined tags are converted to unmanaged sections.

legacy.description.

migration.

unmanagedSection.regex
Th matched regular expression is converted to an unmanaged section.

legacy.description.

migration.copyAttribute.

fromParent.templates
tr:style
Copies the given tag:attribute: [value],tag:attribute: [value] from the parent to the child tag.

Before:

<table>
<tr style=“123”>
<td>
abc
</td>
</tr>
</table>

After:

<table>
<tr>
<td style=“123”>
abc
</td>
</tr>

</table>

legacy.description.

migration.copyAttribute.

toParent.templates

Copies the given tag:attribute: [value],tag:attribute: [value] from child tag to the parent tag. If the property is set to p:style:“background:#FF00FF”

Before:

<table>
<tr>
<td
style=“width:50px”>
<p
style=“background:#FF00FF”>content</
p>
<p
style=“background:#FF0000”>content2</
p>
</td>
</tr>
</table>

After:

<table>
<tr>
<td style=“width:50px
background:#FF00FF”>
<p>content</p>
<p
style=“background:#FF0000”>content2</
p>
</td>
</tr>
</table>