word wrapping
-
Say I don't have room to wrap a single world like supercalifragilisticexpialidocious. In the real world, I'd just find a syllable and then hyphenate. I don't think I can do that - and i don't think i *should* do that in html and css. I don't know *what* to do. What would you do?
Real programmers use butterflies
-
Supercalifrag...
It was only in wine that he laid down no limit for himself, but he did not allow himself to be confused by it. ― Confucian Analects: Rules of Confucius about his food
It's for a e-reader for reading books. I can't do that. :(
Real programmers use butterflies
-
honey the codewitch wrote:
What would you do?
I'd not wrap at all. Cost-wise the most efficient choice.
Bastard Programmer from Hell :suss: "If you just follow the bacon Eddy, wherever it leads you, then you won't have to think about politics." -- Some Bell.
So like, the edges of the word extend of the sides of the page? I'm not sure I can get away with that, since it's for an e-reader, although I wonder if they wouldn't put invisible unicode syllable breaks in long words. I wouldn't want want count on it. Hmmmm.
Real programmers use butterflies
-
See if you can find a lightweight dictionary that shows syllables so you can pick a syllable to hyphenate and wrap.
I just don't have the space for it, and I can't count on being online. :(
Real programmers use butterflies
-
I would but it's kind of critical to what I'm doing right now, because how far I read through the document directly corresponds to what can fit on the screen vertically, and that depends on what fits horizontally. I mean, I guess I can kind of punt this one case if that's what you mean, but it's one of those situations where not making a decision is itself making a decision.
Real programmers use butterflies
Splitting on syllables is so last century. We don't do that anymore. :-D Personally, I would split the line before the long word, and if it still doesn't fit, I'd chop the word simply based on the number of characters and call it good. The reader will understand. How to Split Long Strings into Manageable Portions and Display them in a MessageBox[^]
-
Say I don't have room to wrap a single world like supercalifragilisticexpialidocious. In the real world, I'd just find a syllable and then hyphenate. I don't think I can do that - and i don't think i *should* do that in html and css. I don't know *what* to do. What would you do?
Real programmers use butterflies
Fixed width fonts, know how many across, break there. Is that an option?
I’ve given up trying to be calm. However, I am open to feeling slightly less agitated.
-
Fixed width fonts, know how many across, break there. Is that an option?
I’ve given up trying to be calm. However, I am open to feeling slightly less agitated.
Not really. The whole thing is open type/true type and using digital typesetting. Worse, there are default fonts but they can be overridden by the EPUB via CSS. And really the problem is knowing where I should break the word. I could do it right in the middle but that seems less than good.
Real programmers use butterflies
-
Splitting on syllables is so last century. We don't do that anymore. :-D Personally, I would split the line before the long word, and if it still doesn't fit, I'd chop the word simply based on the number of characters and call it good. The reader will understand. How to Split Long Strings into Manageable Portions and Display them in a MessageBox[^]
So you'd just split, like in the middle of the word, or at least, as far as the text goes on the screen and then wrap to the next line? I suppose that makes sense.
Real programmers use butterflies
-
It's for a e-reader for reading books. I can't do that. :(
Real programmers use butterflies
Start a dictionary ... you already have a word. I have spelling tables with up to 70,000 entries; you can manage one word? ;P
It was only in wine that he laid down no limit for himself, but he did not allow himself to be confused by it. ― Confucian Analects: Rules of Confucius about his food
-
Start a dictionary ... you already have a word. I have spelling tables with up to 70,000 entries; you can manage one word? ;P
It was only in wine that he laid down no limit for himself, but he did not allow himself to be confused by it. ― Confucian Analects: Rules of Confucius about his food
I don't have the space for a dictionary. I just don't. I'm sweating 30kB here 30kB there for my state tables, and then I have 250kB for my default fonts, which i actually have zipped, and then embedded the compressed result into my code as a C array. But I don't have room left over for much. Edit: I think I'm just going to hard wrap
Real programmers use butterflies
-
So you'd just split, like in the middle of the word, or at least, as far as the text goes on the screen and then wrap to the next line? I suppose that makes sense.
Real programmers use butterflies
--------------------
Well, I'd split on a
space if possible,
but that isn't
always possible,
particularly with
"supercalifragilisti
cexpialidocious",
which exceeds the
line length all on
its own. -
Say I don't have room to wrap a single world like supercalifragilisticexpialidocious. In the real world, I'd just find a syllable and then hyphenate. I don't think I can do that - and i don't think i *should* do that in html and css. I don't know *what* to do. What would you do?
Real programmers use butterflies
As you are already neck-deep into CSS you should learn from it...
word-break: break-all;
To prevent overflow, word breaks should be inserted between any two characters (excluding Chinese/Japanese/Korean text)."The only place where Success comes before Work is in the dictionary." Vidal Sassoon, 1928 - 2012
-
Say I don't have room to wrap a single world like supercalifragilisticexpialidocious. In the real world, I'd just find a syllable and then hyphenate. I don't think I can do that - and i don't think i *should* do that in html and css. I don't know *what* to do. What would you do?
Real programmers use butterflies
honey the codewitch wrote:
In the real world, I'd just find a syllable and then hyphenate
What about hyphenating at random places :-) ? How often do you need it ?
-
Say I don't have room to wrap a single world like supercalifragilisticexpialidocious. In the real world, I'd just find a syllable and then hyphenate. I don't think I can do that - and i don't think i *should* do that in html and css. I don't know *what* to do. What would you do?
Real programmers use butterflies
The browser rendering engine already has good support for splitting words. I put "hypens: auto;" into my CSS and I am quite pleased with the result. [edit]: My css is as follows (lookup the hyphenate styles for what they do)
body {
font-family: 'Computer Modern Serif';
margin: 40px auto;
max-width: 640px;
line-height: 1.6;
font-size: 16px;
padding: 0 10px;
hyphens: auto;
hyphenate-limit-lines: 2;
hyphenate-limit-chars: 6 3 2;
text-indent: 30px;
} -
It's for a e-reader for reading books. I can't do that. :(
Real programmers use butterflies
Disregard my pevious answer - that's for HTML only. If it's for an e-reader you have bigger problems: use a library to do this because there are multiple things involved in flowing text. If you've never used LaTeX you are probably not familiar with all the complexities involved: 1. Font kerning: changes the width of a line. 2. Inter-word spacing: algorithm must ensure no rivers run through paragraphs and edges line up. 3. Paragraph indentation: in literary prose all paragraphs have an indentation. 4. Long word wrapping: You need to use a table of pre-calculated breakpoints that are specific to a glyph. 5. Language: Some languages read right-to-left, and these may be in the middle of a sentence in a language which reads left-to-right. If you're implementing an E-reader then you need to know all of the following concepts: 1. Kerning 2. Ligatures 3. Unicode code-points 4. Unicode BMP 5. Unicode surrogates 6. Unicode characters 7. Unicode glyphs 8. Rivers/runs in text 9. Struts and rules in text 10. Baselines, Caplines 11. Ascenders, descenders 12. Subpixels ... and probably a hundred other typesetting things I forgot or don't know about. Flowing text for an E-reader (or PDF, or book or any typesetting) is an entire Phd topic on its own and can take years of work to implement. It does help if you've used LaTeX in the past, because it chooses good defaults for all of the above, and if you want to change anything you're forced to learn what all those things mean.
-
Say I don't have room to wrap a single world like supercalifragilisticexpialidocious. In the real world, I'd just find a syllable and then hyphenate. I don't think I can do that - and i don't think i *should* do that in html and css. I don't know *what* to do. What would you do?
Real programmers use butterflies
CSS schould do the trick automatically, see https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179
-
CSS schould do the trick automatically, see https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179
Oh, so you're volunteering to write the CSS engine for me right?
Real programmers use butterflies
-
The browser rendering engine already has good support for splitting words. I put "hypens: auto;" into my CSS and I am quite pleased with the result. [edit]: My css is as follows (lookup the hyphenate styles for what they do)
body {
font-family: 'Computer Modern Serif';
margin: 40px auto;
max-width: 640px;
line-height: 1.6;
font-size: 16px;
padding: 0 10px;
hyphens: auto;
hyphenate-limit-lines: 2;
hyphenate-limit-chars: 6 3 2;
text-indent: 30px;
}Wouldn't that be great if I didn't have to implement my own web browser which is the whole point of this?
Real programmers use butterflies
-
Oh, so you're volunteering to write the CSS engine for me right?
Real programmers use butterflies
-
honey the codewitch wrote:
In the real world, I'd just find a syllable and then hyphenate
What about hyphenating at random places :-) ? How often do you need it ?
I'm not sure. It depends on the size of the screen that's connected to the e-reader I'm making. It can use any size screen, though in the end I'll be settling on a 600x800 epaper display
Real programmers use butterflies
