Different background for different script in same file using PhpStorm - phpstorm

I am new PhpStorm user. I can't find the option where I see different background color preview for different script in a file. Like the following image of Netbeans IDE.
Please help me to find out the configuration in PhpStorm

Your solution is so to externalize in a js file out of the html one.

Not currently possible, please vote for IDEABKL-6375 and linked tickets

Related

The page is not reading my image and I don't know why

I finished my project, but although the extension Live Server is showing everything right, the images I added. When I open the page from the documents or from GitHub it is not reading SOME images. Does anyone recognize this error??
Ps: I'm just using HTML and CSS, making a portfolio.
I also faced the prob, what you need to do is just upload the folder again on Github using (Check wheter you are uploading the correct folder and the files are linked correctly.). And than again download it. It may solve the problem.

NetBeans will not display image in Chrome with NetBeans Connector

Hello I am brand new to coding and am trying my hand at html5 using NetBeans. I am trying to load an image but the image doesn't load rather the alt text is displayed.
I have tried a .png and a .jpeg. I have tried putting them in different subfolders with no success. Also, I am using the palette to insert the code rather than typing it myself -- so I would think since NetBeans is actually generating the code that it would be correct.
Lastly, I think this problem is more NetBeans related than html coding errors. See the screenshot of NetBeans and see the error messages in the Headers section.
How can I fix these errors and get my image to display on my website?
Thanks in advance for your help!
Screenshot of NetBeans Window
I figured out the solution to my problem. If you look at the files in your project you will see a file titled "public_html". Your images have to be in this folder or a subfolder of it to load the image to Chrome with the NetBeans Connector.

WYSIWYG Editor with image upload

I have been looking for a WYSIWYG editor to add into my own built CMS. I have come accross Nicedit, which is fantastic however, i cannot seem to upload an image and resize it.
Does anyone have any idea how i can do this?
Don't forget to add this code on your page, without it you will not be able to do so
Also you have to change the configuration of the editor and make it upload to a specific location on your server or other remote servers
http://wiki.nicedit.com/w/page/515/Configuration%20Options

Opening HTML File with Eclipse

I'm using Eclipse IDE for Java Developers Version: Helios Service Release 1 and I want to open an HTML file to make changes, but it opens my .html file in my web browser instead of the HTML text editor I've used before. How do install a text editor to edit my HTML files in Eclipse?
You didnt't find it? Please be very clear about your question (Edit it, add more explanation)
Regarding the question I can guess you do not have WTP (Web Tools Platform) for Eclipse.
Find it here: http://www.eclipse.org/webtools/
If you ask me to be more clear about the answer, I would also ask you the same. :)
If you can't open the HTML file, try adding the Web Package. I forget it's name. It's in the Eclipse repo under Help > Install additional software.
Just right click on the HTML file you want to open and click on OPEN WITH and select web browser.

Is it possible to save changes in Firebug locally?

What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.