PageRenderTime 61ms CodeModel.GetById 19ms RepoModel.GetById 0ms app.codeStats 0ms

/docs/freiheit/Pagstract_Markup_Language_23299120.html

https://gitlab.com/php.bjoernbartels.earth/phpagstract
HTML | 421 lines | 402 code | 19 blank | 0 comment | 0 complexity | 7ba835d633fdd75f0302df0ad4b837e1 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6.     <title>Pagstract Markup Language - Shop Dokumentation</title>
    7. 

  7. 

  8.     <meta name="description" content="">
    9. 

  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=yes">
    10. 

  10. 

  11. <script type="text/javascript" src="assets/js/jquery.min.js"></script>
    12. 

  12. <script type="text/javascript" src="assets/js/jquery.scrollTo.min.js"></script>
    13. 

  13. 

  14. 

  15. <script type="text/javascript" src="assets/js/scroll-tree.js"></script>
    16. 

  16. 

  17. <script type="text/javascript" src="assets/js/theme.main.js"></script>
    18. 

  18. 

  19. 

  20. <link rel="stylesheet" href="assets/css/content-style.css">
    21. 

  21. 

  22. <link rel="stylesheet" href="assets/css/theme.main.css">
    23. 

  23. <link rel="stylesheet" href="assets/css/theme.colors.css">
    24. 

  24. 

  25.     </head>
    26. 

  26. 

  27. <body pageid="23299120">
    28. 

  28. 

  29. <div id="ht-loader"></div>
    30. 

  30. 

  31. <div>
    32. 

  32.    	<header id="ht-headerbar">
    33. 

  33.     <div class="ht-headerbar-left">
    34. 

  34.         <a href="" id="ht-menu-toggle" class="sp-aui-icon-small sp-aui-iconfont-appswitcher"></a>
    35. 

  35.     </div>
    36. 

  36.     <div class="ht-headerbar-right">
    37. 

  37.     </header>   	<aside id="ht-sidebar">
    38. 

  38.     <div class="ht-sidebar-content">
    39. 

  39.         <div class="ht-sidebar-content-scroll-container">
    40. 

  40.             <header class="ht-sidebar-header">
    41. 

  41.                 <h1 class="ht-logo">
    42. 

  42.                     <span class="ht-logo-label">shop</span>
    43. 

  43.                     
    44. 

  44.                 </h1>
    45. 

  45.                 <a href="Pagstract_Markup_Language_23299120.html" class="ht-space-link">
    46. 

  46.                     <h2>Shop Dokumentation</h2>
    47. 

  47.                 </a>
    48. 

  48.             </header>
    49. 

  49. 

  50.             <nav class="ht-pages-nav">
    51. 

  51.                 <ul class="ht-pages-nav-top">
    52. 

  52.                                     </ul>
    53. 

  53.             </nav>
    54. 

  54.         </div>
    55. 

  55.     </div>
    56. 

  56. 

  57. </aside></div>
    58. 

  58. 

  59. <div id="ht-wrap-container">
    60. 

  60. 

  61.             
    62. 

  62.     <div id="ht-sidebar-dragbar">
    63. 

  63.     <div class="ht-sidebar-drag-handle">
    64. 

  64.         <span class="drag-handle-1"></span>
    65. 

  65.         <span class="drag-handle-2"></span>
    66. 

  66.         <span class="drag-handle-3"></span>
    67. 

  67.     </div>
    68. 

  68. </div>
    69. 

  69.     <article id="ht-content" class="ht-content">
    70. 

  70.         <header class="ht-content-header">
    71. 

  71.             <div id="ht-breadcrumb">
    72. 

  72.     <ul>
    73. 

  73.         <li><a href="Pagstract_Markup_Language_23299120.html">Shop Dokumentation</a></li>
    74. 

  74.                                         </ul>
    75. 

  75. </div>            <h1 id="src-23299120"> <span>Pagstract Markup Language</span></h1>
    76. 

  76.         </header>
    77. 

  77. 

  78.         <div id="main-content" class="wiki-content" data-index-for-search="true">
    79. 

  79.     <p  >    </p>
    80. 

  80. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX3dhc19pc3RfcGFnc3RyYWN0MS5XYXNpc3RQYWdzdHJhY3Q_">1. Was ist Pagstract?</a>    </p>
    81. 

  81. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_enstehung_dieser_dokumentation1.1.EnstehungdieserDokumentation">1.1. Enstehung dieser Dokumentation</a>    </p>
    82. 

  82. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_die_pagstract_sprache2.DiePagstract-Sprache">2. Die Pagstract-Sprache</a>    </p>
    83. 

  83. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_hello_world2.1.HelloWorld">2.1. Hello World</a>    </p>
    84. 

  84. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_kommentare2.2.Kommentare">2.2. Kommentare</a>    </p>
    85. 

  85. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_zugriff_auf_pagemodel_properties2.3.ZugriffaufPageModel-Properties">2.3. Zugriff auf PageModel-Properties</a>    </p>
    86. 

  86. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_ausgabe_auf_pagemodel_properties2.4.AusgabeaufPageModel-Properties">2.4. Ausgabe auf PageModel-Properties</a>    </p>
    87. 

  87. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_ausgabe_von_html_in_properties2.5.AusgabevonHTMLinProperties">2.5. Ausgabe von HTML in Properties</a>    </p>
    88. 

  88. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.5.1NeueHTML-Ausgabe">2.5.1 Neue HTML-Ausgabe</a>    </p>
    89. 

  89. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Warnung">Warnung</a>    </p>
    90. 

  90. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_einfache_anfuehrungsstriche_maskieren2.6.EinfacheAnfuehrungsstrichemaskieren">2.6. Einfache Anfuehrungsstriche maskieren</a>    </p>
    91. 

  91. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_html_tags_aus_property_werten_entfernen2.7.HTML-TagsausProperty-Wertenentfernen">2.7. HTML-Tags aus Property-Werten entfernen</a>    </p>
    92. 

  92. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_textanrisse2.8.Textanrisse">2.8. Textanrisse</a>    </p>
    93. 

  93. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjEuWmVpY2hlbmtldHRlZsO8cmRpZUJlaXNwaWVsZWRlcnVudGVyc2NoaWVkbGljaGVuVHJlbm52ZXJoYWx0ZW4">2.8.1. Zeichenkette f&uuml;r die Beispiele der unterschiedlichen Trennverhalten</a>    </p>
    94. 

  94. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjIuSGFydGVUcmVubnVuZyhzdHJpY3Qp">2.8.2. Harte Trennung (strict)</a>    </p>
    95. 

  95. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjMuV2VpY2hlVHJlbm51bmdoaW50ZXJkZW1Xb3J0KGFmdGVyKQ">2.8.3. Weiche Trennung hinter dem Wort (after)</a>    </p>
    96. 

  96. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjQuV2VpY2hlVHJlbm51bmd2b3JkZW1Xb3J0KGJlZm9yZSk">2.8.4. Weiche Trennung vor dem Wort (before)</a>    </p>
    97. 

  97. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX3BhZ3N0cmFjdF9hbXBfeG1sMi45LlBhZ3N0cmFjdCZYTUw">2.9. Pagstract &amp; XML</a>    </p>
    98. 

  98. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_pagemodel_inspizieren2.10.PageModelinspizieren">2.10. PageModel inspizieren</a>    </p>
    99. 

  99. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi4xMC4xLkZ1bmt0aW9uIldvYmluaWNoPyI">2.10.1. Funktion &quot;Wo bin ich?&quot;</a>    </p>
    100. 

  100. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX2JlYW5fa29udGV4dF9uYW1lc3BhY2Vfc2V0emVuMi4xMS5CZWFuLUtvbnRleHQvTmFtZXNwYWNlc2V0emVu">2.11. Bean-Kontext/Namespace setzen</a>    </p>
    101. 

  101. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.12Listen">2.12 Listen</a>    </p>
    102. 

  102. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_einfache_listen2.12.1EinfacheListen">2.12.1 Einfache Listen</a>    </p>
    103. 

  103. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_sonderbehandlung_leerer_listen2.12.1.1SonderbehandlungleererListen">2.12.1.1 Sonderbehandlung leerer Listen</a>    </p>
    104. 

  104. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX3VudGVyc2NoZWlkdW5nX2dlcmFkZXJfdW5ncmFkZXJfemVpbGVuX2luX2xpc3RlbjIuMTIuMS4yVW50ZXJzY2hlaWR1bmdnZXJhZGVyL3VuZ3JhZGVyWmVpbGVuaW5MaXN0ZW4">2.12.1.2 Unterscheidung gerader/ungrader Zeilen in Listen</a>    </p>
    105. 

  105. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX3NvbmRlcmJlaGFuZGx1bmdfdm9uX2Vyc3Rlcl9sZXR6dGVyX3plaWxlX2luX2xpc3RlbjIuMTIuMS4zU29uZGVyYmVoYW5kbHVuZ3ZvbmVyc3Rlci9sZXR6dGVyWmVpbGVpbkxpc3Rlbg">2.12.1.3 Sonderbehandlung von erster/letzter Zeile in Listen</a>    </p>
    106. 

  106. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_markup_zwischen_den_zeilen_einer_liste2.12.1.4MarkupzwischendenZeileneinerListe">2.12.1.4 Markup zwischen den Zeilen einer Liste</a>    </p>
    107. 

  107. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.12.15DirekterZugriff.2.12.1.5DirekterZugriffaufaktuellesElement">2.12.1.5 Direkter Zugriff auf aktuelles Element</a>    </p>
    108. 

  108. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.12.2Modulo-Listen">2.12.2 Modulo-Listen</a>    </p>
    109. 

  109. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.12.2.1Beispiele">2.12.2.1 Beispiele</a>    </p>
    110. 

  110. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.12.2.2FormaleSyntax">2.12.2.2 Formale Syntax</a>    </p>
    111. 

  111. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi4xMi4yLjNFcmzDpHV0ZXJ1bmdlbg">2.12.2.3 Erl&auml;uterungen</a>    </p>
    112. 

  112. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi4xMi4zVmlydHVlbGxlUHJvcGVydGllc2bDvHJMaXN0ZW5lbGVtZW50ZQ">2.12.3 Virtuelle Properties f&uuml;r Listenelemente</a>    </p>
    113. 

  113. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Property_count">Property _count</a>    </p>
    114. 

  114. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Property_index">Property _index</a>    </p>
    115. 

  115. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Property_total">Property _total</a>    </p>
    116. 

  116. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Property_isLast">Property _isLast</a>    </p>
    117. 

  117. </li><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtQmVpc3BpZWxlZsO8cnZpcnR1ZWxsZVByb3BlcnRpZXM">Beispiele f&uuml;r virtuelle Properties</a>    </p>
    118. 

  118. </li></ul></li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_einfache_bedingungen2.13.EinfacheBedingungen">2.13. Einfache Bedingungen</a>    </p>
    119. 

  119. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Anmerkung">Anmerkung</a>    </p>
    120. 

  120. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.13.1VerkettungvonBedingungen">2.13.1 Verkettung von Bedingungen</a>    </p>
    121. 

  121. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.13.4IF-Bedingung">2.13.4 IF-Bedingung</a>    </p>
    122. 

  122. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_fallunterscheidung_anhand_von_werten2.14.FallunterscheidunganhandvonWerten">2.14. Fallunterscheidung anhand von Werten</a>    </p>
    123. 

  123. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.14.1Mehrwertigecase-Bedingungen">2.14.1 Mehrwertige case-Bedingungen</a>    </p>
    124. 

  124. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Links2.15.Links">2.15. Links</a>    </p>
    125. 

  125. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_links_mit_anchor2.16.LinksmitAnchor">2.16. Links mit Anchor</a>    </p>
    126. 

  126. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_image_maps2.17.ImageMaps">2.17. Image Maps</a>    </p>
    127. 

  127. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Resources2.18.Resourcenverweise">2.18. Resourcenverweise</a>    </p>
    128. 

  128. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_formulare2.19.Formulare">2.19. Formulare</a>    </p>
    129. 

  129. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_formular_literal_input_literal_elemente2.20.Formularinput-Elemente">2.20. Formular input-Elemente</a>    </p>
    130. 

  130. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_formular_literal_select_literal_elemente2.21.Formularselect-Elemente">2.21. Formular select-Elemente</a>    </p>
    131. 

  131. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-tiles2.22.VerschachtelnvonPagstract-Dateien">2.22. Verschachteln von Pagstract-Dateien</a>    </p>
    132. 

  132. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi4yMi4xRHluYW1pc2NoZVZhcmlhYmxlbmbDvHJUaWxlc2RlZmluaWVyZW4">2.22.1 Dynamische Variablen f&uuml;r Tiles definieren</a>    </p>
    133. 

  133. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.22.1.1GenerelleAnwendung">2.22.1.1 Generelle Anwendung</a>    </p>
    134. 

  134. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.22.1.2WeiterreichenvonVariablen">2.22.1.2 Weiterreichen von Variablen</a>    </p>
    135. 

  135. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.22.1.3JSON-Syntax">2.22.1.3 JSON-Syntax</a>    </p>
    136. 

  136. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-2.22.1.4JSON-Encoding">2.22.1.4 JSON-Encoding</a>    </p>
    137. 

  137. </li></ul></li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_wiederverwendbare_komponenten2.23.WiederverwendbareKomponenten">2.23. Wiederverwendbare Komponenten</a>    </p>
    138. 

  138. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-Messages2.24.Internationalisierung">2.24. Internationalisierung</a>    </p>
    139. 

  139. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_bilder_aus_text2.25.BilderausText">2.25. Bilder aus Text</a>    </p>
    140. 

  140. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_links_mit_text_als_bild2.26.LinksmitTextalsBild">2.26. Links mit Text als Bild</a>    </p>
    141. 

  141. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_barcode_bilder_generieren2.27.Barcode-Bildergenerieren">2.27. Barcode-Bilder generieren</a>    </p>
    142. 

  142. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_fehleranalyse2.28.Fehleranalyse">2.28. Fehleranalyse</a>    </p>
    143. 

  143. </li></ul></li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_mandantenspezifische_dateien3.MandantenspezifischeDateien">3. Mandantenspezifische Dateien</a>    </p>
    144. 

  144. <ul class="toc-indentation "><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_aufloesen_von_mandantenspezifischen_resourcen3.1.AufloesenvonmandantenspezifischenResourcen">3.1. Aufloesen von mandantenspezifischen Resourcen</a>    </p>
    145. 

  145. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-template-resolve3.2.Templates">3.2. Templates</a>    </p>
    146. 

  146. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-message-resolve3.3.Resourcen">3.3. Resourcen</a>    </p>
    147. 

  147. </li><li class=" ">    <p  ><a   href="#src-23299120_PagstractMarkupLanguage-_nachrichten3.4.Nachrichten">3.4. Nachrichten</a>    </p>
    148. 

  148. </li></ul></li></ul>    <p  >    </p>
    149. 

  149.     <div class="section section-1" id="src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX3dhc19pc3RfcGFnc3RyYWN0MS5XYXNpc3RQYWdzdHJhY3Q_">
    150. 

  150.         <h1 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_was_ist_pagstract" class="confluence-anchor-link"></span><span>1. Was ist Pagstract?</span></h1>
    151. 

  151.     <p  >Pagstract ist eine einfache Templating-Sprache, die von freiheit.com entwickelt wurde. Dabei wurde bewusst keine vollst&auml;ndige Programmiersprache geschaffen, sondern sich auf einfach Konstrukte, die bei der Anzeige notwendig sind, beschr&auml;nkt. Dadurch bleibt die Gesch&auml;ftslogik von der reinen Anzeigelogik getrennt.<br/>In einem typischen Anwednungsfall, stellt die Anwendung die notwendigen Daten als PageModel bereit. Diese werden an ein Pagstract-Template &uuml;bergeben, dass diese Daten dann in einem sch&ouml;nen Layout einbettet und aufbereitet.    </p>
    152. 

  152.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_enstehung_dieser_dokumentation1.1.EnstehungdieserDokumentation">
    153. 

  153.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_enstehung_dieser_dokumentation" class="confluence-anchor-link"></span><span>1.1. Enstehung dieser Dokumentation</span></h2>
    154. 

  154.     <p  >Dieses Dokument basiert auf einer Kurz&uuml;bersicht von Tina Umlandt. Darauf aufbauend hat Miriam D&ouml;lle Tests und Javadoc-Dokumentation erstellt. Stark erg&auml;nzt und in diese Form gebracht wurde dieses Dokument dann von Peter Kolloch.    </p>
    155. 

  155.     </div>
    156. 

  156.     </div>
    157. 

  157.     <div class="section section-1" id="src-23299120_PagstractMarkupLanguage-_die_pagstract_sprache2.DiePagstract-Sprache">
    158. 

  158.         <h1 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_die_pagstract_sprache" class="confluence-anchor-link"></span><span>2. Die Pagstract-Sprache</span></h1>
    159. 

  159.     <p  >In diesem Kapitel werden Schritt f&uuml;r Schritt die wichtigsten und auch weniger h&auml;ufig verwendete Pagstract-Konstrukte erl&auml;utert.    </p>
    160. 

  160.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_hello_world2.1.HelloWorld">
    161. 

  161.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_hello_world" class="confluence-anchor-link"></span><span>2.1. Hello World</span></h2>
    162. 

  162.     <p  >Die einfachste Pagstract-Datei enth&auml;lt einfach gar keine Pagstract-Befehle, sondern nur den HTML-Markup. Die generierte Seite unterscheidet sich nicht vom Template.    </p>
    163. 

  163.     <div  class="confbox programlisting">
    164. 

  164.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    165. 

  165. <div class="line"><code class="plain">&lt;html&gt;</code></div>
    166. 

  166. <div class="line"><code class="plain">&lt;head&gt;</code></div>
    167. 

  167. <div class="line"><code class="plain">&lt;title&gt;Hello World!&lt;/title&gt;</code></div>
    168. 

  168. <div class="line"><code class="plain">&lt;/head&gt;</code></div>
    169. 

  169. <div class="line"><code class="plain">&lt;body&gt;</code></div>
    170. 

  170. <div class="line"><code class="plain">&lt;h1&gt;Hello World!&lt;/h1&gt;</code></div>
    171. 

  171. <div class="line"><code class="plain">&lt;/body&gt;</code></div>
    172. 

  172. <div class="line"><code class="plain">&lt;/html&gt;</code></div>
    173. 

  173. </div>
    174. 

  174.     </div>
    175. 

  175.     <p  >    </p>
    176. 

  176.     </div>
    177. 

  177.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_kommentare2.2.Kommentare">
    178. 

  178.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_kommentare" class="confluence-anchor-link"></span><span>2.2. Kommentare</span></h2>
    179. 

  179.     <p  >Kommentare k&ouml;nnen komplizierte Konstrukte verst&auml;ndlich machen. Nat&uuml;rlich sollen sie aber das generierte Markup nicht unn&ouml;tig aufbl&auml;hen. Daf&uuml;r gibt es in Pagstract <tt class=" ">&lt;!---</tt> Kommentare.    </p>
    180. 

  180. <pre class="programlisting "> </pre>    <div  class="confbox programlisting">
    181. 

  181.                     <div class="title">Kommentare</div>
    182. 

  182.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code" data-title="Kommentare">
    183. 

  183. <div class="line"><code class="plain">&lt;!-- Dies ist ein Kommentar der bleibt --&gt;</code></div>
    184. 

  184. <div class="line"><code class="plain">&lt;!--- Dies ist ein Kommentar der nur im Template sichtbar ist. --&gt;</code></div>
    185. 

  185. <div class="line"><code class="plain">wird zu</code></div>
    186. 

  186. <div class="line"><code class="plain">&lt;!-- Dies ist ein Kommentar der bleibt --&gt;</code></div>
    187. 

  187. </div>
    188. 

  188.     </div>
    189. 

  189.     <p  >    </p>
    190. 

  190.     <p  >Der mit <tt class=" ">&lt;!---</tt> begonnene Kommentar taucht also in der Ausgabe einfach nicht mehr auf.    </p>
    191. 

  191.     </div>
    192. 

  192.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_zugriff_auf_pagemodel_properties2.3.ZugriffaufPageModel-Properties">
    193. 

  193.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_zugriff_auf_pagemodel_properties" class="confluence-anchor-link"></span><span>2.3. Zugriff auf PageModel-Properties</span></h2>
    194. 

  194.     <p  >Das PageModel ist die Basis f&uuml;r das Templating. Es ist die Verbindung zwischen dem Anwendungscode und dem HTML-Code. In der Anwendung wird dieses PageModel mit Werten gef&uuml;llt, auf die mithilfe von Property-Pfaden zugegriffen werden kann. Die Anwendung entscheidet, welches Template mit welchem PageModel aufgerufen wird. Das Template entscheidet, wie oder ob es diese Werte aufbereitet.    </p>
    195. 

  195.     <div  class="confbox admonition admonition-info">
    196. 

  196.                             <span class="admonition-icon confluence-information-macro-icon"></span>
    197. 

  197.                 <div class="admonition-body">
    198. 

  198.     <p  ><strong class=" ">Hinweis f&uuml;r Anwendungsentwickler</strong><br/>Die TemplateFactory versucht normalerweise das Template &uuml;ber den Klassennamen des PageModel s zu finden. So wird das Template f&uuml;r de.freiheit.mein.java.pkg.TestPage PageModel unter TestPage.html gesucht. Im Umkehrschluss kann man so erraten, wie die PageModel-Klasse f&uuml;r ein gegebenes Template hei&szlig;t.    </p>
    199. 

  199.         </div>
    200. 

  200.     </div>
    201. 

  201.     <p  >    </p>
    202. 

  202.     <p  >Die Properties des PageModels k&ouml;nnen elementare Werte enthalten wie Zeichenketten und Zahlen. Sie k&ouml;nnen aber auch wiederum komplexere Unterdatenstrukturen enthalten, wie Listen oder auch wiederum Objekte, die beliebige Unterdatenstrukturen enthalten k&ouml;nnen.    </p>
    203. 

  203.     <p  >Um an die Werte der Properties zu kommen, wird mit Hilfe der Punktnotation auf die Werte zugegriffen.    </p>
    204. 

  204.     <p  >Beispiel:    </p>
    205. 

  205. <pre class="screen "> .meineProperty<br/> .meineProperty.weitererWert</pre>    <p  class="title">    </p>
    206. 

  206.     <div  class="confbox admonition admonition-info">
    207. 

  207.                             <span class="admonition-icon confluence-information-macro-icon"></span>
    208. 

  208.                 <div class="admonition-body">
    209. 

  209.     <p  class="title"><strong class=" ">Vergleich zu Java-Beans-Pfaden</strong>    </p>
    210. 

  210.     <p  >Der Syntax ist &auml;hnlich zu den Bean-Pfaden der Java-Beans-Spezifikation ohne Index-Property-Syntax. Eine Besonderheit ist der f&uuml;hrende Punkt der besagt, dass der Bean-Pfad nicht absolut zum PageModel, sondern relativ zum aktuellen Namespace (also m&ouml;glicherweise einer Untendatenstruktur) zu sehen ist. Konstrukte, die den Namespace beeinflussen, werden sp&auml;ter erl&auml;utert.    </p>
    211. 

  211.         </div>
    212. 

  212.     </div>
    213. 

  213.     <p  >    </p>
    214. 

  214.     </div>
    215. 

  215.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_ausgabe_auf_pagemodel_properties2.4.AusgabeaufPageModel-Properties">
    216. 

  216.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_ausgabe_auf_pagemodel_properties" class="confluence-anchor-link"></span><span>2.4. Ausgabe auf PageModel-Properties</span></h2>
    217. 

  217.     <p  >Welche Daten konkret verf&uuml;gbar sind, h&auml;ngt nat&uuml;rlich von der konkreten Seite ab.    </p>
    218. 

  218.     <p  >    </p>
    219. 

  219.     <p  >Als konkretes Beispiel, in dem auf Werte im PageModel zugegriffen werden, sieht das dann so aus:    </p>
    220. 

  220.     <p  >    </p>
    221. 

  221.     <div  class="confbox programlisting">
    222. 

  222.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    223. 

  223. <div class="line"><code class="plain">&lt;</code><code class="keyword">h1</code><code class="plain">&gt;Hello ${.name} &lt;/</code><code class="keyword">h1</code><code class="plain">&gt;</code></div>
    224. 

  224. <div class="line"><code class="plain">&lt;</code><code class="keyword">h1</code><code class="plain">&gt;Hello &lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".name"</code><code class="plain">/&gt; &lt;/</code><code class="keyword">h1</code><code class="plain">&gt;</code></div>
    225. 

  225. <div class="line"><code class="plain">&lt;</code><code class="keyword">h1</code><code class="plain">&gt;Hello &lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">'.name'</code><code class="plain">/&gt; &lt;/</code><code class="keyword">h1</code><code class="plain">&gt;</code></div>
    226. 

  226. <div class="line"><code class="plain">&lt;</code><code class="keyword">input</code><code class="plain"> </code><code class="color1">name</code><code class="plain">=</code><code class="string">"name"</code><code class="plain"> </code><code class="color1">value</code><code class="plain">=</code><code class="string">"${.name}"</code><code class="plain">/&gt;</code></div>
    227. 

  227. <div class="line"><code class="plain"> </code></div>
    228. 

  228. <div class="line"><code class="plain">&lt;!-- Ausgabe mit .name = "Peter" --&gt;</code></div>
    229. 

  229. <div class="line"><code class="plain">&lt;</code><code class="keyword">h1</code><code class="plain">&gt;Hello Peter&lt;/</code><code class="keyword">h1</code><code class="plain">&gt;</code></div>
    230. 

  230. <div class="line"><code class="plain">&lt;</code><code class="keyword">h1</code><code class="plain">&gt;Hello Peter &lt;/</code><code class="keyword">h1</code><code class="plain">&gt;</code></div>
    231. 

  231. <div class="line"><code class="plain">&lt;</code><code class="keyword">h1</code><code class="plain">&gt;Hello Peter &lt;/</code><code class="keyword">h1</code><code class="plain">&gt;</code></div>
    232. 

  232. <div class="line"><code class="plain">&lt;</code><code class="keyword">input</code><code class="plain"> </code><code class="color1">name</code><code class="plain">=</code><code class="string">"name"</code><code class="plain"> </code><code class="color1">value</code><code class="plain">=</code><code class="string">"Peter"</code><code class="plain">/&gt;</code></div>
    233. 

  233. </div>
    234. 

  234.     </div>
    235. 

  235.     <p  >    </p>
    236. 

  236.     <p  >Selbstverst&auml;ndlich kann hier auch auf tiefer geschachtelte Werte anhand der oben erw&auml;hnten Punktnotation zugegriffen werden.    </p>
    237. 

  237.     <p  >Die &quot;${&hellip;}&quot;-Notation kann hierbei als Abk&uuml;rzung f&uuml;r die explizitere pma:value-Notation (mit pma:type=&quot;plain&quot;) angesehen werden. In beiden F&auml;llen werden normalerweise Zeichen, die eine besondere Bedeutung f&uuml;r HTML haben nicht einfach in den Text kopiert, sondern maskiert. Aus &quot;&lt;&quot; wird somit z.B. &quot;&amp;lt;&quot;. Im Web-Browser erscheint somit wieder das urspr&uuml;ngliche &quot;&lt;&quot;.    </p>
    238. 

  238.     <p  >Um zu sehen, dass alle gef&auml;hrlichen Zeichen maskiert werden, verwenden wir in den folgenden Beispielen einen etwas komplizierteren &quot;.markup&quot;-Wert. Dieser wird auch bei den anderen Maskierungsarten immer wieder als Referenz herhalten:    </p>
    239. 

  239. <pre class="programlisting ">&lt;script type=&quot;text/javascript&quot;&gt;alert('hallo');&lt;/script&gt; T&amp;uml;r</pre>    <p  >Wird dieser Wert nun in folgendem Template eingebunden    </p>
    240. 

  240. <pre class="programlisting ">&lt;p&gt;&lt;pma:value pma:name=&quot;.markup&quot;/&gt;&lt;/p&gt;<br/><br/>&lt;input type=&quot;text&quot; value=&quot;${.markup}&quot;/&gt;</pre>    <p  >so werden die Zeichen so umgewandelt, dass sie problemlos sowohl als Text innerhalb eines Tags als auch als Attributwert eingebunden werden k&ouml;nnen:    </p>
    241. 

  241. <pre class="programlisting ">&lt;p&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;alert('hallo');&amp;lt;/script&amp;gt; T&amp;amp;uml;r&lt;/p&gt;<br/><br/>&lt;input type=&quot;text&quot; value=&quot;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;alert('hallo');&amp;lt;/script&amp;gt; T&amp;amp;uml;r&quot;/&gt;</pre>    <p  >Der Benutzer sieht im Browser den urspr&uuml;nglichen Wert, da der Browser die Umwandlung umkehrt.    </p>
    242. 

  242.     </div>
    243. 

  243.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_ausgabe_von_html_in_properties2.5.AusgabevonHTMLinProperties">
    244. 

  244.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_ausgabe_von_html_in_properties" class="confluence-anchor-link"></span><span>2.5. Ausgabe von HTML in Properties</span></h2>
    245. 

  245.     <p  >    </p>
    246. 

  246.     <div  class="confbox admonition admonition-info">
    247. 

  247.                             <span class="admonition-icon confluence-information-macro-icon"></span>
    248. 

  248.                 <div class="admonition-body">
    249. 

  249.     <p  >Der Typ <tt class=" ">pma:type=&quot;raw&quot;</tt> und die alte Schreibweise <tt class=" ">type=&quot;raw&quot;</tt> werden nicht mehr unterst&uuml;tzt. In beiden F&auml;llen greift Pagstract auf den Typ <tt class=" ">pma:type=&quot;escaped&quot;</tt> zur&uuml;ck.    </p>
    250. 

  250.         </div>
    251. 

  251.     </div>
    252. 

  252.     <p  >Wenn eine Property HTML enth&auml;lt, welches auch als solches ausgegeben werden soll, muss dieses &uuml;ber das <tt class="literal ">pma:raw</tt>-Attribut oder als alternative Schreibweise &uuml;ber das <tt class="literal ">pma:type</tt>-Attribut angegeben werden.    </p>
    253. 

  253.     <div  class="confbox programlisting">
    254. 

  254.                     <div class="title">Veraltet</div>
    255. 

  255.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code" data-title="Veraltet">
    256. 

  256. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".markup"</code><code class="plain"> </code><code class="color1">pma:type</code><code class="plain">=</code><code class="string">"raw"</code><code class="plain">/&gt;</code></div>
    257. 

  257. <div class="line"><code class="plain">oder die alte Schreibweise</code></div>
    258. 

  258. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".markup"</code><code class="plain"> </code><code class="color1">raw</code><code class="plain">=</code><code class="string">"true"</code><code class="plain">/&gt;</code></div>
    259. 

  259. <div class="line"><code class="plain"> </code></div>
    260. 

  260. <div class="line"><code class="plain">&lt;!-- Ausgabe --&gt;</code></div>
    261. 

  261. <div class="line"><code class="plain">&lt;</code><code class="keyword">script</code><code class="plain"> </code><code class="color1">type</code><code class="plain">=</code><code class="string">"text/javascript"</code><code class="plain">&gt;alert('hallo');&lt;/</code><code class="keyword">script</code><code class="plain">&gt; T&amp;uml;r</code></div>
    262. 

  262. <div class="line"><code class="plain">oder die alte Schreibweise</code></div>
    263. 

  263. <div class="line"><code class="plain">&lt;</code><code class="keyword">script</code><code class="plain"> </code><code class="color1">type</code><code class="plain">=</code><code class="string">"text/javascript"</code><code class="plain">&gt;alert('hallo');&lt;/</code><code class="keyword">script</code><code class="plain">&gt; T&amp;uml;r</code></div>
    264. 

  264. </div>
    265. 

  265.     </div>
    266. 

  266.     <p  ><strong class=" "><br/></strong>    </p>
    267. 

  267.     <div class="section section-3" id="src-23299120_PagstractMarkupLanguage-2.5.1NeueHTML-Ausgabe">
    268. 

  268.         <h3 class="heading "><span>2.5.1 Neue HTML-Ausgabe</span></h3>
    269. 

  269.     <p  >Um weiterhin HTML ausgeben zu k&ouml;nnen, wurde die neue Ausgabe <tt class=" ">pma:type=&quot;trustedhtml&quot;</tt> eingef&uuml;hrt.    </p>
    270. 

  270.     <p  >Attribute von HTML-Tags werden nichts escaped!    </p>
    271. 

  271.     <div  class="confbox programlisting">
    272. 

  272.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    273. 

  273. <div class="line"><code class="plain">Text: Dies ist ein Text, der übrigens auch noch &lt;</code><code class="keyword">a</code><code class="plain"> </code><code class="color1">href</code><code class="plain">=</code><code class="string">"http://example.com"</code><code class="plain"> </code><code class="color1">title</code><code class="plain">=</code><code class="string">"Übernachtung in Blåvand"</code><code class="plain">&gt;einen Link beinhaltet &amp; zu allem Überfluss&lt;/</code><code class="keyword">a</code><code class="plain">&gt; noch Sonderzeichen; weil 3 &lt; </code><code class="keyword">5</code></div>
    274. 

  274. <div class="line"> </div>
    275. 

  275. <div class="line"><code class="plain">Ausgabe mit: &lt;pma:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".text"</code><code class="plain"> </code><code class="color1">pma:type</code><code class="plain">=</code><code class="string">"trustedhtml"</code><code class="plain">/&gt;</code></div>
    276. 

  276. <div class="line"> </div>
    277. 

  277. <div class="line"><code class="plain">Erzeugte Ausgabe:</code></div>
    278. 

  278. <div class="line"><code class="plain">Dies ist ein Text, der &amp;#252;brigens auch noch &lt;</code><code class="keyword">a</code><code class="plain"> </code><code class="color1">href</code><code class="plain">=</code><code class="string">"http://example.com"</code><code class="plain"> </code><code class="color1">title</code><code class="plain">=</code><code class="string">"Übernachtung in Blåvand"</code><code class="plain">&gt;einen Link beinhaltet &amp;amp; zu allem &amp;#220;berfluss&lt;/</code><code class="keyword">a</code><code class="plain">&gt; noch Sonderzeichen; weil 3 &amp;lt; 5</code></div>
    279. 

  279. </div>
    280. 

  280.     </div>
    281. 

  281.     <div  class="confbox admonition admonition-note">
    282. 

  282.                             <span class="admonition-icon confluence-information-macro-icon"></span>
    283. 

  283.                 <div class="admonition-body">
    284. 

  284.     <h4 id="src-23299120_PagstractMarkupLanguage-Warnung" class="heading "><span>Warnung</span></h4>
    285. 

  285.     <p  >Das sollte niemals f&uuml;r Properties geschehen, die ungefilterte Benutzereingaben enthalten. Dadurch k&ouml;nnen Sicherheitsl&uuml;cken entstehen!    </p>
    286. 

  286.         </div>
    287. 

  287.     </div>
    288. 

  288.     <p  >    </p>
    289. 

  289.     </div>
    290. 

  290.     </div>
    291. 

  291.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_einfache_anfuehrungsstriche_maskieren2.6.EinfacheAnfuehrungsstrichemaskieren">
    292. 

  292.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_einfache_anfuehrungsstriche_maskieren" class="confluence-anchor-link"></span><span>2.6. Einfache Anfuehrungsstriche maskieren</span></h2>
    293. 

  293.     <p  >F&uuml;r das Maskieren von Sonderzeichen gibt es noch weitere Optionen.    </p>
    294. 

  294.     <p  >So kann auch das Maskieren von einfachen Anf&uuml;hrungsstrichen erzwungen werden, z.B. um eine Property innerhalb von JavaScript-Zeichenketten zu expandieren.    </p>
    295. 

  295.     <div  class="confbox programlisting">
    296. 

  296.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    297. 

  297. <div class="line"><code class="plain">&lt;!-- .stringWithSingleQuotes = "'hallo'" --&gt;</code></div>
    298. 

  298. <div class="line"><code class="plain">&lt;!-- Eingabe mit einfachen Anführungszeichen --&gt;</code></div>
    299. 

  299. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".stringWithSingleQuotes"</code><code class="plain"> </code><code class="color1">pma:type</code><code class="plain">=</code><code class="string">"escapedquotes"</code><code class="plain">/&gt;</code></div>
    300. 

  300. <div class="line"><code class="plain"> </code></div>
    301. 

  301. <div class="line"><code class="plain">&lt;!-- Ausgabe --&gt;</code></div>
    302. 

  302. <div class="line"><code class="plain">\'hallo\'</code></div>
    303. 

  303. </div>
    304. 

  304.     </div>
    305. 

  305.     <p  >Selbstverst&auml;ndlich werden die anderen Zeichen mit Sonderbedeutung weiterhin so umgesetzt, dass der Benutzer den Originalstring zu sehen bekommt.    </p>
    306. 

  306.     <div  class="confbox programlisting">
    307. 

  307.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    308. 

  308. <div class="line"><code class="plain">&lt;!-- .markup = &lt;</code><code class="keyword">script</code><code class="plain"> </code><code class="color1">type</code><code class="plain">=</code><code class="string">"text/javascript"</code><code class="plain">&gt;alert('hallo');&lt;/</code><code class="keyword">script</code><code class="plain">&gt; T&amp;uml;r --&gt;</code></div>
    309. 

  309. <div class="line"><code class="plain">&lt;!-- escaped quotes --&gt;</code></div>
    310. 

  310. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".markup"</code><code class="plain"> </code><code class="color1">pma:type</code><code class="plain">=</code><code class="string">"escapedquotes"</code><code class="plain">/&gt;</code></div>
    311. 

  311. <div class="line"><code class="plain"> </code></div>
    312. 

  312. <div class="line"><code class="plain">&lt;!-- Ausgabe --&gt;</code></div>
    313. 

  313. <div class="line"><code class="plain">&amp;lt;</code><code class="keyword">script</code><code class="plain"> type=&amp;quot;text/javascript&amp;quot;&amp;gt;alert(\'hallo\');&amp;lt;/</code><code class="keyword">script</code><code class="plain">&amp;gt; T&amp;amp;uml;r</code></div>
    314. 

  314. <div class="line"><code class="plain"> </code></div>
    315. 

  315. <div class="line"><code class="plain">&lt;!-- ALTE Variante --&gt;</code></div>
    316. 

  316. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".markup"</code><code class="plain"> </code><code class="color1">pma:escapeQuotes</code><code class="plain">=</code><code class="string">"true"</code><code class="plain">/&gt;</code></div>
    317. 

  317. </div>
    318. 

  318.     </div>
    319. 

  319.     <p  >    </p>
    320. 

  320.     </div>
    321. 

  321.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_html_tags_aus_property_werten_entfernen2.7.HTML-TagsausProperty-Wertenentfernen">
    322. 

  322.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_html_tags_aus_property_werten_entfernen" class="confluence-anchor-link"></span><span>2.7. HTML-Tags aus Property-Werten entfernen</span></h2>
    323. 

  323.     <p  >Ebenso gibt es die Alternative, HTML-Tags zu entfernen, anstatt sie einfach zu maskieren, so dass Markup-Code f&uuml;r den Benutzer direkt sichtbar wird. Das kann besonders f&uuml;r Benutzereingaben sinnvoll sein.    </p>
    324. 

  324.     <div  class="confbox programlisting">
    325. 

  325.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    326. 

  326. <div class="line"><code class="plain">&lt;!-- .markup = &lt;</code><code class="keyword">script</code><code class="plain"> </code><code class="color1">type</code><code class="plain">=</code><code class="string">"text/javascript"</code><code class="plain">&gt;alert('hallo');&lt;/</code><code class="keyword">script</code><code class="plain">&gt; T&amp;uml;r --&gt;</code></div>
    327. 

  327. <div class="line"><code class="plain">&lt;!-- Plain --&gt;</code></div>
    328. 

  328. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".markup"</code><code class="plain"> </code><code class="color1">pma:type</code><code class="plain">=</code><code class="string">"plain"</code><code class="plain">/&gt;</code></div>
    329. 

  329. <div class="line"><code class="plain"> </code></div>
    330. 

  330. <div class="line"><code class="plain">&lt;!-- Plain HTML --&gt;</code></div>
    331. 

  331. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".markup"</code><code class="plain"> </code><code class="color1">pma:type</code><code class="plain">=</code><code class="string">"plainhtml"</code><code class="plain">/&gt;</code></div>
    332. 

  332. <div class="line"><code class="plain"> </code></div>
    333. 

  333. <div class="line"><code class="plain">&lt;!-- Ausgabe --&gt;</code></div>
    334. 

  334. <div class="line"><code class="plain">&lt;!-- Plain --&gt;</code></div>
    335. 

  335. <div class="line"><code class="plain">alert('hallo'); T¨r</code></div>
    336. 

  336. <div class="line"><code class="plain"> </code></div>
    337. 

  337. <div class="line"><code class="plain">&lt;!-- Plain HTML --&gt;</code></div>
    338. 

  338. <div class="line"><code class="plain">alert('hallo'); T&amp;#168;r</code></div>
    339. 

  339. </div>
    340. 

  340.     </div>
    341. 

  341.     <p  >    </p>
    342. 

  342.     </div>
    343. 

  343.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_textanrisse2.8.Textanrisse">
    344. 

  344.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_textanrisse" class="confluence-anchor-link"></span><span>2.8. Textanrisse</span></h2>
    345. 

  345.     <p  >H&auml;ufig ist f&uuml;r den gesamten Text nicht immer genug Platz. Stattdessen m&ouml;chte man aber einen Textanriss pr&auml;sentieren. Die Maximall&auml;nge kann mit <strong class=" "><tt class="literal ">pma:maxlength</tt></strong> angegeben werden. Es werden drei verschiedene Logiken bei Trennung unterst&uuml;tzt, die &uuml;ber <strong class=" "><tt class=" ">pma:abbrevMode</tt></strong> ausgew&auml;hlt werden k&ouml;nnen. Wird kein oder ein nicht definierter Abk&uuml;rzungsmodus gew&auml;hlt, wird <tt class=" ">after</tt> als Voreinstellung verwendet.    </p>
    346. 

  346. <ul class=" "><li class=" ">    <p  ><tt class=" ">strict</tt> f&uuml;r eine harte Trennung nach genau n Zeichen    </p>
    347. 

  347. </li><li class=" ">    <p  ><tt class=" ">after</tt> f&uuml;r eine weiche Trennung nach dem Wort nach mindestens n Zeichen    </p>
    348. 

  348. </li><li class=" ">    <p  ><tt class=" ">before</tt> f&uuml;r eine weiche Trennung vor dem Wort nach maximal n Zeichen    </p>
    349. 

  349. </li></ul>    <p  >&Uuml;ber <strong class=" "><tt class=" ">pma:more</tt></strong> kann dem Benutzer ein Hinweis auf den weggek&uuml;rzten Text gegeben werden, z.B.    </p>
    350. 

  350.     <div  class="confbox programlisting">
    351. 

  351.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    352. 

  352. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".loremIpsum"</code><code class="plain"> </code><code class="color1">pma:maxlength</code><code class="plain">=</code><code class="string">"20"</code><code class="plain"> </code><code class="color1">pma:more</code><code class="plain">=</code><code class="string">"..."</code><code class="plain">/&gt;</code></div>
    353. 

  353. </div>
    354. 

  354.     </div>
    355. 

  355.     <p  >ergibt    </p>
    356. 

  356. <pre class="programlisting ">Lorem ipsum dolor sit...</pre>    <div class="section section-3" id="src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjEuWmVpY2hlbmtldHRlZsO8cmRpZUJlaXNwaWVsZWRlcnVudGVyc2NoaWVkbGljaGVuVHJlbm52ZXJoYWx0ZW4">
    357. 

  357.         <h3 class="heading "><span>2.8.1. Zeichenkette f&uuml;r die Beispiele der unterschiedlichen Trennverhalten</span></h3>
    358. 

  358.     <p  ><tt class=" ">.loremIpsum = &quot;Lorem ipsum dolor sit amet&quot;</tt>    </p>
    359. 

  359.     </div>
    360. 

  360.     <div class="section section-3" id="src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjIuSGFydGVUcmVubnVuZyhzdHJpY3Qp">
    361. 

  361.         <h3 class="heading "><span>2.8.2. Harte Trennung (strict)</span></h3>
    362. 

  362.     <div  class="confbox programlisting">
    363. 

  363.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    364. 

  364. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".loremIpsum"</code><code class="plain"> </code><code class="color1">pma:maxlength</code><code class="plain">=</code><code class="string">"9"</code><code class="plain"> </code><code class="color1">pma:abbrevMode</code><code class="plain">=</code><code class="string">"strict"</code><code class="plain"> </code><code class="color1">pma:more</code><code class="plain">=</code><code class="string">"..."</code><code class="plain">/&gt;</code></div>
    365. 

  365. </div>
    366. 

  366.     </div>
    367. 

  367.     <p  >ergibt    </p>
    368. 

  368. <pre class=" ">Lorem ips...</pre>    </div>
    369. 

  369.     <div class="section section-3" id="src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjMuV2VpY2hlVHJlbm51bmdoaW50ZXJkZW1Xb3J0KGFmdGVyKQ">
    370. 

  370.         <h3 class="heading "><span>2.8.3. Weiche Trennung hinter dem Wort (after)</span></h3>
    371. 

  371.     <div  class="confbox programlisting">
    372. 

  372.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    373. 

  373. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".loremIpsum"</code><code class="plain"> </code><code class="color1">pma:maxlength</code><code class="plain">=</code><code class="string">"9"</code><code class="plain"> </code><code class="color1">pma:abbrevMode</code><code class="plain">=</code><code class="string">"after"</code><code class="plain"> </code><code class="color1">pma:more</code><code class="plain">=</code><code class="string">"..."</code><code class="plain">/&gt; </code></div>
    374. 

  374. <div class="line"><code class="plain">&lt;!-- bzw. default --&gt;</code></div>
    375. 

  375. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".loremIpsum"</code><code class="plain"> </code><code class="color1">pma:maxlength</code><code class="plain">=</code><code class="string">"9"</code><code class="plain"> </code><code class="color1">pma:more</code><code class="plain">=</code><code class="string">"..."</code><code class="plain">/&gt;</code></div>
    376. 

  376. </div>
    377. 

  377.     </div>
    378. 

  378.     <p  >ergibt    </p>
    379. 

  379. <pre class=" ">Lorem ipsum...</pre>    </div>
    380. 

  380.     <div class="section section-3" id="src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtMi44LjQuV2VpY2hlVHJlbm51bmd2b3JkZW1Xb3J0KGJlZm9yZSk">
    381. 

  381.         <h3 class="heading "><span>2.8.4. Weiche Trennung vor dem Wort (before)</span></h3>
    382. 

  382.     <div  class="confbox programlisting">
    383. 

  383.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    384. 

  384. <div class="line"><code class="plain">&lt;</code><code class="keyword">pma</code><code class="plain">:value </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">".loremIpsum"</code><code class="plain"> </code><code class="color1">pma:maxlength</code><code class="plain">=</code><code class="string">"9"</code><code class="plain"> </code><code class="color1">pma:abbrevMode</code><code class="plain">=</code><code class="string">"before"</code><code class="plain"> </code><code class="color1">pma:more</code><code class="plain">=</code><code class="string">"..."</code><code class="plain">/&gt;</code></div>
    385. 

  385. </div>
    386. 

  386.     </div>
    387. 

  387.     <p  >ergibt    </p>
    388. 

  388. <pre class=" ">Lorem... </pre>    </div>
    389. 

  389.     </div>
    390. 

  390.     <div class="section section-2" id="src-23299120_safe-id-UGFnc3RyYWN0TWFya3VwTGFuZ3VhZ2UtX3BhZ3N0cmFjdF9hbXBfeG1sMi45LlBhZ3N0cmFjdCZYTUw">
    391. 

  391.         <h2 class="heading "><span id="src-23299120_PagstractMarkupLanguage-_pagstract_amp_xml" class="confluence-anchor-link"></span><span>2.9. Pagstract &amp; XML</span></h2>
    392. 

  392.     <p  >Pagstract orientiert sich gr&ouml;&szlig;tenteils an XML in seinem Syntax. Die meisten Pagstract-Befehle sind dem &quot;pma:&quot;-Prefix bei Elementen und Attributen zu erkennen. Anders als bei XML sind aber hierf&uuml;r keine expliziten Namespace-Deklarationen notwendig. Einmal ge&ouml;ffnete Pagstract-Befehle m&uuml;ssen auch wieder geschlossen werden.    </p>
    393. 

  393.     <p  >Pagstract selber versucht aber nur seine eigenen Tags zu interpretieren. Der Text zwischen den Anweisungen oder in den Anweisungen wird ansonsten nicht ausgewertet. Dadurch eignet es sich auch f&uuml;r das Generieren nicht-XML textbasierten Formaten.    </p>
    394. 

  394.     <p  >Wenngleich das zu verwirrenden Templates f&uuml;hren kann, m&uuml;ssen sich die Pagstract-Befehle aber nicht um saubere XHTML-Fragmente klammern. Z.B. (die Befehle werden sp&auml;ter erkl&auml;rt):    </p>
    395. 

  395.     <div  class="confbox programlisting">
    396. 

  396.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    397. 

  397. <div class="line"><code class="plain">&lt;</code><code class="keyword">p</code><code class="plain">&gt;</code></div>
    398. 

  398. <div class="line"><code class="plain">  Lorem ipsum. Lorem ipsum.</code></div>
    399. 

  399. <div class="line"><code class="plain">  &lt;</code><code class="keyword">pma</code><code class="plain">:if-visible </code><code class="color1">pma:name</code><code class="plain">=</code><code class="string">"unterbrechMich"</code><code class="plain"> </code><code class="color1">pma:condition</code><code class="plain">=</code><code class="string">"true"</code><code class="plain">&gt;</code></div>
    400. 

  400. <div class="line"><code class="plain">    &lt;/</code><code class="keyword">p</code><code class="plain">&gt;&lt;</code><code class="keyword">hr</code><code class="plain">/&gt;&lt;</code><code class="keyword">p</code><code class="plain">&gt;</code></div>
    401. 

  401. <div class="line"><code class="plain">  &lt;/</code><code class="keyword">pma</code><code class="plain">:if-visible&gt;</code></div>
    402. 

  402. <div class="line"><code class="plain">  Lorem ipsum. Lorem ipsum. Lorem</code></div>
    403. 

  403. <div class="line"><code class="plain">&lt;/</code><code class="keyword">p</code><code class="plain">&gt;</code></div>
    404. 

  404. </div>
    405. 

  405.     </div>
    406. 

  406.     <p  >Wenn man dies mit unterbrechMich = true rendert, kommt folgendes heraus:    </p>
    407. 

  407.     <div  class="confbox programlisting">
    408. 

  408.                 <div xmlns="http://www.w3.org/1999/xhtml" class="defaultnew syntaxhighlighter scroll-html-formatted-code">
    409. 

  409. <div class="line"><code class="plain">&lt;</code><code class="keyword">p</code><code class="plain">&gt;</code></div>
    410. 

  410. <div class="line"><code class="plain">  Lorem ipsum. Lorem ipsum.</code></div>
    411. 

  411. <div class="line"> </div>
    412. 

  412. <div class="line"><code class="plain">    &lt;/</code><code class="keyword">p</code><code class="plain">&gt;&lt;</code><code class="keyword">hr</code><code class="plain">/&gt;&lt;</code><code class="keyword">p</code><code class="plain">&gt;</code></div>
    413. 

  413. <div class="line"> </div>
    414. 

  414. <div class="line"><code class="plain">  Lorem ipsum. Lorem ipsum. Lorem</code></div>
    415. 

  415. <div class="line"><code class="plain">&lt;/</code><code class="keyword">p</code><code class="plain">&gt;</code></div>
    416. 

  416. </div>
    417. 

  417.     </div>
    418. 

  418.     <p  >Meistens ist es aber sinnvoll, Pagstract-Befehle um symetrische XHTML-Fragmente, deren Top-Level-Elemente alle wieder geschlossen wurden, zu klammern, da man so einfacher sicher stellen kann, dass der generierte Markup fehlerfrei ist.    </p>
    419. 

  419.     </div>
    420. 

  420.     <div class="section section-2" id="src-23299120_PagstractMarkupLanguage-_pagemodel_inspizieren2.10.PageModelinspizieren">
    421. 

  421.         <h2 
    422.