Learn how to import an EPUB file that has been exported using Adobe InDesign and has animations or interactivity.

Issue

Adobe InDesign exports its chapters using case-sensitive HTML attributes. For example, you may see an HTML tag that has an attribute looking like 

data-idGenAnimationEndState="_idGenAnimationEnd-3"

The attribute label (data-idGenAnimationEndState) as you can see is not lowercase but contains a mix of upper and lower case characters. This is a violation of XHTML, as all tags and attributes in XHTML are case-insensitive, and hence will be dealt with as lowercase characters. When the EPUB is opened or imported into Kotobee Author, the editor automatically converts the tags and attributes into lowercase.

Solution

Adobe InDesign's javascript file (idGeneratedScript.js) should be replaced with a special version created by us. 

  1. Download the replacement file from https://www.kotobee.com/files/fixes/idGeneratedScript.zip
  2. Extract the zip file. 
  3. Open the File Manager in Kotobee Author.
  4. Go to EPUB/xhtml/epub[few random digits]/OEBPS/script. For example, the third folder may be titled epub2739.
  5. Replace the existing idGeneratedScript.js file in Adobe InDesign's JS folder with the new one.

You will only need to do this once for each project file.