Summary

The TIS Board operator for the HTML portlet.

It makes editing a page with HTML in the TIS Board possible and the results come back into TIS Editor. Saves the content of an HTML portlet in the node.

Configuration

Settings

Name	Value	Opt.	Description	Example
Apply changes of data model	System.Boolean	-	Portlets adopt changes of data model (e.g. changed column name or column type)	-

Useful Tipps

Build a table of content	Table of contents and links in TIS Board
Include pictures	Image encoding https://www.base64-image.de/ https://stackoverflow.com/questions/8499633/how-to-display-base64-images-in-html ^{<div> <p>Taken from wikpedia</p> <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" /> </div>}

Snippet for creating tables:

Aufbau Formeloperator:
Spalte HTML - Datentyp Text

^{/* Fester Vorspann */ (rowNumber == 0 ? ( "<tableX border='1'" + " bordercolor='#E8E8E8' cellpadding='5' cellspacing='0' width='100%'>" +}
^{/*Anpassen Spaltenzahl */ "<colgroupX> <col width='30%' align='left'> <col width='20%' align='right'>"}
^{+ "<col width='20%' align='left'> <col width='30%' align='left'> </colgroupX>" + "<thead bgcolor='#C0C0C0'><tr>" +}
^{/*Anpassen Spaltenköpfe */ "<th>Name Eingabewert</th><th align='right'>Wert</th><th>Einheit</th><th>Anmerkungen </th></tr></thead>") : "") +}
^{"<trX bgcolor='#FFFFFF'>" + /* ZEILENAUFBAU */ "<trX>" + "<tdX>" + #Eingabe# + "" + "</tdX>" +}
^{"<tdX align='right'>" + #Wert# + "" + "</tdX>" + "<tdX>" + #Einheit# + "" + "</tdX>" + "<tdX>" +}
^{(XIH.IsNull("Anmerkung") || #Anmerkung# =="" ? "-" : #Anmerkung#) + "" + "</trX>" + /* ZEILENABSCHLUSS */ (rowNumber == rows-1 ? ("</tableX>") : "")}

Finalisieren I

Danach mit Operator Spalteninhalt verketten die einzelnen Zeilen zu einer Zelle zusammenfassen. Am Schluss mit 2. Formeloperator Steuerungszeichen austauschen (Ergebnisytp Boolean)

XIH.SetString("HTML", #HTML#.Replace("tableX", "table")) &&
XIH.SetString("HTML", #HTML#.Replace("trX", "tr")) &&
XIH.SetString("HTML", #HTML#.Replace("tdX", "td"))&&
XIH.SetString("HTML", #HTML#.Replace("colgroupX", "colgroup"))

Finalisieren II

und überflüssige Spalten außer Spalte HTML löschen

Want to learn more?

Saves the content of an HTML portlet in the node.

Screenshot

Examples

Example: HTML page

Situation	This example shows you how to use the "TIS Board - HTML operator"
Settings	The first step is to add the operator into a new node. Then Click on the checkbox "TIS Board"on the top left corner. Now a blue plus should pop up. Click on the blue plus and you will connect to the TIS Board. After loading please select your node then select HTML and then click on apply.
Result
Project File	-