ui: fix #106, fix #108

packages/ui-default/components/scratchpad/DataInputComponent.jsx

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 
 export default function DataInputComponent(props) {
   const {
+    html,
     title,
     value,
     onChange,
@@ -12,16 +13,20 @@ export default function DataInputComponent(props) {
   const cn = classNames(className, 'flex-col flex-fill');
   return (
     <div {...rest} className={cn}>
-      <textarea
-        className="scratchpad__data-input"
-        wrap="off"
-        value={value}
-        onChange={(ev) => {
-          ev.stopPropagation();
-          onChange(ev.target.value);
-        }}
-        placeholder={title}
-      />
+      {html // eslint-disable-next-line react/no-danger
+        ? <div className="scratchpad__data-input" wrap="off" dangerouslySetInnerHTML={{ __html: value }} />
+        : (
+          <textarea
+            className="scratchpad__data-input"
+            wrap="off"
+            value={value}
+            onChange={(ev) => {
+              ev.stopPropagation();
+              onChange(ev.target.value);
+            }}
+            placeholder={title}
+          />
+        )}
     </div>
   );
 }