CSS Editing viewable in Preview

Post here if your message doesn't fit into another forum but is still about web development. Includes site critiques, web hosting and server questions, helpful software and resources, and more.
Post Reply
jperhay
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 2
Joined: Tue Sep 05, 2006 9:12 pm
Location: Minnesota

CSS Editing viewable in Preview

Post by jperhay » Thu Mar 09, 2017 10:16 am

I have a simple HTML file that has an external CSS file. With both files loaded in Validator - is there a way of viewing the changes in the Preview window resulting from changes in the CSS file - maybe as they occur. When I attempt that, I get an error message indicating that I do not have a "previewable file extension". It then indicates one can be set up in the Editor Options. I'm not seeing anything related to a previewable file extension option in that menu.

Thanks!

User avatar
Albert Wiersch
Site Admin
Site Admin
Posts: 3362
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Re: CSS Editing viewable in Preview

Post by Albert Wiersch » Thu Mar 09, 2017 11:45 am

Hello,

The preview in CSE HTML Validator is very simple and there is not a way to do what you want, but you can use Alt+F8 to open an HTML document in your default browser. When you want to update the view then save your document(s) in CSE HTML Validator (use the Ctrl+S shortcut to quickly save the current document) and refresh the browser view (I use Ctrl+R in Chrome).

But I do so a potential enhancement to the internal previewer that might be helpful - refreshing the integrated web browser when an active CSS document is being edited will not try to change the previewed document. I'll look into this.

UPDATE: I changed the behavior of the integrated web browser for the next update (v17.02). If you refresh the integrated web browser and the active document is not previewable (like a CSS file), then it will just refresh whatever it is showing. This lets you edit a CSS page, save it, then refresh the browser with an HTML page that uses the CSS page currently being edited. Note that you do have to save the CSS page to save the changes so the browser reloads them when you refresh it.
Image
Albert Wiersch

Post Reply