Topics

Text in SVG images not searchable in DITA-OT 3.x HTML5 output

Dan Vint
 

I found a similar problem with external links in an svg. Standalone the svg worked in the browser but referenced from the html generated the links didn't  work. In my case using a svgref element corrected the problem. I wanted to keep 2 separate files.



Sent from my Verizon, Samsung Galaxy smartphone


-------- Original message --------
From: Radu Coravu <radu_coravu@...>
Date: 6/16/20 2:52 AM (GMT-08:00)
To: main@dita-users.groups.io, dita-users@groups.io
Subject: Re: [dita-users] Text in SVG images not searchable in DITA-OT 3.x HTML5 output

Hi Yves,

You can try pasting the SVG content directly inside the DITA topic
inside an svg-container element, this should generate an HTML file
containing the embedded SVG, I think the browser will be able to allow
searching inside it if you do so.
If you are referring to the SVG using the DITA <image> tag it probably
needs to be published embedded inside the HTML instead of referenced
using <img src>.
A while back I created a plugin for this:

https://github.com/oxygenxml/dita-embed-html-mathml-svg

Regards,
Radu

Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com

On 6/16/2020 12:43 PM, Yves Barbion wrote:
> Hi group
>
> I've got SVG images which contain text. If I just open the SVG in one of
> my browsers (Chrome, Firefox, Edge), the text is searchable. If I put
> the images in a DITA topic and generate HTML5 output with the DITA-OT
> 3.x, the text is no longer searchable.
>
> Any idea why this happens and how it can be fixed?
>
> Thanks
>
> Yves
>





Yves Barbion
 

Hi Radu

Your plugin works (of course! ;-) ). Thank you very much.

Kind regards

Yves

On Tue, 16 Jun 2020 at 11:52, Radu Coravu <radu_coravu@...> wrote:
Hi Yves,

You can try pasting the SVG content directly inside the DITA topic
inside an svg-container element, this should generate an HTML file
containing the embedded SVG, I think the browser will be able to allow
searching inside it if you do so.
If you are referring to the SVG using the DITA <image> tag it probably
needs to be published embedded inside the HTML instead of referenced
using <img src>.
A while back I created a plugin for this:

https://github.com/oxygenxml/dita-embed-html-mathml-svg

Regards,
Radu

Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com

On 6/16/2020 12:43 PM, Yves Barbion wrote:
> Hi group
>
> I've got SVG images which contain text. If I just open the SVG in one of
> my browsers (Chrome, Firefox, Edge), the text is searchable. If I put
> the images in a DITA topic and generate HTML5 output with the DITA-OT
> 3.x, the text is no longer searchable.
>
> Any idea why this happens and how it can be fixed?
>
> Thanks
>
> Yves
>





Radu Coravu
 

Hi Yves,

You can try pasting the SVG content directly inside the DITA topic inside an svg-container element, this should generate an HTML file containing the embedded SVG, I think the browser will be able to allow searching inside it if you do so.
If you are referring to the SVG using the DITA <image> tag it probably needs to be published embedded inside the HTML instead of referenced using <img src>.
A while back I created a plugin for this:

https://github.com/oxygenxml/dita-embed-html-mathml-svg

Regards,
Radu

Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com

On 6/16/2020 12:43 PM, Yves Barbion wrote:
Hi group
I've got SVG images which contain text. If I just open the SVG in one of my browsers (Chrome, Firefox, Edge), the text is searchable. If I put the images in a DITA topic and generate HTML5 output with the DITA-OT 3.x, the text is no longer searchable.
Any idea why this happens and how it can be fixed?
Thanks
Yves

David H
 

Hi Yves,

Is it possible that something in the pipeline creates a raster image preview, or even converts SVG to a raster image?

What's the current browser support for SVG images? Do they all support it?

HTH,
David


Hi group

I've got SVG images which contain text. If I just open the SVG in one of my browsers (Chrome, Firefox, Edge), the text is searchable. If I put the images in a DITA topic and generate HTML5 output with the DITA-OT 3.x, the text is no longer searchable.

Any idea why this happens and how it can be fixed?

Thanks

Yves

Yves Barbion
 

Hi group

I've got SVG images which contain text. If I just open the SVG in one of my browsers (Chrome, Firefox, Edge), the text is searchable. If I put the images in a DITA topic and generate HTML5 output with the DITA-OT 3.x, the text is no longer searchable.

Any idea why this happens and how it can be fixed?

Thanks

Yves