Wichtig
Kleinigkeit
Detail
Aktuell kann der WYSIWYG Editor zwar Codesnippets einfügen, allerdings werden diese immer als Block angezeigt. Einzelne Worte können nicht innerhalb der Zeile als Code angezeigt werden.
Verbesserung
Mit Hilfe des Plugins CodeTag steht jetzt ein weiterer Button im Editor für inline Codes zur Verfügung. Dieser umschließt den markierten Text mit <code class="inlineCode"></code>. Die Klasse inlineCode verhindert die Darstellung des Codes als Block. Der Code Modus kann auch mit der Tastenkombination CTRL+Q aktiviert werden.\\
\\
Anwendung
Damit der WYSIWYG Editor das neue Plugin zur Verfügung stellt, muss er entsprechend konfiguriert werden.
Aktiviert das Inlinecode und Codesnippet Plugin: {{{#!xml <config service-class="com.top_logic.layout.wysiwyg.ui.StructuredTextConfigService">
<instance class="com.top_logic.layout.wysiwyg.ui.StructuredTextConfigService">
<feature-sets>
<feature-set name="html">
<feature-ref name="syntaxhighlighting" />
</feature-set>
</feature-sets>
</instance>
</config> }}}
Aktiviert nur das Inlinecode Plugin: {{{#!xml <config service-class="com.top_logic.layout.wysiwyg.ui.StructuredTextConfigService">
<instance class="com.top_logic.layout.wysiwyg.ui.StructuredTextConfigService">
<features>
<feature name="inlinecode">
<property key="toolbar">
<list>
<struct>
<property key="name">
<string value="basicstyles" />
</property>
<property key="items">
<list>
<string value="InlineCode" />
</list>
</property>
</struct>
</list>
</property>
<property key="extraPlugins">
<list>
<string value="inlinecode" />
</list>
</property>
</feature>
</features>
<feature-sets>
<feature-set name="html">
<feature-ref name="inlinecode" />
</feature-set>
</feature-sets>
</instance>
</config> }}}
Test
Im WYSIWYG Editor (z.B. unter Strukturen > A > Typendemo > HTML) in den Bearbeitenmodus wechseln und einen Text eingeben. Diesen markieren und auf den neuen Button klicken. Der neue Text muss jetzt als Code dargestellt werden (ggf. muss der Bearbeitenmodus verlassen werden, damit der Highlighter den Text entsprechend darstellt). Wenn der Text wieder markiert wird, muss man mit erneutem Klicken auf den neuen Button die code tags entfernen können und der Text wird wieder normal angezeigt. Das ganze auch mit der Tastenkombination CTRL+Q testen.