How to remove non-breaking spaces?

Bootstrap Studio Help
1

Hi,
I have a text that is partly italic and partly a link. For some reason bootstrap studio seems to automatically insert non-breaking spaces before each change in text style. How can I remove those non-breaking spaces or disable this automatic behavior?

image

Resulting Code:

<div class="row" style="margin: 0px;margin-left: 5px;margin-right: 5px;margin-top: 20px;margin-bottom: 15px;">
<div class="col d-xxl-flex align-items-xxl-center" style="padding: 0px;color: var(--bs-white);">
Eine Reservierungsbestätigung wurde an&nbsp;<em id="confirmationEmailAddress">&lt;emailAddress&gt;</em>&nbsp;gesendet.&nbsp;<a href="#" data-bs-target="#changeEmail" data-bs-toggle="modal">Falsche E-Mail Adresse?</a>
</div>
</div>

Thanks in advance.

2

If possible can you give us directions on how to reproduce this problem? I imported your HTML in Bootstrap Studio and I don’t see automatic insertion. I can delete the spaces by editing the text, and no further spaces are inserted.

3

Thank you very much for your response. In order to reproduce my situation:What I did was creating a paragraph and then dragging and dropping an “italic” and a “link” component into the text (from the left hand side of the BS editor, not by clicking on the link/italic buttons on the top). This was necessary because with the buttons on top it’s not possible to edit the “id” of the link and the italic component.

I’ve also sent you bootstrap studio project file at hi@bootstrapstudio.io that illustrates the situation.

4

I have the same problem (6.6.1), and is also replicated as above.

The only solution I could think of was:

  1. Copy a plain text space from a text editor.
  2. In Bootstrap Studio, select the non-breaking space.
  3. Paste in the previously copied plain space, replacing the non-breaking space.

It would be good to remove that feature of automatically adding a non-breaking space. It also adds a non-breaking space when you press the space bar twice. I’d rather choose when a non-breaking space is added, as can be done with shift + space.

5

Hi there,

I have the same problem here (6.7.3). Bootstrap Studio adds nbsps before or after format changes and links for no obvious reasons. That leads to some really bad looking line breaks on my website.

This post got 800 views - it seems that the issue is relevant to others as well.
Couldn’t be a language issue as my website is (as the OPs) in German, too?

Sometimes I have to fiddle a lot to get rid of them, like adding several letters with a blank in the beginning, then clicking outside the paragraph, then clicking inside again and deleting the letters without touching the space. Copying a normal space does rarely help, it often gets “corrected” to a nbsp.

Any explanation why this happens and a way to solve this?

Cheers
Guido

6

So just pasting a text space as suggested by @john1 doesn’t work for me, it gets “corrected” again. But I found out that it works if you paste it with right-click and “Paste (Plain Text)”.

Still it remains unclear to me what the intention of the automatic replacement was. Bug or feature?
Cheers
Guido