I'm new to PhpStorm and wondered if it's possible to show the full file path for an open file without hovering the mouse over the file tab?
I can only find this; http://www.jetbrains.com/phpstorm/webhelp/navigating-to-file-path.html
In Eclipse based IDEs the current open file path appears in the title bar.
The top bar should show you where your file is located:
Solution
There is now an option to do this in the editor settings labeled "Always show full path in window header"
Settings/Preferences | Appearance and Behavior | Appearance | UI Options
Documentation
Always show full path in window header
Show the full path to the project and to the current file in the main
window header. When disabled, the header will show only the name of
the project and file.
Reference: https://www.jetbrains.com/help/idea/settings-appearance.html#ui
Note: Another useful setting for those looking for visibility of file paths is "Show full path on mouse hover". This is found under ( Settings/Preferences | Editor | General | Editor Tabs )
Unfortunatly the only option you have is for it to show the path for non-unique filenames.
View > Appearance > check 'Navigation Bar'
You can also see the path and navigate the files using the Project tab (ALT + 1).
At least from the current version of any JetBrains product:
For MacOS you can do shift+option+cmd+C - this will copy full path+line.
A plugin called Tabdir seems to do this reasonably well. From the plugin page:
... this plugin will allow you to have directory names added to tab labels. It only shows path differences so if you have "blog/controllers/index" and "news/controllers/index" it will add either [blog] or [news].
The plugin doesn't appear to have been updated since 2012, but is working on my Webstorm 2021.1.2 (screenshot below). When you have a large number of tabs open, an albeit unique index tab isn't particularly helpful...
Related
I am using a bootstrap template for a webpage. I want to customise certain parts of it, but I am struggling to find the CSS rules that relate to the HTML classes because the .css file is so large!
All I can find when searching the web for a solution is ways to search for files rather than within them. It looks as if there was an extension that may have worked, but it doesn't seem to exist any longer.
any help would be hugely appreciated.
You can search over files in VS Code using CTRL/SHIFT/F, more info here
This is from the website:
VS Code allows you to quickly search over all files in the currently opened folder. Press Ctrl+Shift+F and enter your search term. Search results are grouped into files containing the search term, with an indication of the hits in each file and its location. Expand a file to see a preview of all of the hits within that file. Then single-click on one of the hits to view it in the editor.
The simplest way to "find the CSS rules that relate to the HTML classes" is still to open your template/website in a browser -> right click the page and "Inspect Element" -> Find the HTML you need to inspect -> You'll have all the CSS classes and rules involved into styling it ...in the sub-tab "Styles".
simple just "ctrl+f" and type whatever you want to search inside text box show on top right corner.
I have opened a lot of files in Sublime text. Now it is very difficult to read file names. It is showing just few letters of each file name. Attaching screen shot for better understanding.
How can I see full name of each file? I wanted to fit full name of each file on screen. I don't want to hover over the file to see its full name.
You could edit Packages/Theme - Default/Default.sublime-theme and change tab_min_width to a higher value (and save it and restart ST or resize the window to see the change) or use a different theme which has a wider minimum tab width.
However, I'd highly recommend upgrading to ST3 - there is a new setting added in build 3048 called enable_tab_scrolling which will help keep tabs wider, and enable you to see them all.
Why do all new WordPress posts with a graphic or link show the corresponding HTML code instead of the image or link?
When I create a new post I use the visual editor, and I press Add Media, then select a graphic that I have uploaded, and the graphic shows as expected in the visual editor. I then press Preview and the full “img” HTML text shows in the preview window instead of the graphic. When inspecting the Preview window’s img element, it has quotes around the whole img element, thus treating it as text. The same issue happens when inserting a link – the full “a” HTML text is displayed.
This happens for me on the the default install of WP 4.7.3. Installed WP 4.7.3 to a fully patched Windows 7 64-bit PC. Apache 2.4.23, PHP 7.1.3, MySQL 5.7.15 with utf8mb4_general_ci collation (also tried utf8_default_collation). No plugins are active (I only have the 2 default plugins installed). No themes other than 3 default, and Twenty Seventeen is active. Using Chrome 57/Safari/Firefox all do the same thing.
I’ve installed on another Windows PC and get the same issue. If I press Add Media and add the graphic, then switch to the text editor, it shows the “img” element text correctly in the editor. When I preview this text view or publish it, it shows the full “img” element as text just like publishing from the visual editor view. If I manually enter an “a” link element, it shows the full “a” HTML not just the link’s visible text. All these scenarios show the HTML instead.
Restarted Apache, cleared cache, checked all Apache and PHP logs and no errors show in Chrome console.
I found this problem was caused by the filter setting in the php.ini file. From a previous PHP application the following setting was set:
filter.default = full_special_chars
This wrapped the post information in quotes. Commenting out this setting solved the problem.
I'm trying to make a button that will show the "Save as" download box. The images that I want to offer for download are not in the static folder, nor they will be. Using flask.send_file works by opening the file in the browser.
How can I use send.file in order to bring the download box up, without submitting the page (without changing the current page)?
Look into the as_attachment option in send_file:
http://flask.pocoo.org/docs/api/#flask.send_file
Here's a somewhat related question:
Content-Disposition:What are the differences between "inline" and "attachment"?
Is there any way of getting the source code of an HTML browser-page that is showing when i click inspect element(in chrome of firefox) and put it in a notepad(automatically) or maybe accessing it automatically somehow.
I do not want the original sourcecode but the one that is generated after all the javascripts have already run.
I would like to use the code afterwards in another web page and parse it...
later edit: i can actually click the html in the inspect element and click copy html but i need for a nother site to automatically acces this information because i will try reloading the site at regular intervals and need to constantly get the new html
With Firebug's HTML tab, you can right click on the element, and click "Copy HTML".
See also this post:
how to get fully computed HTML (instead of source HTML)?
press ctrl+u then it will display source code of html page then go to file menu and save it as html file in your system. then you can open it in html or another editor like netbeans /dreamviewer/notepad. I suggest you to open it in netbeans or dreamviewer will be better then open it in notped.
thanks.
You can use the web developer plugin for Firefox or Chrome. It gives you the generated source of a page.
In Opera , Right Click -> click on Inspect Element -> right click on <html> tag -> click on Edit Markup, from there you can copy the entire HTML code.
Edit -> In Oprea, right click on the page -> click on Source -> a new tab opens , in the menu bar of newly opened tab you have option 'Save' , from that option you can save the html code as .html , .txt.
Hope this helps you.