Plugin to insert and wrap an image with SVG

[DNSB]

Originally Posted by CalibUser

@RbnJrg: I think your suggestion would need a different plugin; it is relatively easy to insert a new page in an ePub using Sigil, but I think your suggestion would require the ePub to be unzipped so that an existing page could be modified to incorporate the svg wrapper and then zipped up again.

Given that Sigil already needs to unzip and rezip the html/xhtml files to edit them?. It is not as if @RbnJrg was asking Sigil to insert the image into a random unopened for editing epub. Hmm... I don't think he was asking for that capability...

[RbnJrg]

Originally Posted by CalibUser

@RbnJrg: I think your suggestion would need a different plugin; it is relatively easy to insert a new page in an ePub using Sigil, but I think your suggestion would require the ePub to be unzipped so that an existing page could be modified to incorporate the svg wrapper and then zipped up again.

Many thanks for your answer. I think I did not explain myself very well. I have this .xhtml page:



As you can see, there are two paragraphs of text. And between them, I want to add a svg wrapper, so the output would be something as:



What I'm seeking is that the wrapper is inserted where I have the cursor, not in a new .xhtml page; in the example I would have the cursor here:



Can your plugin do something so?

[KevinH]

Cursor position is not passed to any plugin. So the only possibilities is for any plugin to do this would be:

1. The Plugin will add image file to epub and copy the required svg and any xhtml pieces needed to your clipboard, so that the user can just paste it once the plugin returns.

or

2. The user adds a unique placeholder to tell the plugin where you want the svg to be inserted. Something like:

<!-- PLUGIN INSERT SVG HERE -->

You could create a clip to insert that easily anyplace you want

Then the plugin would have to be modified to look for that placeholder and replace it with the required svg.



Either of these approaches could work to accomplish what you want but this up to the plugin dev if to implement if they want.

[RbnJrg]

Originally Posted by KevinH

Cursor position is not passed to any plugin. So the only possibilities is for any plugin to do this would be:

1. The Plugin will add image file to epub and copy the required svg and any xhtml pieces needed to your clipboard, so that the user can just paste it once the plugin returns.

or

2. The user adds a unique placeholder to tell the plugin where you want the svg to be inserted. Something like:

<!-- PLUGIN INSERT SVG HERE -->

You could create a clip to insert that easily anyplace you want

Then the plugin would have to be modified to look for that placeholder and replace it with the required svg.



Either of these approaches could work to accomplish what you want but this up to the plugin dev if to implement if they want.

Thanks Kevin. Any of those possibilities are ok to me; perhaps, the first alternative is easier to implement. In fact, so far what I'm doing is to let the plugin create a new .xhtml sheet with the svg wrapper, to copy it, to paste it in the place where I want it to be, and finally to delete the sheet created by the plugin.

[AlanHK]

Originally Posted by RbnJrg

option to insert the svg wrapper not in a new .xhtml file but in the page (file)

What I do is create an SVG file and then copy the code between the divs, paste to the file where I want to put the illustration; then delete the original SVG file.

I add a class to the div wrapper:
div.breakavoid {page-break-inside: avoid;}

Or for smaller images you could use one with margins, to separate it from text, or size it.

PS -- I see from later posts you already worked that out, but leaving this as the div styling might be useful.

[CalibUser]

@RbnJrg: I have updated the plugin to paste an image with svg tags into an ePub, following the suggestion by KevinH.

You can apply a div class to the wrapper, if required, as suggested by AlanHK.

[RbnJrg]

Originally Posted by CalibUser

@RbnJrg: I have updated the plugin to paste an image with svg tags into an ePub, following the suggestion by KevinH.

You can apply a div class to the wrapper, if required, as suggested by AlanHK.

Thank you very much CalibUser!