![]() |
#1 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 32
Karma: 2204
Join Date: Jul 2009
Device: none
|
How to change style of Code View
Dear All,
I want to change height of lines in Code View so that lines will be easier to read. But I do not know how to do that with ‘qt_styles.qss’ file. Could you please show me what to do? Thanks for your help. |
![]() |
![]() |
![]() |
#2 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,156
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Go to: Edit/Preferences/Appearance...then make sure you select the 'Code View' tab on the right pane.
That will change things like Font, Special Characters, and Color. At the bottom right of the main ui window you can see the zoom bar that will change the font size. If you right click on the CV window you can select 'Reformat HTML/Mend and Prettify Code' to rearrange and put a line space between each tag. You can also get there from 'Tools/Reformat HTML/Mend and Prettify Code'. I haven't messed with the ‘qt_styles.qss’ file as I haven't needed to with the above options. There will likely be others that pop in with suggestions there. |
![]() |
![]() |
Advert | |
|
![]() |
#3 | |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 32
Karma: 2204
Join Date: Jul 2009
Device: none
|
Quote:
I've known the settings you mentioned. But I want to change line height in Code View, i.e. 105% and so. |
|
![]() |
![]() |
![]() |
#4 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,001
Karma: 5449552
Join Date: Nov 2009
Device: many
|
Sigil Preferences allow you to set both the CodeView interface font and default font size, but I find clicking on CodeView and then using the zoom bar of the bottom right of Sigil to go to 110% makes CodeView much easier to see and work in. Just make sure the cursor is in CodeView before playing with the zoom bar settings, as they work on Preview as well.
Last edited by KevinH; 08-25-2024 at 09:33 AM. |
![]() |
![]() |
![]() |
#5 |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 27,810
Karma: 198099188
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
|
I'm not sure the line-height of an entire document can be changed with qss. @BeckyEbook will probably know better.
In C++ code, QTextBlockFormat would be used to set line height. Last edited by DiapDealer; 08-25-2024 at 11:06 AM. |
![]() |
![]() |
Advert | |
|
![]() |
#6 |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 738
Karma: 2296998
Join Date: Jan 2017
Location: Poland
Device: Various
|
This cannot be done through a qss file.
Line height is sewn inside the font and depends on the size of the font offset. I don't know if I'm using the right vocabulary, but it's simply a font metric that stores the height for the entire font and font family to maintain consistency. In this exceptional case, for use in Sigil's Code View and without changing the program code (which is unnecessary, by the way) I think the best solution would be to edit the font and, for example, add 100 points ascender and 100 points descender. An example below using the IBM Plex Mono font as an example. One screenshot shows the original font and the other the modified one. As you can see, in Sigil itself there is no control over this parameter of the Code View window. |
![]() |
![]() |
![]() |
#7 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,001
Karma: 5449552
Join Date: Nov 2009
Device: many
|
But instead of editing fonts which can be tricky, perhaps we really should add a new Preference to Sigil CodeView preferences to set line spacing from single, 1.5, or double using QTextBlockFormat as DiapDealer suggested.
|
![]() |
![]() |
![]() |
#8 |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 27,810
Karma: 198099188
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
|
I've not tested, but something along the lines of the following should work:
Code:
QTextBlockFormat bf = this->textCursor().blockFormat(); bf.setLineHeight(lineSpacing, QTextBlockFormat::LineDistanceHeight) ; this->textCursor().setBlockFormat(bf); |
![]() |
![]() |
![]() |
#9 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,001
Karma: 5449552
Join Date: Nov 2009
Device: many
|
But it needs to be set for each block in the document, after every change, right? At least that is what the stack google search I found seemed to imply.
So on initial load, and then after every change? Last edited by KevinH; 08-25-2024 at 11:57 AM. |
![]() |
![]() |
![]() |
#10 | |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 27,810
Karma: 198099188
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
|
Quote:
Here's a short discussion on it: https://stackoverflow.com/questions/...g-in-qtextedit EDIT: you're probably already looking at the same thing I am. ![]() |
|
![]() |
![]() |
![]() |
#11 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,001
Karma: 5449552
Join Date: Nov 2009
Device: many
|
I just tried it using that exact same approach on a QPlainTextEdit (which is what CV is) and could see no changes at all even though the code compiled just fine.
Code:
QTextBlockFormat fmt; fmt.setLineHeight(150, QTextBlockFormat::ProportionalHeight); QTextCursor tc = textCursor(); tc.clearSelection(); tc.select(QTextCursor::Document); tc.mergeBlockFormat(fmt); So something in QPlainTextEdit is preventing the change. Last edited by KevinH; 08-25-2024 at 01:23 PM. |
![]() |
![]() |
![]() |
#12 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,001
Karma: 5449552
Join Date: Nov 2009
Device: many
|
Yep, known bug in Qt going back literally decades:
https://bugreports.qt.io/browse/QTBUG-51891 So doing it programmatically is out! I really do not want to rewrite our highly customized CodeViewEditor class as a QTextEdit class. This is so silly of Qt. The only options would be to: 1. Use a font specially modified ala BeckyEbook 2. Use Zoom which helps text readability in general but not line height 3. Use Mend and Prettify to double space text in CodeView then use Zoom to make things cleaner I am leaning toward BeckyEbook's idea. Perhaps we can modify a set of fixed width fonts (Courier, et al ) and use FontForge to manually adjust the font metrics for 1.5 and double spacing and include them as optional fonts alongside Sigil. Last edited by KevinH; 08-25-2024 at 01:36 PM. |
![]() |
![]() |
![]() |
#13 |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 27,810
Karma: 198099188
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
|
Fonts could get tricky on Linux. Courier, Arial, Times New Roman are often merely aliases that point to other fonts. Customizing those aliases is not for the faint of heart.
|
![]() |
![]() |
![]() |
#14 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,001
Karma: 5449552
Join Date: Nov 2009
Device: many
|
Okay, but that will really not leave us a path forward to fix this one. I am okay with that but hoped we could do something.
|
![]() |
![]() |
![]() |
#15 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,156
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
A combination of prettify and toggling OFF line wrap provides a space between lines. The downside being having to horizontal scroll to see the longer lines.
|
![]() |
![]() |
![]() |
Tags |
code view, qt_styles.qss |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
How to change background color in Code View window | philja | Sigil | 13 | 10-06-2022 11:27 AM |
replace in book view changes view to code view | cybmole | Sigil | 4 | 10-28-2012 01:20 PM |
Sigil highlight Book View No Longer Shows in Code View | Themus | Sigil | 4 | 10-04-2012 07:54 PM |
How do I change the syntax colouring and increase the font size in the Code View? | nicciglen | Sigil | 5 | 02-08-2012 09:34 AM |
lock book view & code view windows into synch | cybmole | Sigil | 5 | 01-19-2011 10:30 PM |