unbreakableRule doesn't work

[zheyizhifeng]

hi, thx for your project, i'm testing on your demo linkhttps://mattuylee.github.io/text-frame/zh/example.html, but something doesn't work. in the code below, the first line "Photo Daily" will always break line, I use unbreakableRule: /.\s+/, but it doesn't work.

options = {
          viewWidth: 300,
          viewHeight: 360,
          fontSize: 16,
          margin: 16,
          fragments: [
            {
              color: 'green',
              fontSize: 20,
              margin: 0,
              textAlign: 'start',
              text: "title"
            },
            {
              textIndent: 0,
              fontFamily: 'serif',
              margin: { bottom: 0 },
              marginCollapse: true,
              textAlign: 'left',
              text: `Photo  Daily. Graduates of universities on the mainland have been enjoying a rise in their job prospects over the past decade, with it now listed as the fifth-most report.`
            }
          ]
        }

[mattuylee]

unbreakableRule is a global config item, not for each fragment. try:

options = {
  viewWidth: 300,
  viewHeight: 360,
  fontSize: 16,
  margin: 16,
  unbreakableRule: /.\s+/,
  fragments: [
    {
      color: 'green',
      fontSize: 20,
      margin: 0,
      textAlign: 'start',
      text: 'title',
    },
    {
      textIndent: 0,
      fontFamily: 'serif',
      margin: { bottom: 0 },
      marginCollapse: true,
      textAlign: 'left',
      text: `Photo  Daily. Graduates of universities on the mainland have been enjoying a rise in their job prospects over the past decade, with it now listed as the fifth-most report.`,
    },
  ]
};

[zheyizhifeng]

Thx, I’ll have a try.

…

---- Replied Message ---- | From | Haven ***@***.***> | | Date | 07/12/2022 12:12 | | To | ***@***.***> | | Cc | ***@***.***> , ***@***.***> | | Subject | Re: [mattuylee/text-frame] unbreakableRule doesn't work (Issue #1) | unbreakableRule is a global config item, not for each fragment. try: options={viewWidth: 300,viewHeight: 360,fontSize: 16,margin: 16,unbreakableRule: /.\s+/,fragments: [{color: 'green',fontSize: 20,margin: 0,textAlign: 'start',text: 'title',},{textIndent: 0,fontFamily: 'serif',margin: {bottom: 0},marginCollapse: true,textAlign: 'left',text: `Photo Daily. Graduates of universities on the mainland have been enjoying a rise in their job prospects over the past decade, with it now listed as the fifth-most report.`,},]}; — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[zheyizhifeng]

it works after placeing unbreakableRule in global config. And how to reserve a whole complete word without line-break, just like the CSS attribute `{ work-break: break-word; }`

[mattuylee]

@zheyizhifeng The default config doesn't work fine for Latin chars, I'll fix that. now you can try:

options = {
  // ...
  unbreakableRule: /^(──|……|[\w\d]+)$/,
  lineStartProhibitedMarks: ' ',
  // ...
};