# Editor Text Size

**URL:** <https://discourse.nodered.org/t/editor-text-size/53944>\
**Category:** General\
**Created:** [18 November 2021 14:12 UTC](https://discourse.nodered.org/t/editor-text-size/53944 "2021-11-18T14:12:22Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [18 November 2021 14:12 UTC](https://discourse.nodered.org/t/editor-text-size/53944/1 "2021-11-18T14:12:22Z")

</div>

I searched to see if this was addressed yet however I did not find any relative content (which kinda surprised me)..

When I size my browser screen such that the tabs and flows (and most importantly, the Dashboard) are convenient to read, use and work on, I find that the text (code) within the NR editor is quite small for my aging eyes. Simply, is there a way to increase the text size of the NR editor?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [18 November 2021 15:01 UTC](https://discourse.nodered.org/t/editor-text-size/53944/2 "2021-11-18T15:01:19Z")

</div>

I use cmd-shift-+ (on Mac) to increase the page font (and everything) size.  
If you are using the Monaco editor for functions then you can set `fontSize: 14,` etc in your setttings.js file if you just need that font resized.

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [18 November 2021 15:44 UTC](https://discourse.nodered.org/t/editor-text-size/53944/3 "2021-11-18T15:44:45Z")

</div>

Thanks `dceejay`. I use Chrome as the browser on a separate pc (LAN) and I desire the page size (everything really) to remain as is, just have the native NR editor text size increase for coding Does it matter where or how, in `settings.js`, I put the option? Don't wish to mess up the file syntax.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [18 November 2021 15:53 UTC](https://discourse.nodered.org/t/editor-text-size/53944/4 "2021-11-18T15:53:41Z")

</div>

If you have a recent install you settings.js should have a section at the bottom like

```auto
        ,
        codeEditor: {
            /** Select the text editor component used by the editor.
             * Defaults to "ace", but can be set to "ace" or "monaco"
             */
            lib: "ace",
            options: {
                /** The follow options only apply if the editor is set to "monaco"
                 *
                 * theme - must match the file name of a theme in
                 * packages/node_modules/@node-red/editor-client/src/vendor/monaco/dist/theme
                 * e.g. "tomorrow-night", "upstream-sunburst", "github", "my-theme"
                 */
                theme: "vs",
                /** other overrides can be set e.g. fontSize, fontFamily, fontLigatures etc.
                 * for the full list, see https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.istandaloneeditorconstructionoptions.ht>
                 */
                //fontSize: 14,
                //fontFamily: "Cascadia Code, Fira Code, Consolas, 'Courier New', monospace",
                //fontLigatures: true,
            }
        }

```

just make sure you switch ace to monaco to enable that editor then edit (remove //) from the fontSize option

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [18 November 2021 16:15 UTC](https://discourse.nodered.org/t/editor-text-size/53944/5 "2021-11-18T16:15:40Z")

</div>

Ok. Thanks again. Clearly my `settings.js` file has not been updated for a while. I've gone to the resource page [default settings.js](https://github.com/node-red/node-red/blob/master/packages/node_modules/node-red/settings.js) to review the current version and update my file accordingly. I do update NR regularly so I'm going to guess that if it sees custom options it does not replace the file, which is as it should be.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [18 November 2021 16:30 UTC](https://discourse.nodered.org/t/editor-text-size/53944/6 "2021-11-18T16:30:43Z")

</div>

Correct, the upgrade process doesn’t touch any existing settings file, so yes any new parts won’t get added. (But should default to sensible (existing) behaviour. )

---

<div class="post-metadata">

**Author:** ![ebolisa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ebolisa/32/89203_2.png) [@ebolisa](https://discourse.nodered.org/u/ebolisa)\
**Post date:** [18 November 2021 18:25 UTC](https://discourse.nodered.org/t/editor-text-size/53944/7 "2021-11-18T18:25:21Z")

</div>

I was not aware the settings.js file doesn't get updated. What if I maybe interested on some new additions like the one mentioned above? Is there a place where I can look at the settings.js default file?  
Thk.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [18 November 2021 18:27 UTC](https://discourse.nodered.org/t/editor-text-size/53944/8 "2021-11-18T18:27:42Z")

</div>

Theres always the source - [node-red/settings.js at master · node-red/node-red · GitHub](https://github.com/node-red/node-red/blob/master/packages/node_modules/node-red/settings.js)

---

<div class="post-metadata">

**Author:** ![StrongTown](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@StrongTown](https://discourse.nodered.org/u/StrongTown)\
**Post date:** [18 November 2021 19:11 UTC](https://discourse.nodered.org/t/editor-text-size/53944/9 "2021-11-18T19:11:52Z")

</div>

FYI `ebolisa` I had put a direct link in an earlier post.

BTW `dceejay`, I did not know about the `monaco` editor and like it much better than ace. Thanks for the tip.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [17 January 2022 19:12 UTC](https://discourse.nodered.org/t/editor-text-size/53944/10 "2022-01-17T19:12:32Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.