Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- visualizer_help_wiki_rules [2025/11/18 15:51] – adminwiki
+++ visualizer_help_wiki_rules [2026/04/22 11:42] (aktuell) – [2 spaltiges Layout] adminwiki
@@ Zeile 22: / Zeile 22: @@
 Um nun diesen Inhalt in der Software anzuzeigen wird im Template-Code die Funktion this.helpPanelNeoCode.getWikiContent verwendet, um eine Übersetzungsmap zu füllen.
-Beispiel ([[https://vrdoro.com/editor/~/admin/template-snippets/edit/180|Beispielseite in neuem Tab öffnen]]):
+Beispiel ([[https://vrdoro.com/editor/~/admin/template-snippets/edit/180|Template Snippet in neuem Tab öffnen]]):
 <code javascript>
 this.translations = {
@@ Zeile 63: / Zeile 63: @@
 <code html>
 <WRAP>
-  <div two-col-grid>
+<div two-col-grid>
-    <div>1. Spalte z. B. ein Bild</div>
+<div>1. Spalte z. B. ein Bild</div>
-    <div>2. Spalte</div>
+<div>2. Spalte</div>
-  </div>
+</div>
 </WRAP>
 </code>
+<WRAP center round important 60%>
+Der Code ist nicht eingerückt, da Einrückungen vorangig als Code-Boxen angezeigt werden, in denen der Inhalt nicht interpretiert wird.
+</WRAP>
 ==== Bilder einfügen ====
@@ Zeile 113: / Zeile 116: @@
 Hier wird der zusätzliche Parameter ''trim=1'' verwendet. Dieser bewirkt, dass das Icon ohne Rand eingefügt wird und erlaubt damit das Icon auf die Textgrundlinie zu stellen.
+=== Beispiele ===
+''<nowiki>{{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=40&trim=1&.png?nolink}}</nowiki>''
+Das beiden ''?'' in der URL sind dabei erforderlich.
+Verwende
+  * mit ''w=20'' kleine Icons im Text: {{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=20&.png?nolink}}
+  * mit ''trim=1'' reduzierst Du den Rand: {{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=20&trim=1&.png?nolink}}
+  * mit ''w=40'' große Icons für Überschriften: {{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=40&trim=1&.png?nolink}}