When I type my code in VSCode, it ends up looking like below in Google Chrome. Why would it be doing that?
I tried fixing my code and I expected it to come out looking cleaner in the browser. It actually just brought over all of the code.
When loading local files, browsers use the file extension to determine how to process the file.
Since your file doesn't have one, it treats it as plain text.
Rename it so it ends in .html.
From the URL, it is clear that you've not saved your file with .html extension. That is why it is showing up as text instead of a web page.
Save the file with name Mywebsite.html and try again. Hope this helps!
I am compiling one chm file with set of html files. In one html file i am using iframe tag and viewing text file throught 'src' attribute. I am able to see the contents of text file inside iframe when opening that HTML file in a browser. But when viewing that file in a chm file i don't see text file content. It is showing 'This page can’t be displayed' error in iframe.
This is the tag i'm using:
<iframe src="./mytextfile.txt" style="width: 100%; height: 300px;border:none"></iframe>
Is there anything to add to view that file. Please help me.
As you can see - your problem is reproducible (here on a German Windows10 machine).
You must ensure that the text file is either in the same directory as the project (.hhp) file or in a subdirectory of that directory.
You also have to add the *.txt file extension or filename to the [FILES] list in the .hhp file, as this ensures that the text file will be compiled into the .chm file. Best way is to do this by a text editor like shown below:
Save the *.hhp file and compile all content to your *.chm file.
Done!
BTW - here are some hints to another problem may be targeted:
Microsoft introduced some security restrictions many years ago that disable functionality in HTML Help files that are accessed over a network, so what you're seeing is almost certainly by design. There are two possible solutions: move the help file to your local drive, or implement some changes in the Windows registry so that you can view the contents of remote help files.
Microsoft's summary of the problem: http://support.microsoft.com/kb/896054
You may try following workaround that lets you explicitly 'unblock' a CHM help file coming from a network drive or internet download. To do this:
Open Windows Explorer
Find your CHM file
Right click and select Propertie
Click the Unblock button on the General tab
For information on how to make the registry changes, see this page:
http://www.grainge.org/pages/authoring/chm_mspatch/896358.htm
Or more straightforwardly, use the free HHReg utility available from the page below to make the required changes.
http://www.ec-software.com/products_hhreg.html
I'm currently setting up doxygen to use for generating my project's documentation. I've included a few custom pages which include html code.
These html files use custom .css stylesheets for their backgrounds - which work fine in web browsers. In the doxygen output .chm file, all the text and images appear in their correct places (and use the correct font and sizes) - however the background image does not display.
Does Doxygen support background images - and if so do I have to change any settings to display the images?
Thank you.
I solved my issue, here's how I did it:
The reason for doing all of these steps is because doxygen doesn't have a very obvious way of including images from .css files.
To compile the extra pages in .chm format:
Use doxygen to update the code changes to .chm format as normal.
Run a tool called "Keytools" (It's freeware: http://www.grainge.org/pages/authoring/reverse_engineering/KeyToolsSetup.zip )
Decompile the .chm to give a .hhp format.
Open the .hhp file in Microsoft's HTML Help program.
Import the contents folder in the Contents section.
Add all of the images used in the documentation .css file to the Project as Topic Files.
Add the html pages to the contents page.
Compile the .chm file.
I have issues with my Adobe Dreamweaver CS6 (and CC) to support TWIG files. I tried some of the tutorials found on Google saying I need that extension in settings and also edit one of dreamweaver configuration files. But It didn't worked.
The only thing I did, is that Dreamweaver is able to open *.twig files, but it is opening them as a plain text, when it should do HTML5 markup highlighting.
Maybe someone knows the tutorial/required actions to make it work?
As an addition question I will ask how to make in Notepad++ to understand *.twig file type on the first open, so I don't need to choose 'programing language' from Menu each time I open *.twig file.
To be more clear.
I followed instructions from:
http://helpx.adobe.com/dreamweaver/kb/change-add-recognized-file-extensions.html
I edited both files (one in Program Files, and the second in Users folder), and it still not highlights the "abc.html.twig" file. Displays as plain.
I was just having this issue, with CS6 (following Adobe's site). Make sure to have Dreamweaver turned off.
Edit:
C:\Users\\[username]\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\Extensions.txt
Find:
HTM,HTML,...,SVG:All Documents
HTM,HTML,HTA,HTC,XHTML:HTML Documents
Change to:
HTM,HTML,...,SVG,TWIG:All Documents
HTM,HTML,HTA,HTC,XHTML,TWIG:HTML Documents
Turns out that there is a second MMDocumentTypes.xml in:
C:\Users\\[username]\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\DocumentTypes\MMDocumentTypes.xml
and
C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\DocumentTypes\MMDocumentTypes.xml
Edit both these files and change this line in both:
<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi" file="Default.html" writebyteordermark="false" mimetype="text/html">
to
<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml,twig" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi,twig" file="Default.html" writebyteordermark="false" mimetype="text/html">
Open up a twig file with Dreamweaver and it should now show HTML highlighting within your twig files!
Hope this helps!
I had to write some documentation. I wrote each page in MS Word and then save each *.docx as htm file. I'm using "HTML Help Workshop" (from microsoft) to compile a chm file.
I was able to sucessfully create a chm file but the problem is that not all images in chm file are displayed. I tried decompiling the *.chm file into another folder and opened each .htm file in web browser. All images are correctly displayed.
Then why aren't they displayed in chm file. Strangely, only some of them aren't displayed. I checked if image format is causing problem, but all images are of same format. I checked if file naming is a problem, but all images are named like image[001-100].jpg in their corresponding folders.
Any idea about whats going wrong?
HTML Help Workshop (HHW) is known to have problems with the HTML generated by Word (or better put: Word generates terrible HTML). Some versions put VML coding around the IMG tags that HHW cannot handle.
Possible solutions:
In Word: Deselect the option 'Rely on VML for displaying graphics in browsers' (Tools > Options > General > Web Options)
In Word: Save as 'filtered HTML'.
In HHW: Manually add the images to the project's [FILES] section.
Let me know if any of this helps.
More information can be found in the HTML Help 1.X FAQ