Display html string item in main UI

[ysc (Yannick Schaus)]

Please try this:

HTML display

[logo] Allows to display dynamic HTML from the html prop - use with expressions to display HTML from item states etc. It uses a resizable f7-text-editor component without any visible toolbar and adds a div on top of it to “make it non-editable”. To remove the background color and the border, add it with this: stylesheet: > .text-editor { border: 0; background: transparent; } Screenshots [image] With the border and background removed as per above, in a card: [image] Changelog V…

It should solve both your problems.
Example usage:

component: f7-card
config:
  title: Test HTML widget
slots:
  default:
    - component: widget:html_display
      config:
        html: =@@'PCBureau_Power' + " with some <i>html</i> <b>formatting</b>!<p>Another paragraph with &auml;"
        stylesheet: >
          .text-editor {
            border: 0;
            background: transparent;
          }