Understanding the div levels in Sigil

RSoldin · 01-03-2019, 09:09 AM

I was wondering if there is a way to show the <div> levels in the code view of Sigil? If you have numerous div level in your code due to floats, boxes, etc. is there a way to see where a <div> starts and it </div> ends? Maybe a script or addition for Sigil to enhance the code view so when you set your cursor in a <div> it can highlight (option: color, bold) the ending </div>?

Since I have div's inside div's this would be a great enhancement.

Thanks for any feedback

Notjohn · 01-03-2019, 12:55 PM

Divs inside divs gives me the willies. Obey Thoreau in all things digiital: simplify! simplify!

jbacelar · 01-03-2019, 01:31 PM

Quote:

Originally Posted by RSoldin

If you have numerous div level in your code due to floats, boxes, etc. is there a way to see where a <div> starts and it </div> ends?

Yes, in the Calibre Editor:
https://manual.calibre-ebook.com/edi...x-highlighting

DiapDealer · 01-03-2019, 02:58 PM

Quote:

Originally Posted by jbacelar

Yes, in the Calibre Editor:
https://manual.calibre-ebook.com/edi...x-highlighting

Please stick to the questions asked.

Quote:

Originally Posted by RSoldin

I was wondering if there is a way to show the <div> levels in the code view of Sigil?

jbacelar · 01-03-2019, 05:07 PM

Quote:

Originally Posted by DiapDealer

Please stick to the questions asked.

OK.

Quote:

I was wondering if there is a way to show the <div> levels in the code view of Sigil?

Currently in Sigil no.

KevinH · 01-03-2019, 06:10 PM

Just run Sigil’s mend and prettify and divs should be matched by indentation

RSoldin · 01-03-2019, 11:24 PM

Quote:

Originally Posted by KevinH

Just run Sigil’s mend and prettify and divs should be matched by indentation

Yes, that is a part of using Sigil. Since I couldn't find any scripts or Plug-ins searching, I was thinking that my last resort would be to ask on this board and see if anyone knew a trick or had something that could help in viewing div levels.

I don't like using divs in divs either and I think it would help if Sigil had a way to view the levels and also for list levels. My work is creating print books and in the past 5 or so years, I have been creating the epub/mobi versions for them. As more clients are requesting more complex layouts in ebook formats I have been digging in my heals.

Thank you for the feedback.

st_albert · 01-04-2019, 11:35 AM

In Sigil, the "elements" tab of the preview window might also be helpful. It allows one to expand or contract various blocks of code, so you could selectively expand various div elements to see what's what.

HTH
Albert

GrannyGrump · 01-07-2019, 12:16 AM

@RSoldin -- You might consider using the Sigil option "Open With" to open your html files in a 3rd-party text editor. I happen to use Notepad ++ (free, opensource), partly because it does highlight matching tags and does a lot of other configurable semantic code highlighting. I do a lot of editing in NP++, save there, and return to the Sigil app --- those files will have been updated in Sigil, and all I have to do is save the Sigil file.

(I have a vision problem with depth perception that makes the indentations very difficult to track.)

Please forgive if this is a bit too elementary for the subject...

Notjohn · 01-07-2019, 10:50 AM

Quote:

Originally Posted by GrannyGrump

@RSoldin -- You might consider using the Sigil option "Open With" to open your html files in a 3rd-party text editor. I happen to use Notepad ++ (free, opensource), partly because it does highlight matching tags and does a lot of other configurable semantic code highlighting.

Yes, Notepad++ is indeed visually helpful.

RSoldin · 01-10-2019, 11:22 PM

I have been looking for ways to go about viewing the structure of my code using some of the tools that you all have pointed out. Thank you.

I was thinking about trying to get NoteBooK ++ to run but have found out the with all the apps I use on a daily bases, it would crowd out my 16 gigs of ram. I may try using Calibre when I get loaded with div's in a book, but it's also a memory hog and modifies the XHTML to much to keep a grip on the Sigil code. I have also been messing with BBEdit to see if it will aid me with these heavy books.

I will also get more active with the team that works on the Sigil code. Maybe they can work something out.

I'll post back once I get farther into my pursuit.

Thanks

BetterRed · 01-10-2019, 11:47 PM

Quote:

Originally Posted by RSoldin

I will also get more active with the team that works on the Sigil code. Maybe they can work something out.

FYI - the team that works on Sigil comprises KevinH, DiapDealer, who have responded above.

BR

Turtle91 · 01-11-2019, 03:29 AM

Quote:

Originally Posted by RSoldin

...
I was thinking about trying to get NoteBooK ++ to run but have found out the with all the apps I use on a daily bases, it would crowd out my 16 gigs of ram.

Just a suggestion...close the apps that you are not actively using... it saves memory and it's easy enough to run the program when you need to use them again. 16 gig RAM should be plenty for all but the highest end cad programs...
Seriously though, NP++ should not be causing memory issues if you have 16 GB...check Task Mgr to see what is actually chunking it up.

Quote:

Originally Posted by RSoldin

I may try using Calibre when I get loaded with div's in a book, but it's also a memory hog and modifies the XHTML to much to keep a grip on the Sigil code...

Don't confuse Calibre "conversions" with the program "Calibre Editor". Calibre Editor, like Sigil, only makes changes to the html that you specify.

01-03-2019, 09:09 AM	#1
RSoldin Junior Member Posts: 7 Karma: 10 Join Date: Oct 2011 Device: none	Understanding the div levels in Sigil I was wondering if there is a way to show the <div> levels in the code view of Sigil? If you have numerous div level in your code due to floats, boxes, etc. is there a way to see where a <div> starts and it </div> ends? Maybe a script or addition for Sigil to enhance the code view so when you set your cursor in a <div> it can highlight (option: color, bold) the ending </div>? Since I have div's inside div's this would be a great enhancement. Thanks for any feedback

01-07-2019, 12:16 AM	#9
GrannyGrump Obsessively Dedicated... Posts: 3,200 Karma: 34977896 Join Date: May 2011 Location: JAPAN (US expatriate) Device: Sony PRS-T2, ADE on PC	@RSoldin -- You might consider using the Sigil option "Open With" to open your html files in a 3rd-party text editor. I happen to use Notepad ++ (free, opensource), partly because it does highlight matching tags and does a lot of other configurable semantic code highlighting. I do a lot of editing in NP++, save there, and return to the Sigil app --- those files will have been updated in Sigil, and all I have to do is save the Sigil file. (I have a vision problem with depth perception that makes the indentations very difficult to track.) Please forgive if this is a bit too elementary for the subject... Last edited by GrannyGrump; 01-07-2019 at 12:24 AM.

01-10-2019, 11:22 PM	#11
RSoldin Junior Member Posts: 7 Karma: 10 Join Date: Oct 2011 Device: none	Appreciate the feedback I have been looking for ways to go about viewing the structure of my code using some of the tools that you all have pointed out. Thank you. I was thinking about trying to get NoteBooK ++ to run but have found out the with all the apps I use on a daily bases, it would crowd out my 16 gigs of ram. I may try using Calibre when I get loaded with div's in a book, but it's also a memory hog and modifies the XHTML to much to keep a grip on the Sigil code. I have also been messing with BBEdit to see if it will aid me with these heavy books. I will also get more active with the team that works on the Sigil code. Maybe they can work something out. I'll post back once I get farther into my pursuit. Thanks

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
<div> problem	alheva	Marvin	30	08-23-2016 09:13 PM
Sigil on Nook vs Sigil on Kobo vs Sigil on iBook	rosshalde	Sigil	12	11-13-2014 09:34 AM
sigil "condensation" of nested <div>'s	bobb40	Sigil	5	03-21-2012 07:42 PM
duplicate div id's	thiefwriter	ePub	6	09-17-2011 11:00 AM
Center a div	marcelo2605	ePub	4	05-13-2011 07:39 AM

01-03-2019, 12:55 PM	#2
Notjohn mostly an observer Posts: 1,515 Karma: 987654 Join Date: Dec 2012 Device: Kindle	Divs inside divs gives me the willies. Obey Thoreau in all things digiital: simplify! simplify!

01-03-2019, 06:10 PM	#6
KevinH Sigil Developer Posts: 7,638 Karma: 5433388 Join Date: Nov 2009 Device: many	Just run Sigil’s mend and prettify and divs should be matched by indentation

01-04-2019, 11:35 AM	#8
st_albert Guru Posts: 696 Karma: 150000 Join Date: Feb 2010 Device: none	In Sigil, the "elements" tab of the preview window might also be helpful. It allows one to expand or contract various blocks of code, so you could selectively expand various div elements to see what's what. HTH Albert