Line breaks and text formatting issues

Kirby 3 Solved ✅
1

Hi there,

I have a reccurent kind of difficulties concerning linebreaks.

Capture d’écran 2020-07-13 à 14.28.56
Capture d’écran 2020-07-13 à 14.28.561692×626 54.8 KB

For the exact same field content that you can see above, here are the different renders :

<?= $page->intro()->kt() ?>
Kirby text : list-style ok but line breaks ignored.

Capture d’écran 2020-07-13 à 14.29.31
Capture d’écran 2020-07-13 à 14.29.311624×330 27.9 KB

<?= $page->intro()->kti() ?>
Kirby text inline ->kti() : line breaks ok but list-style ignored

Capture d’écran 2020-07-13 à 14.29.58
Capture d’écran 2020-07-13 à 14.29.581570×450 27.7 KB

<?= $page->intro()->markdown() ?>
Markdown ->markdown() : line breaks ok but list-style ignored

Capture d’écran 2020-07-13 à 14.33.12
Capture d’écran 2020-07-13 à 14.33.121604×304 27.8 KB

<?= $page->intro()->kti()->markdown() ?>
Kirbytext inline then markdown: list-style ok but too much
added for each line break,

  • correctly closed and empty paragraphs
    Capture d’écran 2020-07-13 à 14.36.51
    Capture d’écran 2020-07-13 à 14.36.511624×498 28.6 KB

    Capture d’écran 2020-07-13 à 14.37.32
    Capture d’écran 2020-07-13 à 14.37.32775×447 27.4 KB

    <?= $page->intro()->markdown()->kti() ?>
    Markdown then Kirbytext : perhaps the cleanest solution but there is still an unwanted
    between the

  • tags and extra empty

    tags:

    Capture d’écran 2020-07-13 à 14.39.06
    Capture d’écran 2020-07-13 à 14.39.061570×526 28.6 KB

    Capture d’écran 2020-07-13 à 14.42.04

    Any idea ?

    Thanks for your help

    • 2

    What is your expected output? Why do you want additional br tags? The correct way to render your content is with simply using kirbytext() not in combination with anything else.

    1 Like
    3

    Thanks for your answer.

    For my client, I want the front-end to behave as close as possible to the render of the text in the panel :
    carriage return in the panel -> carriage return in the front-end
    line break in the panel -> line break in the front-end

    4

    Line feeds work by adding three spaces after a line (or enabling markdown breaks), but not between block elements. It’s not a good idea to enforce margins by adding line breaks, anyway.

    Bildschirmfoto 2020-07-13 um 15.05.22

    Bildschirmfoto 2020-07-13 um 15.05.01
    Bildschirmfoto 2020-07-13 um 15.05.011030×426 61.4 KB

    5

    Ok I fixed it without using nothing else than kirbytext.

    Thanks @texnixe

    6

    Hi,
    I will just extend the question a bit by:

    Is it possible to get a version of text through kirbytext() that doesn’t contain actual line-breaks in the code so I can use it for Jquery?

    I want to use it like in the upper part of the picture.
    but it always turns out to look like in the lower part of the picture when I check the web inspector, the code is disturbed and it won’t work…

    kirby
    kirby936×254 39.3 KB

    any smooth and official ways to do it?

    Thx for help

    7

    If I understand you correctly, you want to remove line breaks that are actually present in the content?

    8

    yes exactly, but I would like to keep the html tags kirbytext() gives me.

    9

    The I’d remove those linebreaks via str_replace() or Kirby’s Str::replace() method.

    10

    Great, it worked! Had been breaking my head over it too long for this simple answer.
    Thanks a lot!