Unterschiedliche Dartstellung FHEM-Webansicht und DEF-Editor

[Rewe2000]

Hallo,

ich bemerke seit einiger Zeit für mich störende Unterschiede in Der Darstellung zwischen der Webansicht und dem DEF-Editor.
Bei der Verwendung von Kommentaren (##) in Verbindung mit Tabs werden anscheinend die Tabbreiten unterschiedlich dargestellt und somit brechen die Kommentare teilweise in neue Zeilen um. Dieses erleichtert die Übersichtlichkeit im Perl Programmcode nicht besonders.

Ist dies allgemein in Fhem so oder nur ein Problem bei mir, ev. noch Jugendsünden aus der Fhem Anfangszeit?
Kann ich da irgend etwas einstellen um die Darstellung übersichtlicher zu erhalten?

Anbei ein List von meinem FHEMWEB:

Code Auswählen Erweitern

[code]define WEB FHEMWEB 8083 global
attr WEB DbLogExclude .*
attr WEB JavaScripts codemirror/fhem_codemirror.js
attr WEB codemirrorParam {"theme": "blackboard", "height":"auto", "lineNumbers":true, "lineWrapping":true, "matchBrackets":true}
attr WEB comment Wegen undefinierten Abstürzen bei Darstellung der SVG-Charts wurde vom Entwickler (Heiko - "DS_Starter") folgendes geraten:\
"Bezüglich der Abstürze könnte dir evtl. das Attr plotEmbed=0 in dem/den FHEMWEB Devices helfen."
attr WEB icon rc_WEB
attr WEB iconPath default:fhemSVG:openautomation
attr WEB longpoll websocket
attr WEB plotEmbed 0
attr WEB plotfork 1
attr WEB room System
attr WEB styleData {\
 "f18": {\
  "Pinned.menu": "true",\
  "hidePin": "true",\
  "cols.bg": "444444",\
  "cols.fg": "CCCCCC",\
  "cols.link": "FF9900",\
  "cols.evenrow": "333333",\
  "cols.oddrow": "111111",\
  "cols.header": "222222",\
  "cols.menu": "111111",\
  "cols.sel": "333333",\
  "cols.inpBack": "444444",\
  "savePinChanges": true,\
  "rightMenu": false,\
  "widePortrait": false\
 }\
}
attr WEB stylesheetPrefix ios7
attr WEB title { if ($FW_room) { "Fhem: $FW_room" } elsif ($FW_detail) { "Fhem: $FW_detail" } else { "Fhem FHEM" } }
attr WEB widgetOverride userReadings:textField-long,90 userattr:textField-long,90 comment:textField-long,90 stateFormat:textField-long,90 setList:textField-long,90
#  BYTES_READ 30077799
#  BYTES_WRITTEN 1931529395
#  CONNECTS  1663
#  CSRFTOKEN  csrf_952413421153211
#  DEF        8083 global
#  FD        11
#  FUUID      5c47772e-f33f-7df9-b77d-03d3b32377dfb2b4
#  NAME      WEB
#  NR        142
#  NTFY_ORDER 50-WEB
#  PORT      8083
#  STATE      Initialized
#  TYPE      FHEMWEB
#  READINGS:
#    2025-09-13 16:57:44  state          Initialized
#  hmccu:
#
setstate WEB 2025-09-13 16:57:44 state Initialized

[/code]

Ein Screenshot aus dem DEF-Editor:
Du darfst diesen Dateianhang nicht ansehen.

Ein Screenshot der Fhem Webansicht:
Du darfst diesen Dateianhang nicht ansehen.

Über einige Tipps zur Problembehebung würde ich mich freuen.

Gruß Reinhard

[rudolfkoenig]

Ich gehe davon aus, dass es an den unterschiedlichen Fonts liegt: der Editor verwendet ein Font mit gleichbreiten Buchstaben (fixed-width), die Detail-Anzeige nicht.
Als Workaround kann man als eigenes CSS (in f18: additional CSS) Folgendes eintragen:

Code Auswählen Erweitern

div.internals { font-family:monospace; }
Ansonsten empfehle ich Code-Stuecke die laenger als 5 Zeilen sind nach myUtils.pm auszulagern.