non-breaking space button?

Hi Mike,

The editor actually preserves white space in it’s default capacity.

IN a new post/page…
1) Type the words “This is”.
2) Press the space bar about 50 times.
3) Type the words “a test.”.

It should preserve the white space both when saving; and switching between visual and text views.

Were you describing something different?

Err yes! I was describing the property of   that prevents a space being split across a line (irrespective of browser width). So for example if you write
St Andrew’s you don’t want it to appear as St
Andrew’s

or Friday 13 Feb as
Friday 13
Feb

i.e. a non-breaking space

You can always insert these in the text view, but it is somewhat cumbersome and error prone for non-html speakers, especially since they are not visble in the visual view. There used to a button for inserting them in the old days, but it disappeared with the new version.

Sorry… it’s been a long week… and I’m working over-capacity.
Okay, I understand.

That button was one of the many which had to be re-written when TinyMCE updated from version 3 to version 4. So, it was only included in my Pro version initially.

But, I don’t mind adding it to the free version.
I’ll get it in there for the next update.

Just FYI… this button has now been added to WP Edit (free version).

Thanks very much. However, I’m probably blind, but having installed the latest update, I still can’t see this button in the list of available buttons under the buttons tab. What am I doing wrong?

You need to go to the WP Edit settings page (Buttons tab); and click the button to “Save Buttons”.

Anytime a new buttons is added by me to the code (or an old button removed); it won’t show in the Button Placeholder until the “Save Buttons” button is clicked.

Then, you’ll see a nifty little admin notice at the top of the page explaining which buttons were added; or removed.

Perfect! Thanks. I’d never have guessed that ??

I know.. I may change that in the future.

(always read the changelog… hint hint ??

Um. Sorry to be a pain, but although the button inserts what looks like a space, it doesn’t seem to behave like a non breaking space:-( It seems to break just like an ordinary space, whereas inserting   in the text editor DOES keep the words together, even though it LOOKS like a space once you return to the visual editor.

btw. I’m observing these effects in a real published page, not just in the visual editor window.

They are there. I just went through the same thing with another user.

Can you share the link to the page where you are testing?
What browser are you using?

Some browsers show the   characters in the console; some don’t.

Also, the visual and text editors won’t show the actual   characters (they render it as a (nonbreaking) space). The nbsp; characters are stored as a data-attribute.

Hi,

Take a look at https://www.standrewsoxshott.org.uk/uncategorized/test/

I used the button to insert non-breaking spaces between the words
“non breaking spaces”, and   between “the real deal”.

When you change the window width (in firefox and in chrome) “the real deal” moves as a single word and never breaks, whereas it will break afer both “non” and “breaking”.

I used the button to insert non-breaking spaces between the words
“non breaking spaces”, and between “the real deal”.

Did you use the button to insert the nonbreaking spaces in BOTH sets of words? Or did you use the button for one set; and enter the other set manually by typing them?

Sorry, I mistyped that . I meant

I used the button to insert non-breaking spaces between the words
“non breaking spaces”, and   between “the real deal”.

So I had

non(button)breaking(button)spaces

and

The( )real( )deal

where (button) means I pressed the button

and ( ) means I went to the text editor and manually typed in   instead of a space.

Hope that is clear now.

Ah! I didn’t mis type it the html is being interpretted in this post, so it is turning the code for non-breaking space into a space here. SO if I repost that using NB to stand for the html code It would read.

I used the button to insert non-breaking spaces between the words
“non breaking spaces”, and NB between “the real deal”.

So I had

non(button)breaking(button)spaces

and

The(NB)real(NB)deal

where (button) means I pressed the button

and (NB) means I went to the text editor and manually typed in NB instead of a space.

Hope that is clear now.

That is strange. I cannot replicate.

What browser are you using?