Difference between revisions of "Presage/User Guide/Document Management Screen/converting-doc-to-html"

From ISoft Wiki
Jump to: navigation, search
(Encoding and Embedding the images into HTML)
(Encoding and Embedding the images into HTML)
Line 20: Line 20:
 
==Encoding and Embedding the images into HTML==
 
==Encoding and Embedding the images into HTML==
  
   Open the .HTML file in the text editor of your choice. For this example, use '''Notepad'''.
+
   Encoding images to base64 can be a little tricky, so click '''[[Editing_Presage/User_Guide/Document_Management_Screen/Cornverting_doc_to_html|here]]'''
  [[Image:HTMLinNotePad.PNG|none|600px]]
+
   to see how.
 
 
 
 
  Next, find the code that shows where the image is:
 
  [[Image:HTMLinNotePad2.PNG|none|600px]]
 
  {{Tip|You can find this more easily by typing CTRL-F on your computer, this will bring up the "find" option in notepad. Type in '''src''' and the hit the '''Enter''' key. This will take you to the first instace of '''src''' which should be the image.}}
 
 
 
  After that: go to this link: [https://www.base64-image.de/| base64 encoder]
 
  Which should take you to a screen like this:
 
  [[Image:HTMLtoNotePad3.PNG|none|600px]]
 
 
 
  Drag the image you want to embed into the word document to the '''DRAG & DROP IMAGES ANYWHERE''' space.
 
 
 
  After the site finishes processing your image, click the '''</> Show code''' button.
 
 
 
  [[Image:HTMLtoUsable1.PNG|none|600px]]
 
 
 
  Click the '''Select all''' button above the '''Use for <img> elements''' option.
 
 
 
   [[Image:HTMLtoUsable2.PNG|none|600px]]
 
 
 
  Copy the selected text (There's a lot, the entire image has been converted to base64 data).
 
 
 
  Paste the text into the quoted space in the HTML file.
 
 
 
  [[Image:HTMLtoUsable3.PNG|none|600px]]
 
 
 
  [paste the base64 text into the area between the two quotes.
 
 
 
  [[Image:HTMLtoUsable4.PNG|none|600px]]
 
 
 
  Note: The hash is very long. This is ok. Just save and close the file.
 
  You can open the HTML file in a web browser to test if this worked, if the image displays, congrats! You have a properly encoded HTML
 
  file.
 

Revision as of 09:03, 24 June 2020

Let's say you have a file you want to upload in the Microsoft word format. To convert the document to an HTML file, follow these steps.

Exporting a word document to an HTML file

WordFileWithPopcorn.PNG
 In addition, from Microsoft word, you can export the word file as an HTML file.
WordToHTML2.PNG
 To do this, click the file button in the top left corner. From there you can click Export > Change File Type > Save As.
WordToHTML3.png
 Finally, after you click Save As, click Save as File Type and selecting the .html file tag.


 NOTE: at the moment exporting through word does not preserve the image as part of the HTML file, so the image will not show up in Presage. If you would 
 
 like the images to be embedded in your file so they show up in Presage mobile, feel free to email customer support and we will do this for you.
 If you would like to encode and embed the images yourself, follow the tutorial below:

Encoding and Embedding the images into HTML

 Encoding images to base64 can be a little tricky, so click here
 to see how.