# How to sync wysiwyg editor window to code window?

**URL:** <https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907>\
**Category:** General\
**Created:** [April 10, 2023, 3:09am UTC](https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907 "2023-04-10T03:09:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dculp](https://avatars.discourse-cdn.com/v4/letter/d/e47c2d/32.png) [@dculp](https://forum.pinegrow.com/u/dculp)\
**Post date:** [April 10, 2023, 3:09am UTC](https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907/1 "2023-04-10T03:09:02Z")

</div>

If I scroll in the wysiwyg editor window and click on a new location, the code window syncs to that location. However, if I scroll in the code window and click on a new location, the wysiwyg editor window doesn’t sync – it just remains at its previous display.

Is there a way to do this? If not, may I suggest shift+click (or something similar) in the code window in order to sync the wysiwyg editor window.

Pinegrow 7.2, Windows 10

Don C.

---

<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:** [April 15, 2023, 6:08pm UTC](https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907/2 "2023-04-15T18:08:12Z")

</div>

I believe you are referring to the pop-up code editor? That can be opened by pressing “C” on the keyboard. When you move to a new position you have to press C again to get the editor to open the new element. If you are referring to another pop-up window you may be able to find a shortcut key for that too. -Best

---

<div class="post-metadata">

**Author:** ![dculp](https://avatars.discourse-cdn.com/v4/letter/d/e47c2d/32.png) [@dculp](https://forum.pinegrow.com/u/dculp)\
**Post date:** [April 16, 2023, 1:36am UTC](https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907/3 "2023-04-16T01:36:09Z")

</div>

jonroc –

I’m referring to the code editor that is invoked by clicking the \</\> icon on the menu bar or by Ctrl+E. In my setup this opens the code editor in a tile just below the wysiwyg editor. (When I refer to a “new location” I mean a new text location within the editor.)

In any case I have mainly solved this by editing the code in Visual Studio Code and syncing to Pinegrow (see Pinegrow Live Sync thread [VS Code - can't get Pinegrow Live Sync extension to work](https://forum.pinegrow.com/t/vs-code-cant-get-pinegrow-live-sync-extension-to-work/7905)). In VS Code I right click on the desired code, then “Pinegrow: Select element”. Pinegrow’s wysiwyg editor then moves to the same location. However, Pinegrow’s cursor won’t be positioned exactly the same as in VS Code.

I’m not familiar with the pop-up code editor. From where in Pinegrow do you press “C” without Pinegrow interpreting this as the letter “C” (i.e., as text input)?

---

<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:** [April 25, 2023, 12:05pm UTC](https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907/4 "2023-04-25T12:05:28Z")

</div>

Oh, I see. I’m glad you’re able to get VScode working. I have issues with it working consistently but have requested many times for better integrations. -Best

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [February 26, 2026, 12:05am UTC](https://forum.pinegrow.com/t/how-to-sync-wysiwyg-editor-window-to-code-window/7907/5 "2026-02-26T00:05:27Z")

</div>

A bit late by way of reply but here we are in 2026, so 3 years later, just in case someone else is looking.  
Pinegrow is now on Version 9,  
But I think this has worked for many versions.

position cursor over code in PG Code view and on Mac  
Press

OPT+ click

SO im guessing on windows that will be

ALT+click

That will then highlight the corresponding code’s element in Page view
