Posts tagged with 'Visual Studio'
Apr
9
1 years ago

HtmlView

0 comments

HtmlView is a free VS 2015 extension for Web developers.

It provides the HTML editor an area where it shows a preview of your HTML page. Essentially it is a Chromium engine inside Visual Studio showing your HTML page. Behind the scenes, I am using the excelent CefSharp library to instantiate a Chromium browser.

HtmlView.png

Features

  • Chrome DevTools (shortcut: F12)
  • Console area shows any log output (errors or console.log() calls)
  • CTRL+SHIFT+CLICK any element to inspect it

How to use

  • first install it by downloading at VS Gallery
  • previewer by default is always OFF for all .HTML files
  • you must enable it in a per-file basis; to do it add the following line at the start of your HTML and save the file:
<!-- HtmlView:on -->
  • it is always ON for files named 'unittest.html'
  • you can toggle the previewer by simply setting it to off (or just remove the first line) and save the file:
<!-- HtmlView:off -->
  • you can make the console area always visible:
<!-- HtmlView:on, console:off -->

For Sciter developers

The cool thing is that you can use this extension aside with OmniView, and you can simultaneously preview your HTML in Sciter engine and in a Chrome-based browser. I really don't know the usefulness of this, but anyway:

HtmlView_sciter.png

Mar
26
1 years ago

OmniView update

0 comments

I've updated the free open-source OmniView extension. Here is what changed:

  • console now has a REPL prompt
  • console now shows Sciter debug messages (ex.: CSS warnings when you write unrecognized syntax/values)
  • improved the visual/coloring of the console

Head to the VS Gallery to download it.

Mar
2
1 years ago

OmniView

0 comments

OmniView is a free open-source VS extension for Sciter developers.

It provides the HTML editor an area where it shows a preview of your Sciter HTML page:

Download from VS Gallery for VS 2015.

Download from VS Gallery for VS 2017.


Overview

This Visual Studio extension displays a margin at right of HTML editor with the rendering of the Sciter HTML page you are developing.

It's open-source and source-code demonstrates how you can incorporate a Sciter window inside Visual Studio as a VSIX extension; check it at GitHub.

Shortcuts / How to Use

  • CTRL + E + V: enable/disable the viewer margin
  • CTRL + E + B: enable/disable the console area

Features

  • every time you save your file, viewer reloads the page/.html file
  • console area at the bottom of viewer shows Sciter output/error messages (like CSS warnings)
  • REPL prompt for inputing TIScript code
  • you must enable it in a per-file basis; to do it add the following line at the start of your HTML
<!-- OmniView:on -->
  • it is always ON for files named unittest.html
Dec
14
1 years ago

TAB AutoCall Visual Studio extension

0 comments

This is a new handy extension we made for Visual Studio 2015. After you autocomplete a function call, you press TAB and it automatically inserts () and triggers Intellisense signature help.

Download it a VS Gallery

This demo shows it happening:

TAB AutoCall DEMO

PS: next version of OmniCode will have this feature built-in.


Update: version 1.0 was making C# snippets to not work. Plz, just download version 1.1 where is has now been fixed.