# How to make an auto scroll debug textbox

**URL:** <https://discourse.nodered.org/t/how-to-make-an-auto-scroll-debug-textbox/51891>\
**Category:** Dashboard\
**Created:** [5 October 2021 20:17 UTC](https://discourse.nodered.org/t/how-to-make-an-auto-scroll-debug-textbox/51891 "2021-10-05T20:17:22Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [5 October 2021 20:18 UTC](https://discourse.nodered.org/t/how-to-make-an-auto-scroll-debug-textbox/51891/2 "2021-10-05T20:18:56Z")

</div>

> [@Where can I find (or enable) an "interactive" console in node-red?](https://discourse.nodered.org/t/where-can-i-find-or-enable-an-interactive-console-in-node-red/45905/15):
>
> You could achieve this with a simple pre & code block. You can even have syntax highlighting and a MAX LENGTH buffer for scroll back. example... [xSa2xxlzm7] Demo flow... [{"id":"ca8f65c0.635a58","type":"ui\_template","z":"553814a2.1248ec","group":"6d01ec93.b1d374","name":"","order":7,"width":"12","height":"8","format":"\n\<!--\<pre\>\<code id=\"shell\" class=\"language-bash bash\" ng-bind=\"msg.payload\"\>\</code\>\</pre\>--\>\n\<pre\>\<code id=\"shell\" class=\"language-bash bash\"\>\</code\>\</pre\>\n\n\<sc…

or

> [@Where can I find (or enable) an "interactive" console in node-red?](https://discourse.nodered.org/t/where-can-i-find-or-enable-an-interactive-console-in-node-red/45905/22):
>
> ok - 20 minutes slight_smile Here is an alternative version that uses [ansi-to-html](https://www.npmjs.com/package/ansi-to-html)NOTE: You will need node-red V1.3.x as this demo uses [function external modules](https://nodered.org/docs/user-guide/writing-functions#using-the-functionexternalmodules-option) [Us8oCqVmtk] [{"id":"270e0d17.f1c9b2","type":"ui\_template","z":"553814a2.1248ec","group":"6d01ec93.b1d374","name":"","order":7,"width":"12","height":"8","format":"\n\<div id=\"shell\" style=\"font-family: monospace;\"\>\</div\>\n\n\<script\>\n(function(scope) {\n scope.$watch('msg', function(msg) {\n if (msg) {\n debugger…

---

_[View the full topic](https://discourse.nodered.org/t/how-to-make-an-auto-scroll-debug-textbox/51891)._