Text editor with panel to see results

I know that the topic of “best text editor” has been raised, but I am looking for an app where I can see the results as I’m coding. Something like codepen. In codpen there is the console and we are supposed to be able to see the results of javascript in the console but I can’t get it work. Anyone know how I can get this to work in CodePen?

Anyone know about a standalone app with dual pane where I can see the output of my code without having to switch to a browser to see the output?

Thanks for your support……

Brackets has a real-time preview. It’s been awhile since I used it, but I remember liking it.

Here is a video demo of how it works:

1 Like

thanks for the input. So this is cool. I have to have the browser window open next to the brackets window.

so if u don’t use brackets anymore, what DO you use?

Lately I’ve been using Visual Studio Code, and I like it a lot. If I need to tweak front-end designs, I’ll just open Chrome Dev Tools, and make adjustments there until I’m happy. Then I write the code in VSCode.

I use Brackets and I really like it. When you click on live preview Brackets open a version of Chrome that auto show live coding. So you can have it next to the Brackets window or on another monitor.

1 Like