HTML in InDesign

Hi,
I was wondering if anyone knows how to import HTML documents into inDesign and retain the same formatting from the CSS and also save the existing image tags. I know that you can export HTML but I haven't found a way to import it. If not, does anyone know of a good plugin somewhere that allows for this? I have been looking but have yet to find anything worthwhile.
Thanks!

I know pasting the information in could work, but its more or less a time consuming way with what I am trying to do. I am currently trying to take our books written in Adobe Framemaker, and get them converted to ePUB format for an ipad. The only problem I am running into is that initial conversion that I have to do to get the books from Framemaker to InDesign.The problem is the only InDesign supported formats from Framemaker are .pdf and .html. HTML seems to be the lesser of two evils but it tends to ruin a slight bit of the formatting (not alot, but enough to notice), while .pdf imports into InDesign as a single image per page, therefore it loses all my links. Replacing the links isn't that big of a deal I guess but when ure working with hundreds of pages and hundreds of books, It could be a lengthy process. I am just trying to find the lesser of the two evils for the conversions.

Similar Messages

Export Html in Indesign Cs5.5

Hi All,
How to export html using javascript in indesign cs 5.5?

How to trash prefs:
http://forums.adobe.com/thread/526990

What Are the Recommended Guidelines for Importing HTML into InDesign?

I would like to introduce an html document into an InDesign project - is that even possible?
I'm not an MS Word user, but am running Open Office, should that be required in addition to having the entirety of the Extended CS6 Design-Web suite.
Thank you very much for any replies.
Kind regards,
Kelly

Hi Petteri,
Thanks for answering.
The final format would be destined for the printer who would prefer the file to be from InDesign.
I'm aware of the quality differences between images intended for print and those for the web.
The short version of the idea is to take the tabular (i.e., ugly) data generated from one program and edit it into something more attractive while also making the folks at the print shop happy. WTides (or some other derived flavor of XTides) can generate plain text or html tables. The html can be templated so that there is a minimal amount of post editing required. The images in the html tags can be high resolution images of the various symbols; e.g., moon phases, etc.
Thank you again for any suggestions.
Kelly

Adobe needs to develop an api for communicating with HTML Overlays & Indesign Objects

I'm a front-end developer who has been assigned the task of developing one of our client's DPS every month. While I praise Adobe for saving a dying a industry and giving non-developers simple GUI controls, they need to develop an api for communicating from HTML Overlays to Indesign MSOs and other objects.
I've had to do some intense animations/pages; which I in turn simply developed all in HTML5 and did an overlay. The time put into those pages could have been greatly reduced if their was a proper API in place to trigger different MSO and events. Is anybody at Adobe working on this? As DPS matures, and more developers are tasked with making folios it's imperative we have a proper way way to develop.

We had a page for embedded movies in a lightbox; the client said customers were complaining that the folios were too large and took too long to download. So we switched to youtube streaming page, but they wanted a poster and autoplay enabled. If you have ever programmed with mobile video, you'll know devices are extremely difficult to manipulate.
I had to do an html overlay with a bunch of transparent divs for hotspots and buttons. If I could have told Indesign to move different objects layer orders or go to a different MSO it would have saved me hours.
Doesn't DPS support localstorage? Couldn't you guys whip up a little api to trigger events via localstorage?
Off topic, another request:
- enable the safari webkit inspector for debugging connected ipads with folios that have html overlays; you guys don't fully support HTML5 or certain js events and it's extremely annoying and difficult to debug.

How to export HTML from Indesign CS5

Hi there, I was trying to automaticly export a selection (frame for example) of my indesign active document in CS5 into an HTML file. I did that with CS5.5 and i was able to do :
activeDoc.pageItems.item(i).exportFile("HTML", htmlFile, false); -> works perfectly in CS5.5 and it only export my selection in html with all the linked asset in a directory, as i want !
But surprise ! in CS5 you don't have an HTML export option........you have a "export for Dreamwaver" option ! this is ok I mean whatever....but now how do i do that in my script ?
The customer works on CS5 obviosuly don't want 5.5 for now
TY for heling folks

I need some help please !
I tried on this path :
activeDoc.pageItems.item(i).select();
var myMenuAction:MenuAction = app.menuActions.item("Dreamweaver...");
myMenuAction.invoke();
but then you have to set the exportOptions...and all this automaticly and after trying it seems so complicated for what i intend to do....for the record in CS5.5 i do activeDoc.pageItems.item(i).exportFile("HTML", htmlFile, false); and it is exactly where i want to go...........
help request TY everyone

Exporting to HTML from InDesign CS4

I what may be an odd issue. I am working with InDesign to create client alerts for my firm. We send these out via email. Currently we are using a 3rd party application called ExactTarget for the mass-email, then creating the INDD file and exporting to PDF to post to the web as an attachment. We are converting to using the email campaign too in our new contact database, ContactEase. This requires creating the email body in HTML. It would save me a lot of work if we could export the INDD file to a PDF to post to the web AND to an HTML that can be used to send the email.
Unfortunately, when I use the "Export to Dreamweaver" function in INDD to create the HTML file, I get a very simplistic page that does not reflect my original layout. I have also tried selecting SWF as the type under "Export." In this instance, I get the file formatted well, but I can only see the first page. Has anyone else had experience exporting to HTML from INDD and retaining the formatting? Is there a step I am forgetting? Or perhaps an easier way to go about this? Id' really rather not have to create the page template in HTML and have to continue to basically creating the document twice (once for email and once for web).
Any direction/assistance is appreciated! Thank you in advance.

To get HTML exporting to work you have to style all the text and then recreate matching CSS styles in your HTML editor. When you export, the Advanced tab (CS3) lets you decide whether to create empty CSS declarations or link to an external CSS doc.
I use one paragraph style for all the text which exports as something like p.mytext, then use character styles for everything else, which get exported as something like span.myhead. The exported XHTML style section might look like this when you choose empty declarations:
p.mytext {}
span.bold {}
span.myhead {}
span.italic {}
span.link {}
span.smallcaps {}
span.subhead {}
Where you need to fill in the properties between the brackets like this:
p. mytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
span.bold {
font-weight: bold;
span.myhead {
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #C06000;
span.italic {
font-style: italic;
span.smallcaps {
letter-spacing: 3px;
font-size: 75%;
word-spacing: -2px;
color: #444444;
span.link {
text-decoration: none;
color: #CC9900;
span.subhead {
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
letter-spacing: 0.75px;
You have to have a reasonable grip on CSS in order to get it all to work.

CREATING HTML IN INDESIGN

hi,
if I make an InDesign page how do I make... for example... a box become a hyperlink and the export the page as html?
I can do this by saving the InDesign file as a jpeg etc opening in PhotoShop and then using the slice tool to create the hyperlink and then saving as html and images BUT I want to cut out PhotoShop and just do it in Indesign
cheers

Short answer...you don't.
InDesign is not an HTML authoring tool. Use Dreamweaver.
Bob

HTML File Import into InDesign - Reg.

Dear All
I want to import html files into Adobe indesign document...
But indesign does not support html files...Please give me ur Valuable suggestion.
(*) I can find one of the method is HTML->XML->InDesign
(*)Is it Possible to Load HTML File to InDesign?
(*)Is it possible to Import any otherway?
So Please anyone can give me the Solutions, and I am waiting for favourable answers...
Thanks & Regards
T.R.Harihara SudhaN

Dear Kvern and Sagpogov,
Many thanks for your suggestion.
Yah!. I have convert the HTML Document into XML document, using Find / Replace format.
Example :
<HTML> </HTML> is change to <?xml version="1.0"?><chapter>...</chapter>
likewise, all the tags are convert as per the HTML document into XML File.
Same as <img href="..."> also convert as <Figure ...> </Figure> Tag.
Table Tags
<Table...><TH><TR><TD>...</TD></TR></TH><TR><TD></TD></TR></Table>
as converted
<Table ...><thead><row><entry>... </entry></row></thead><tbody>...</tbody></Table>.
No Problem. Its working fine.
Thanks & Regards
T.R.Harihara SudhaN

How can I get text to appear over my placed or pasted images in InDesign CS6?

I am new to InDesign and am having a few issues. I have a basic template for a site that I have built in Illustrator. I have placed the design into an InDesign document (I have tried both copy/paste and the Place feature). When I try to use InDesign to overlay text on top of the image, it shows up fine whenever I export to an image file. However, when I export to HTML, the text gets pushed directly underneath the image in web browser (it's visible, but shows on white space below my desired template). Is there any way to fix this? I have already tried enabling "Ignore Text Wrap" on the text frame and the text itself is set to the front of the document. Thanks!
Message was edited by: pr1v1t813

InDesign is not a web authoring tool. If you’re expecting text to simply overlay a graphic in export HTML from InDesign you’re going to be highly disappointed.
I’ll make the assumption you know nothing about web authoring tools and HTML/CSS. I suggest you look into Muse.
Bob

Batch processing InDesign CS5 files

When I select either individual InDesign files or the entire folder to batch process to a pdf I get a message that says that the InDesign files can't be found or opened. It initially wanted to launch ID CS4 so I uninstalled that thinking that was the problem. Acrobat still will not batch create pdfs saying the application can not be found. I can create a pdf directly from the ID file but because I have llmost 300 ID files to convert I would really prefer to be able to batch create these pdfs. I am using Acrobat 9.0. Help!

To get a PDF, via Acrobat, from a non-PDF file format the file format must be supported.
Acrobat has various ways to take supported file formats and provide a PDF.
Looking at what is supported by PDFMaker
(http://helpx.adobe.com/acrobat/kb/compatible-web-browsers-pdfmaker-applications.html)
and at what is supported for direct file conversion
(http://helpx.adobe.com/acrobat/kb/supported-file-formats-acrobat-reader.html)
the InDesign file formats are not listed.
Based on this I'd say you are going to have to use InDesign's internal process to get PDF from the InD files.
Be well...

Problem Exporting HTML Website

I'm having a boring problem when i try exporting a html in Indesign.
It's messing the whole organization of the layout.
As u can see in the screenshots, the original ideia and the result goes completely messed.
No matter how simple i create the page, it aligns everything...

InDesign is not a web editor. Its Export to HTML5 does not "create" a web site, it's merely to *facilitate* converting existing content to something you can work on with a *real* web site editor.
That said: its limitations are known to 3rd party developers, and there are a few alternatives. You could try this, for example: http://ajarproductions.com/pages/products/in5/

When are InDesign and Dreamweaver going to be able to work together?

So here we are at CS6, and you STILL can not copy text out of InDesign, paste it into Dreamweaver, and have basic formatting carry over. I can copy text from InDesign and paste it into Microsoft Word, and the formatting gets retained. I can copy text out of Word and paste it into Dreamweaver, and the formatting gets retained. How many years are we going to wait for this basic productivity feature to exist between InDesign and Dreamweaver??

If you export to HTML from InDesign you don't get text with basic formatting tags on it. Try exporting a sentence of text with a word bolded in the middle of it, and this is what you get:
<p class="x01-text"><span class="char-style-override-1">this is some </span><span class="char-style-override-2">text </span><span class="char-style-override-1">here</span></p>
That's completely useless. It should look like this:
<p>this is some <b>text</b> here</p>
Plus, all you have to do in Dreamweaver is select "Text with structure and basic formatting" in the Copy/Paste preferences and you don't get all the junk when copying from Word. You get HTML that looks exactly what I enter above: just basic formatting.
PLUS, I don't want to have to create a temporary file for each bit of text I want to copy out of InDesign, then open that file in Dreamweaver and copy the text from there. I want to copy once, and paste once.

InDesign PDF Manual

I tried downloading the manual from the main InDesign Info page and the link seems to be malfunctioning. Can anyone point me to a good copy of the InDesign CC64 PDF Manual?
Thank you

@Ellis – look at the source code of the web page you are getting, if you chose the link Steve has posted in answer #1.
Here what I can see from Safari:
<html>
<head>
    <meta http-equiv="content-type" content="text/html">
    <title>InDesign CC manual (PDF 20 MB)</title>
</head>
<body style="overflow-y:hidden;margin:0 4px 0 0;">
    <iframe src='http://helpx.adobe.com/pdf/indesign_reference.pdf' width="100%" height="100%" />
    </body>
</html>
Don't know why the title in the head states 20 MB. The file size is about 9 MB. ;-)
I also had problems with that link and code in Firefox and Chrome on my MacBook.
Opened it in Safari. Safari stated that there are problems with my Acrobat Reader. Huh?
Then I looked at the source and took the link out of this iframe src tag.
No problem downloading that.
Uwe

Downgrade InDesign to CS6 from CC

I have Creative Cloud and upgraded to the CC version of InDesign. I deleted my CS6 version to save some space, but now realize that many of the plugins I used were still in development for CC. Is it possible to revert temporarily to CS6? Anyone know of a link to the trial install (MAC)?

Hello Romit
is this still work ( http://helpx.adobe.com/creative-cloud/kb/download-previous-versions-creative-applications. html) with inDesign CC End 2014?
Thank you
With best regards
Horst

I Am Looking for the InDesign CS4 for Mac 6.0.6 Release Notes

These aren't listed on the release notes page that the updater provided:
http://www.adobe.com/go/id6_readme_en
Which actually redirected to this URL:
http://www.adobe.com/support/documentation/en/indesign_incopy/releasenotes.html
And it stops at 6.0.5
Anyone find them somewhere?

The release notes are not yet updated on the general Release Notes page yet, they should be there by the end of the week. However, you can find them at the following locations:
Adobe InDesign CS5 7.0.3 Release Notes > http://kb2.adobe.com/cps/870/cpsid_87077.html
Adobe InDesign CS5 6.0.6 Release Notes > http://kb2.adobe.com/cps/871/cpsid_87110.html
Adobe InCopy CS5 7.0.3 Release Notes > http://kb2.adobe.com/cps/871/cpsid_87108.html
Adobe InCopy CS5 6.0.6 Release Notes > http://kb2.adobe.com/cps/871/cpsid_87111.html

HTML in InDesign

Similar Messages

Maybe you are looking for