# Separate code editor for CSS/SCSS

**URL:** <https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147>\
**Category:** Feature Request\
**Created:** [May 20, 2020, 1:18am UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147 "2020-05-20T01:18:07Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cunning\_Stunts](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cunning_stunts/32/2534_2.png) [@Cunning\_Stunts](https://forum.pinegrow.com/u/Cunning_Stunts)\
**Post date:** [May 20, 2020, 1:18am UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/1 "2020-05-20T01:18:07Z")

</div>

It would be cool to have a separate code editor that’s dedicated to css/sass editing, so it could be visible at the same time as editing the html code.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [May 20, 2020, 10:08am UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/2 "2020-05-20T10:08:22Z")

</div>

If you are doing that much direct code editing, why not use VSC or Atom? They can be open along with your other Pinegrow windows. Alternatively, you can have multiple code windows open and each will have a tab that you can cycle through.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![Cunning\_Stunts](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cunning_stunts/32/2534_2.png) [@Cunning\_Stunts](https://forum.pinegrow.com/u/Cunning_Stunts)\
**Post date:** [May 20, 2020, 11:18am UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/3 "2020-05-20T11:18:43Z")

</div>

Hi, thanks for the reply,

The main reason is that I like to take advantage of the “reveal in code” feature in PG - it takes me right to what I need to edit directly and saves time. I also did try the VS Code integration and found it buggy and unreliable.

Do you mean I can have multiple code windows open within PG?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [May 20, 2020, 11:57am UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/4 "2020-05-20T11:57:09Z")

</div>

You can have code open for multiple different HTML files and CSS files, but not multiple windows for each. THe only unfortunate thing is that the different code windows are tabbed together, so you can’t look at them side-by-side.  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/dc26aa53f7e99b5b10a3e5266cf0dfe4c16313a6.png)

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [May 20, 2020, 5:20pm UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/5 "2020-05-20T17:20:31Z")

</div>

if you have the PG plugin for VSC, it will highlight the html when you select it in PG…

if i remember there were a couple of defaults in VSC that i needed to change to get the behavior i was looking for.

something about update on window focus vs mouse click, i think.

---

<div class="post-metadata">

**Author:** ![jonroc](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jonroc/32/2805_2.png) [@jonroc](https://forum.pinegrow.com/u/jonroc)\
**Post date:** [July 15, 2020, 1:37pm UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/6 "2020-07-15T13:37:02Z")

</div>

A version of this request has been requested many times. The fastest solution would be to have code highlighting in ATOM and VSC. That way you can have your external editor open to your SCSS and the “show in code editor” feature would highlight it in Atom. This would address your feature request.

---

<div class="post-metadata">

**Author:** ![Cunning\_Stunts](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cunning_stunts/32/2534_2.png) [@Cunning\_Stunts](https://forum.pinegrow.com/u/Cunning_Stunts)\
**Post date:** [July 15, 2020, 9:41pm UTC](https://forum.pinegrow.com/t/separate-code-editor-for-css-scss/4147/7 "2020-07-15T21:41:36Z")

</div>

I could live with that if the file was opened in VSC automatically, if not open already, and then the relevant code was highlighted. I did ask the developers if they’re looking to make the external editor functionality any better (specifically for this feature) and they replied with a fairly definite “no” 😞
