Running an HTML in Notepad++

Phoebe Jeebie · Mar 22, 2019, 9:54 AM

Im trying to run an HTML from notepad++ :

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

I’ve followed the instructions from my course outline.

Shits not working.

Plz. Send. Halp.

Meta Chuh · Mar 22, 2019, 10:19 AM

welcome to the notepad++ community, @Phoebe-Jeebie

if you want to run your html code:

save your code as choose_a_name.html to your desktop.
right click on your choose_a_name.html file on your desktop and choose your favourite browser from the open with context menu, e.g. internet explorer, chrome, edge or any other web browser you have.

your html code will now show up in your favourite web browser and the shit will work 😉

ps: this was successfully tested with your code:

<!DOCTYPE html>
<html>
	<head>
		<style>
			body {background-color: powderblue;}
			h1 {color: blue;}
			p {color: red;}
		</style>
	</head>
	<body>

		<h1>This is a heading</h1>
		<p>This is a paragraph.</p>

	</body>
</html>

Alan Kilborn · Mar 22, 2019, 1:30 PM

@Phoebe-Jeebie said:

from notepad++

@Meta-Chuh I’m surprised you (maybe) missed those 2 words

andrecool-68 · Mar 22, 2019, 1:22 PM

Edit your file shortcuts.xml

	<UserDefinedCommands>
		<Command name="Open Language Folder..." Ctrl="no" Alt="no" Shift="no" Key="0">&quot;Explorer&quot; &quot;$(NPP_DIRECTORY)\autoCompletion\&quot;</Command>
		<Command name="Open UDL Folder..." Ctrl="no" Alt="no" Shift="no" Key="0">&quot;Explorer&quot; &quot;$(NPP_DIRECTORY)\userDefineLangs\&quot;</Command>
		<Command name="Launch in IE" Ctrl="no" Alt="no" Shift="no" Key="0">iexplore &quot;$(FULL_CURRENT_PATH)&quot;</Command>
		<Command name="Launch in Chrome" Ctrl="no" Alt="no" Shift="no" Key="0">chrome &quot;$(FULL_CURRENT_PATH)&quot;</Command>
		<Command name="Get PHP help" Ctrl="no" Alt="no" Shift="no" Key="0">http://www.php.net/$(CURRENT_WORD)</Command>
		<Command name="Wikipedia Search" Ctrl="no" Alt="no" Shift="no" Key="0">https://en.wikipedia.org/wiki/Special:Search?search=$(CURRENT_WORD)</Command>
		<Command name="NppShell_add.vbs" Ctrl="no" Alt="no" Shift="no" Key="0">NppShell_add.vbs</Command>
		<Command name="NppShell_dell.vbs" Ctrl="no" Alt="no" Shift="no" Key="0">NppShell_dell.vbs</Command>
	</UserDefinedCommands>
	<PluginCommands />
	<ScintillaKeys />
</NotepadPlus>

andrecool-68 · Mar 22, 2019, 1:07 PM

Second option, right click on the file tab:

andrecool-68 · Mar 22, 2019, 1:12 PM

The third option to view the file:
Install …Preview HTML is a plug-in for Notepad++
https://fossil.2of4.net/npp_preview/home

andrecool-68 · Mar 22, 2019, 1:22 PM

@andrecool-68 said:

Edit your file shortcuts.xml

Select the browser to be launched in the Run menu

Meta Chuh · Mar 22, 2019, 1:31 PM

@Alan-Kilborn

it’s yours to decide, whether i’ve missed out those two words, or i’ve ignored them, judging that we do not have the o.p.'s instruction from the course outline, nor any debug information to know where the o.p.'s shortcuts.xml is located … not to think about predicting, but not knowing the o.p.'s capabilities of finding and modifying notepad++ internal files.

sure, we could make a 100 post forward-backward reply topic about that, if you’d enjoy another one, but is it worth it ?

Phoebe Jeebie · Mar 23, 2019, 1:45 AM

thanks guys, all fixed!
I just renamed the end of the file to ‘.html’
U_U
It was a stupid mistake. I’ve only been getting about 4hours sleep per night from starting my certificate.
Thank you for entertaining my basic need.

andrecool-68 · Mar 23, 2019, 8:22 AM

@Phoebe-Jeebie said:

thanks guys, all fixed!
I just renamed the end of the file to *.html

You need to select the desired syntax, and then it will be automatically saved in the desired file extension.