Динамическое изменение размера узла шаблона красной панели инструментов

#css #html #node-red

#css #HTML #узел-красный

Вопрос:

Каков наилучший способ изменения размера узла при использовании узла шаблона и динамическом добавлении содержимого? Например, у меня есть div с динамическим размером, который я передаю msg.payload.divInfo:

 <div>
    {{msg.payload.divInfo}}
</div>

Поскольку у div нет атрибута height, я вижу только одну строку информации и должен прокручивать. Если я установлю высоту div статически:

 <div style="height: 130px;">
    {{msg.payload.divInfo}}
</div>

Он отображает все содержимое. Если я попытаюсь установить высоту div с помощью:

 <div style="height: {{msg.payload.divHeight}}px;">
    {{msg.payload.divInfo}}
</div>

Я все еще вижу только одну строку.

Div не может иметь статическую высоту.

Ответ №1:

Как насчет

 <div style="height:auto;">
</div>

или

 <div style="height:auto; overflow:auto">
</div>

1. Родительский div, управляемый node-red, устанавливает размер div на определенную высоту, хотя я оставил для размера узла значение auto. Похоже, что он не выполняет вычисления с использованием msg.payload.divHeight до тех пор, пока не определит размер родительского div. На данный момент я делаю уродливый обходной путь, используя .parent.style. height = «auto» но я просто хочу посмотреть, есть ли что-то, чего мне не хватает при настройке узла шаблона.

2. Прошло много времени, но я столкнулся с той же проблемой, и было бы действительно полезно, если бы вы могли показать, как вы добавили это в шаблон