{"id":393,"date":"2019-05-02T14:22:36","date_gmt":"2019-05-02T14:22:36","guid":{"rendered":"https:\/\/docs.sisus.co\/power-inspector\/?p=393"},"modified":"2021-03-24T17:46:14","modified_gmt":"2021-03-24T17:46:14","slug":"script-drawer","status":"publish","type":"post","link":"https:\/\/docs.sisus.co\/power-inspector\/enhanced-drawers\/script-drawer\/","title":{"rendered":"Script Drawer"},"content":{"rendered":"

\"\"<\/p>\n

The drawer<\/a> used in Power Inspector for your script assets improve upon the Editor in the Default Inspector<\/a> in various ways.<\/p>\n

Syntax Highlighting<\/h1>\n

Readability<\/strong> is improved by the code being rendered with multi-colored syntax highlighting<\/a>.<\/p>\n

Line Numbering<\/h1>\n

\"\"<\/p>\n

You can easily see on which lines<\/strong> the code shown is with the addition of line numbering.<\/p>\n

Open At Line<\/h1>\n

\"\"<\/p>\n

Double-click<\/strong> a line number<\/strong>, or right-click a line and select the context menu<\/strong> item \u201cOpen At Line X<\/strong>\u201d (where X is the line number in question), to open the script file in your script editor and instantly jump to<\/strong> the line in question.<\/p>\n

Compact Tab Character<\/h1>\n

\"\"<\/p>\n

The width<\/strong> of the tab character has been reduced<\/strong>, so that you can see more<\/strong> of your code simultaneously.<\/p>\n

Word Wrapping Disabled<\/h1>\n

\"\"<\/p>\n

Readability<\/strong> is further improved thanks to word-wrapping being disabled.<\/p>\n

Large Code File Support<\/h1>\n

\"\"<\/p>\n

Even script files with thousands<\/strong> of lines can be shown in full<\/strong>.<\/p>\n

In-Inspector Code Editing<\/h1>\n

While the focus of the script drawer is just enabling quick and effective previewing of your script assets, it does also enable making quick edits to your code right inside the inspector view<\/a>. To edit your script asset, follow these steps:<\/p>\n

    \n
  1. Select the line of code you want to edit.<\/li>\n
  2. Click<\/strong> the Edit Mode button<\/strong> in the header toolbar<\/a>, or press the F2<\/strong> key on your keyboard to start<\/strong> editing the line.<\/li>\n
  3. Make your changes to the code line.<\/li>\n
  4. Click<\/strong> the Edit Mode button<\/strong> again, or press the Return<\/strong> key on your keyboard to stop<\/strong> editing the line.<\/li>\n
  5. A new Changes button<\/strong> should now also be located on the header toolbar. Click<\/strong> this button, and from the context menu that opens, select “Save Changes”.<\/strong><\/li>\n<\/ol>\n

    Smart Line Count Display<\/h1>\n

    \"\"<\/p>\n

    If you mouseover<\/strong> the header<\/strong> of the script drawer, the line count<\/strong> for the current script asset is displayed, with empty lines and lines containing only comments ignored.<\/p>\n

    Optimized<\/h1>\n

    The editor utilizes multi-threading<\/strong> when generating syntax highlighting for your code assets. This helps ensure that you will experience no slowdowns<\/strong> even when moving rapidly through many large script assets.
    \nAlso to make sure that the inspector can operate smoothly<\/strong>, even when working with scripts containing thousands of lines of code, only<\/strong> the code lines that are actually visible<\/strong> at any given time are rendered.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The drawer used in Power Inspector for your script assets improve upon the Editor in the Default Inspector in various ways. Syntax Highlighting Readability is improved by the code being rendered with multi-colored syntax highlighting. Line Numbering You can easily see on which lines the code shown is with the addition of line numbering. Open ..<\/p>\n

    <\/div>\n

    Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts\/393"}],"collection":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":15,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":1825,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/posts\/393\/revisions\/1825"}],"wp:attachment":[{"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.sisus.co\/power-inspector\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}