Indesign Tutorial - How to Export Indesign file into HTML (Read the description please)

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 125

  • @junoisdrawing
    @junoisdrawing 3 года назад +11

    hi everyone! I see that some of you had the same problem I had: when trying to share the HTML file with other people, it does not load properly or even at all. To solve this issue, I sent a zipped/compressed folder (.zip) including the HTML file along with the .indd project (I'm not sure if this is necessary) and a folder that it creates automatically, containing images and other resources in the document (on my computer, its name is "[DocumentTitle]-web-resources"). Once I did this, the file loaded correctly on other computers! Hope it helps you guys :)

    • @HerrySucahya
      @HerrySucahya  3 года назад +2

      Thank you for the suggestion! I hope this will help others :)

    • @jorgemarcano7361
      @jorgemarcano7361 3 года назад +1

      How did you create the zip file?

    • @HerrySucahya
      @HerrySucahya  3 года назад +1

      @@jorgemarcano7361 In Windows, you can just right click the folder and there will be an option to create .zip file. I don't know about MacOS.

    • @ImSilverLau
      @ImSilverLau Год назад

      Thank you for the advise. Have a good day 😄

  • @alexandramaroney5870
    @alexandramaroney5870 Год назад +3

    This worked great! One thing that wasn't noted maybe it was obvious but I didn't notice so hoping it might help someone else, make sure you must select all the objects on the page before you hit "run script" in order to export all the objects correctly!

    • @ImSilverLau
      @ImSilverLau Год назад

      Thank you for the advise. Have a good day 😄

  • @HerrySucahya
    @HerrySucahya  4 года назад +2

    Important notice: If you visit the link in the description, it is clearly stated that the HTML file output from this script is "no way to automatically link the HTML pages together, no control over how the HTML is positioned and sized within the browser, and more." This could be the answer to some questions here on why the HTML file is unusable. I am no code or HTML-savvy guy at all either. Sorry for the inconvenience.

    • @Ajarproductions
      @Ajarproductions 3 года назад +1

      This type of scaling can be done with in5: ruclips.net/video/YLmfStjnqPs/видео.html
      Also, pages are automatically linked together. :-)

  • @mohammedelhadididi4612
    @mohammedelhadididi4612 4 года назад +3

    This tutorial is a treasure , thank you very much

  • @kirby1fan
    @kirby1fan 9 месяцев назад

    Thank you very much. This worked beautifully. Took so long to find something that actually works. AND it even works with my animated Gifs :)

  • @cthomasv
    @cthomasv 2 года назад +1

    WOW! That was pretty cool and it solved my issue with Indesign. Thank you!

  • @mohamedelghannam8024
    @mohamedelghannam8024 3 года назад +2

    Thanks, Herry for the Info
    unfortunately, massage came out from Adobe InDesign 2021
    Like this after exporting the file .jsx to InDesign
    JavaScript Error!
    Error Number: 25 Error String: Expected: }
    Engine: main File: /Users/mac/Library/Preferences/Adobe InDesign/Version 16.0ME/en_AE/Scripts/Scripts Panel/INDD to HTML.jsX Line: 10 Source: p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 14.0px; font: 12.0px Courier; color: #000000; -webkit-text-stroke: #000000} Offending Text: px
    any help on this

  • @gerganadimitrova775
    @gerganadimitrova775 19 часов назад

    wow thanks a lot!!!!! I love it!

  • @zoundtank
    @zoundtank 10 месяцев назад

    Pure gold! thanks a lot mate!

  • @BrigitteJames-w2q
    @BrigitteJames-w2q Год назад

    AMAZING. Than k you soooo much. That worked. Legend.

  • @JC3D
    @JC3D Год назад

    You're a genius Herry! Thanks!

  • @alanwilliams8622
    @alanwilliams8622 3 года назад +1

    Works absolutely fine on Mac - thanks

    • @HerrySucahya
      @HerrySucahya  3 года назад

      That is great.

    • @topboytrader847
      @topboytrader847 3 года назад

      Hi, I am also on Mac but struggling to code to scripts in Indesign. Any help would be appreciated

  • @joaopaulocelestino7134
    @joaopaulocelestino7134 Год назад

    Script works well, but i'm having a problem. When you run the script, it creates 3 folders, "css" "image" and "script". But I noticed that not all images are exported int he folder "image", causing the images on presentation to show up with really poor quality. Any way to solve it?

  • @jensbladt5498
    @jensbladt5498 Год назад

    Thank You Herry. his works nicly, but ---- only sone page. If I have several pages in my Indesign file - what can I do then, please?

  • @duyminhnguyen696
    @duyminhnguyen696 4 года назад +2

    Thank you. Your tutorial is an effective one.

  • @StudioJonesDesign
    @StudioJonesDesign 2 года назад

    Just what I was looking for, thanks!

  • @daledean2
    @daledean2 3 года назад +1

    Using macOS Catalina and I cant find where the file is saving. It says it is but where?

    • @tim-hill
      @tim-hill Год назад

      Did you figure this out? I'm having the same issue.

  • @whpss3954
    @whpss3954 2 года назад

    This was very helpful! Thank you so much

  • @spaceape9606
    @spaceape9606 2 года назад

    Nice one buddy - helped me with a client.

  • @rogerngu830
    @rogerngu830 4 года назад

    Thanks Herry! This is almost a life saver. Appreciate you sharing this.

  • @VaanSilva
    @VaanSilva 10 месяцев назад

    Thanks bro! You are amazing

  • @lukespreadborough6726
    @lukespreadborough6726 3 года назад

    Absolute legend, worked perfectly!

  • @bondifamilyvideos8140
    @bondifamilyvideos8140 Год назад

    How do you center the entire HTML? I am creating a newsletter, and everything is showing up left, instead of centered. Any help would be great!

  • @julianzenker6679
    @julianzenker6679 Год назад

    Thats insane. Thanks a lot!

  • @michaelbassett7896
    @michaelbassett7896 9 месяцев назад

    This is super. Only issue each page is a separate HTML. Anyway to export all pages as one html?

  • @madcrazii88
    @madcrazii88 5 месяцев назад

    this script exports each page as a single html...how do I fix this so my whole document is one html file??

  • @zsaricata
    @zsaricata 4 года назад +1

    Thank you!!! Your tutorial just saved me

  • @linemast2291
    @linemast2291 Год назад

    Hi. This worked amazingly - thanks so much! I would like to be able to put the same html into an Outlook email though. Is that possible? 😬😬😬😬

  • @vijeshmyppan450
    @vijeshmyppan450 3 года назад

    Thanks Herry...Its Amazing

  • @CristinaDalmasso
    @CristinaDalmasso Год назад

    I love you! Thanks

  • @laviniawinter702
    @laviniawinter702 4 года назад +1

    The tutorial is brilliant and it did exactly what it said it would do when opening the HTML file into firefox as everything is positioned just right. But now I have a question and I am probably just having a senior moment. How do I then use the HTML file? I thought that I would be able to copy it into the HTML editor of the free wordpress page but it doesnt work, just a whole lot of error messages pop up. Any suggestions

    • @HerrySucahya
      @HerrySucahya  4 года назад

      Thanks for the feedback. Unfortunately, I haven't tried that out. I will inform you soon once I did it.

  • @aliveriyillustrations
    @aliveriyillustrations 3 года назад

    Thank you for this it worked!

  • @brendaepp6190
    @brendaepp6190 4 года назад

    I keep getting a Syntax Error 8 when trying on Mac. InDesign was updated yesterday. Could this be the problem?

  • @alexcavannainc
    @alexcavannainc 4 года назад +2

    Fantastic tutorial! Works great! I do have a question however, how would i go about sharing the html file? I can open it just fine when selecting it from the folder, however when I email the html file, it doesn't load correctly. Any suggestions or idea why this might be happening?

    • @albiewillsmer6223
      @albiewillsmer6223 4 года назад +1

      I was just about to ask the same thing. Would be great if someone could help

    • @junoisdrawing
      @junoisdrawing 3 года назад +1

      this may be a little late but here's how I did it: I sent a zipped/compressed folder (.zip) including the HTML file along with the .indd project (I'm not sure if this is necessary) and a folder that it creates automatically, containing images and other resources in the document (on my computer, its name is "[DocumentTitle]-web-resources"). Once I did this, the file loaded correctly on other computers! Hope it helps you guys :)

  • @tim-hill
    @tim-hill Год назад

    On Macs the html file is saved in the same place your InDesign file is saved. I see this question a lot and had to figure it out myself.

  • @WallsInMotion
    @WallsInMotion 4 года назад

    Sehr gut! Besten Dank...

  • @Ihorworks
    @Ihorworks 4 года назад +1

    Thank you so much!!!

  • @amberriley961
    @amberriley961 2 года назад

    thank you so so so so so so much!

  • @asifpadwekar4844
    @asifpadwekar4844 2 года назад

    Thank YOu ...... YOu saved my time

  • @felicerizzitano6050
    @felicerizzitano6050 2 года назад

    Does anyone know what Javascript error number 55 is? Message states Object does not support the property of method htmlFXLExportPrefrences

    • @gijsjoep1
      @gijsjoep1 Год назад

      I am having the same issue, any chance you found out how to solve it?

  • @ΠαρασκευήΔάνου
    @ΠαρασκευήΔάνου 2 года назад

    for Mac?

  • @alessandrasignorotto5345
    @alessandrasignorotto5345 3 года назад +1

    Hi, thanks for the tutorial. It works. One question: is there any way to create a multi-page HTML document from an Indesign with interactivity that remain functional and connected to each other ?.

  • @guilhermep8414
    @guilhermep8414 Год назад +1

    It didn't work for me :(

  • @lenkabrozkova94
    @lenkabrozkova94 3 года назад

    Thank you! It works great! I just have one question. When I try to send html files to another comuputer, I can´t open them properly, graphic is broken.

    • @lauradawaf3546
      @lauradawaf3546 3 года назад

      The JS error is number 90938 and the error string states that "unsaved documents have no full name"

  • @leonmeier5866
    @leonmeier5866 4 года назад

    awesome dude

  • @heytaycricket7529
    @heytaycricket7529 4 года назад +1

    is this script will work on indesign cc2015?

    • @HerrySucahya
      @HerrySucahya  4 года назад

      I am not sure, I only use it in Indesign CC2020. Try it out first.

  • @fatty423
    @fatty423 4 года назад +1

    Thank you!

  • @rush2004
    @rush2004 2 года назад

    Good trick - can we make the html responsive using this method?

  • @insommmniatic
    @insommmniatic 4 года назад

    Thanks! Saved my nerves! :)

    • @HerrySucahya
      @HerrySucahya  4 года назад

      You're welcome. But please take note that the HTML file is unusable to be linked with other HTML pages.

  • @kellykoz2437
    @kellykoz2437 3 года назад

    Amazing!

  • @lauradawaf3546
    @lauradawaf3546 3 года назад +1

    Thanks for posting this - super helpful. I'm using macOS Big Sur and I'm getting the following error when I try to run the script: JavaScript Error! Error Number: 90938. Error String: Unsaved documents have no full name.

    • @HerrySucahya
      @HerrySucahya  3 года назад

      Well, I am not using Mac OS, but I think the process should be the same. Make sure the extension of the javascript file is correct and copied in the correct Indesign Script folder.

    • @Ajarproductions
      @Ajarproductions 3 года назад

      You probably have to save the InDesign document first.

    • @erichensel2721
      @erichensel2721 2 года назад +1

      @@Ajarproductions That was it!

    • @Ajarproductions
      @Ajarproductions 2 года назад

      @@erichensel2721 👍

  • @oraclemedia9266
    @oraclemedia9266 2 года назад

    After I have had successfully tested the process u showed the second time it did not work. Did I miss something?

  • @revistaamericandream
    @revistaamericandream Год назад

    I tried it, and it creates one page at a time. Like Cover, page 1, and so on. Is there a way to make it work all in one file? In5 creates it, but you need to pay for it. Not a good deal, since the job is done.

    • @MapSpawn
      @MapSpawn Год назад

      did you find the answer? I have the same question

  • @ObServer_Croatia
    @ObServer_Croatia Год назад

    god bless you

  • @rush2004
    @rush2004 2 года назад

    Thanks

  • @Gizmo_Hub_Tech
    @Gizmo_Hub_Tech 3 года назад

    Bro how to find two paragraph styles in single find

    • @HerrySucahya
      @HerrySucahya  3 года назад

      I am not sure if we can find two paragraph style in one search in current latest InDesign, or perhaps with GREP or Script can but I'm never tried it and never search two paragraph styles at once.

  • @alexandrasalas1198
    @alexandrasalas1198 3 года назад

    Does it work if I want to create a email signature for Outlook?

    • @HerrySucahya
      @HerrySucahya  3 года назад

      I am not sure it will work

    • @Ajarproductions
      @Ajarproductions 3 года назад

      No, this is not a good way to create an email signature. It uses absolute CSS positioning, which is not supported in email clients. Better to use a simple HTML editor and tables for positioning (with no visible borders).

  • @florianrobert8904
    @florianrobert8904 3 года назад

    Hi, you have already helped me a lot. But I still have a little problem.
    I'm on Mac (macOS Big Sur), I downloaded the script you gave on : @t. Everything works fine, but the URL links don't work. Do you think this might come from the script ?
    Regards.

    • @HerrySucahya
      @HerrySucahya  3 года назад +1

      Sorry for the inconvenience. Unfortunately, that is everyone's problem; the html file is unusable to be linked. See other comments for tips.

    • @florianrobert8904
      @florianrobert8904 3 года назад

      @@HerrySucahya Thank you !

  • @ztmohsnap
    @ztmohsnap 2 года назад

    How do you do this with a Mac?

    • @lonmesina8646
      @lonmesina8646 2 года назад

      Same procedure but use TextEdit instead of notepad

  • @trafuslol7047
    @trafuslol7047 4 года назад

    good tuto

  • @chammisenani5358
    @chammisenani5358 3 года назад

    great...

  • @chammisenani5358
    @chammisenani5358 3 года назад

    Think HTML link working on my pc only. do you know why it is happening? file:///C:/Users/CHAMA%20COMPUTERS/Desktop/checking.html

    • @HerrySucahya
      @HerrySucahya  3 года назад

      Yes unfortunately that's actually the problem, you can read one of recommendation in the comments. Hope it helps.

  • @pacorichaud8234
    @pacorichaud8234 4 года назад

    Not working in mac

    • @HerrySucahya
      @HerrySucahya  4 года назад

      Sorry to hear that. I don't have Mac so I didn't test it there. But the original article (the link in the description) tried that out in Mac, it should be working.

  • @oscardriver
    @oscardriver 3 года назад

    It works on Mac .. but aligned to the right and there's no way to edit on Dreamweaver. Thanks still!

    • @HerrySucahya
      @HerrySucahya  3 года назад

      You're welcome! This is actually unable to edit in any HTML editor. Sorry for the inconvenience.

  • @polstery6789
    @polstery6789 3 года назад

    doesnt work on mac

    • @lonmesina8646
      @lonmesina8646 2 года назад

      it works on mine Same procedure but use TextEdit instead of notepad

  • @ozgurcatal95
    @ozgurcatal95 3 года назад

    Its not work on 2021 indesign

    • @HerrySucahya
      @HerrySucahya  3 года назад

      That's too bad, I haven't tried that in cc2021.

    • @r65a11
      @r65a11 2 года назад

      @@HerrySucahya works just fine on Indesign 2022.

  • @Niebieskoka
    @Niebieskoka Год назад

    Didn't work :

  • @ivakeke1138
    @ivakeke1138 4 года назад

    It doesnt work on ma CS6, but thanks anyway

    • @HerrySucahya
      @HerrySucahya  4 года назад

      That's too bad, I only tried it in CC 2020 though.

  • @tacolai
    @tacolai 2 года назад

    Hi everyone, please give the advice to fix the following problem when running the script on my InDesign 2020 in the mac version. Thanks
    Indesign call the Full name on LIne 18 (Error Number: 90938) : var myDocName = decodeURI(myDoc.fullName);

  • @addisonmaly2081
    @addisonmaly2081 3 года назад

    On Mac I cant save the script because it says " / cant go there" and stuff like that; cant get it work.

  • @chabaxan
    @chabaxan 3 года назад

    Thank you so much!

  • @camipellegrini
    @camipellegrini 2 года назад

    thank you so much!

  • @teriyun4699
    @teriyun4699 3 года назад

    Thanks much!

  • @sweetlikecinnamon
    @sweetlikecinnamon 3 года назад

    hey for some reason it won't run the scrip its always giving me a failure message...
    do you know how to fix that?

    • @HerrySucahya
      @HerrySucahya  3 года назад

      what is the failure message says? Perhaps you are on MacOS?

    • @qianjiang8313
      @qianjiang8313 3 года назад

      @@HerrySucahya me too appear the same issue, was saying Syntax Error 8

  • @mickeyromeo
    @mickeyromeo 2 года назад

    thanks

  • @nosbor2711
    @nosbor2711 3 года назад

    Thank you!

  • @ParmesanGuy
    @ParmesanGuy Год назад

    Thank you very much!