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!

[Acopdegarrotix]

I'm getting this error when trying to run this plugin under Sigil 1.9.2 (Windows x64).

I checked some versions back and I've found out that the last version working was 1.8.0.

Tank you very much in advance.

Ernest

[Doitsu]

If you don't want to wait for the official update, edit plugin.py with a text editor and change line #46 from

import tkinter.ttk as tkinter_ttk	#Needed for ttk. commands

to:

import tkinter.ttk as ttk	#Needed for ttk. commands

[Acopdegarrotix]

Thank you very much, Doitsu! It worked OK.

[CalibUser]

@Doitsu: Thanks for sharing this solution with the Sigil community.

I have updated the plugin in the first post of this thread.

[mona123]

First thanks for great plugin. I am trying to convert my old .jpg comics to epub format so I can read them on my Kobo. Had a aproblem with fullpage view of .jpg files which this plugin solved. My problem now is that I can insert only one .jpg file at time. Is possible to insert multiple files at once (I need to insert 100 pcs for one comic). Thanks in advance.

[Turtle91]

Welcome to MR!

That functionality is already available...you just need to do a little manual work first

- Add all the images to Sigil using "Add Existing Files"...hopefully you have them named appropriately so they show up in the proper order: eg. img-001, img-002, etc.

- Run the plugin - you should see all your images in the select image window

- Select the first image in 'Select image'
- Select 'At the end' in 'Select position' dropdown
- push the 'Insert' Button (nothing will happen! It's OK)
- Select the next Image in 'Select image'
- push the 'Insert' Button (nothing will happen! It's OK)
- repeat the previous two steps until you are done with the images you want to insert
- push 'Close' button when done

All the images will be inserted: 1 per-page

I'm not sure if there is an upper limit to how many images you can do at once...I'd probably do 10 at a time to begin with....

[Doitsu]

Originally Posted by mona123

First thanks for great plugin. I am trying to convert my old .jpg comics to epub format so I can read them on my Kobo.

AFAIK, if all images are sequentially numbered, you could simply zip up the image folder, change the file extension to .cbz and convert it to an .epub file with Calibre.

[RbnJrg]

By the way, in Sigil 1.9.20 under Arch Linux, the plugin is not working any more; the insertion can't be completed, the dialog is showed but does nothing.