Unable to insert a non-breaking space

I’m trying to use “Alt-Space” to add an HTML   code, which is standard usage for people who write in French (where they put non-breaking spaces in front of punctuation marks like “?”, “:”, “!” and others. But I’m unable to do this

If I take a normal Trumbowyg box and type “F r e d Alt-Space ?”, this results in a normal space for the html: <p>Fred ?</p> If I change this to “F r e d Alt-Space Space ?”, the result changes: <p>Fred&nbsp; ?</p> But I cannot see any way of getting the desired result: <p>Fred&nbsp;?</p>

I’ve succeeded in writing some custom code to trap character code 160, but I then can’t see how to insert an   into the text and set the caret to immediately after it: there isn’t enough documentation on the Range API to make it obvious how I do this.

[xgretsch]

I’ve done a bit more digging: as ever, the article on French Wikipedia is fairly comprehensive. As far as I can see, the Unicode value of 160 is pretty much universal, the keyboard shortcuts vary wildly from one system to another (it’s Alt-0160 on Windows). The English Wikipedia article gives similar information.

The following code works fine, with one whoopsie (trumbo is my editor class).

$('.trumbo').on('keypress', function(e){
  if (e.charCode === 160) {
    $(this).trumbowyg('execCmd', {cmd: 'insertHTML', param: ' '});
      e.preventDefault();
      e.stopPropagation();
    }
});

The whoopsie is that if the   added is the last thing in the paragraph, when you type the next character (for example, an exclamation mark), the   is changed to a space. If you then go back, delete the space and type “ALT-Space” again, everything is now fine.

The workaround is enough to get me out of jail for now, but it would be nice if you can find a better solution.

[xgretsch]

Hi Alex, I know it’s been a long time, but I’ve got round to looking at this again. If you start with an editor containing the following html <p>a&nbsp;</p> …and then move your cursor to the end after the non-breaking space and type the letter ‘b’, what you get is <p>a b</p> The place where this happens is in the following routine:

syncTextarea: function () {
     var t = this;
     t.$ta.val(t.$ed.text().trim().length > 0 || t.$ed.find(t.o.tagsToKeep.join(',')).length > 0 ? t.$ed.html() : '');
 },

The function t.$ed.html() appears to convert the non-breaking space into a standard space.

If I’m not mistaken, the html() function is the one in jQuery, so it may be relevant to know that my jQuery version is 3.6.0.

Do you have any ideas on why the html() function is behaving like this, and what I might be able to do about it?

Thanks