nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Missing images after conversion Html to Pdf

zxdev777

Hi all,

I have defined rule, which automatically convert html files to pdf.

In converted PDFs there are just blank rectangles instead of images.

Is this known issue or what is missing on our side ?

Thanks

Find more posts tagged with

Alfresco Content Services

Accepted answers

zxdev777

Here is configuration added to share config custom xml:

<config evaluator="node-type" condition="cm:content">
   <forms>
      <form id="doclib-inline-edit">
         <field-visibility>
            <show id="cm:name" />
            <show id="cm:content" force="true" />
            <show id="cm:title" force="true" />
            <show id="cm:description" force="true" />
         </field-visibility>
         <appearance>
            <field id="cm:name">
               <control>
                  <control-param name="maxLength">255</control-param>
               </control>
            </field>
            <field id="cm:title">
               <control template="/org/alfresco/components/form/controls/textfield.ftl" />
            </field>
            <field id="cm:content" label-id="">
               <control>
                  <control-param name="editorHeight">650</control-param>
                  <control-param name="editorWidth">780</control-param>
                  <control-param name="editorAppearance">custom</control-param>
                  <control-param name="forceEditor">true</control-param>
                  <control-param name="editorParameters">
                     paste_data_images: true
                  </control-param>
              </control>
            </field>
         </appearance>
      </form>
   </forms>
</config>

All comments

zxdev777

I found out that it works if you specify source of image in format of base64

src = data:image/png;base64,iVBORw ...

The problem is that inline editing remove it 😕

mehe

Hi ZZ, I can remember there were several projects to improve HTML2pdf conversion. One used wkhtml2pdf and was hosted on github. Searching for wkhtml2pdf and Alfresco should be successful.

zxdev777

Hi Martin,

Thanks for tip. I successfully configured wkhtml2pdf as transformer from html to pdf, but utility still does not work as I expected.

Can I find somewhere in documentation how to link images properly in html files ? It seems there is problem with permission / visibility of images.

Both "Html -> Pdf" transformers - wkhtml and openoffice works fine if image is public visible or directly base64 encoded in html.

From my point of view the best would be to fix tinymce editor and include image as base64 encoded - all data is available for transformer.

Does anybody know why after click "Edit in Alfresco share" images with src="data:image/png;base64 ..." are removed from content and images with src="http:// .." not?

Thanks

mehe

Hi Z Z,

if you want external images referenced by <img src="Http://..." your image-url has to be resolvable during the conversion process.

If you put your image, for example on a web server in your local Network and this image is "visible" for the alfresco server during conversion, the image will be embedded in the pdf document.

Lets say you put your image myimg.png on the local web server with ip 192.168.168.168 in the htmlroot/img directory, the image should be referencable by the source-Url src="http://192.168.168.168/img/myimg.png" (if not sure, try to view or wget it on your alfresco server).

I'm not quite sure if it is possible to use an inline image with a data "url", but I can look into this if you need...

PS: src url with local web-server works, tried it with Alfresco Community 5.2

regards, Martin