Javascript 内容可编辑 &NBSP;更换问题答案

【问题标题】：Javascript ContentEditable &NBSP; replace issueJavascript 内容可编辑 &NBSP;更换问题
【发布时间】：2021-09-21 01:09:05
【问题描述】：

文本中的“&nbsp;”我遇到了删除问题。

详情如下；

如果句子以“空格”开头，我从相关div得到的值如下；

<div>&NBSP; bla bla bla bla </div>

如果句子以“空格”结尾，我从相关div得到的值如下；

<div> bla bla bla bla&NBSP;</div>

如果空格在句中，没有问题，但是如果句首或句尾有空格，读值时，只有"开头或结尾的空格" &NBSP;”写成。

editDiv.replace(/(\r\n\t|\n|\r\t)/gm,"").replace('&NBSP;',' ');

我正在使用该方法，但问题仍然存在。

你能帮我解决这个问题吗？

【问题讨论】：

标签： javascript jquery contenteditable

【解决方案1】：

一个简单的.replace() 就可以了。我将&NBSP; 更改为&nbsp;，因为前者只是混淆了浏览器并且语法无效

let div = document.querySelector('.contentEditable');
div.innerHTML = div.innerHTML.replaceAll(">&nbsp;", ">").replace("&nbsp;</", "</")
console.log(div.innerHTML)

<div class='contentEditable'>
  <div>&nbsp; bla bla&nbsp;bla bla&nbsp;</div>
</div>

【讨论】：

Kinglish在你的回答中解决了我的问题，但现在我找到了问题的根源。在向相关 div 输入文本期间，我在 js 端制作了“toLocaleUpperCase('tr-TR')”。删除它可以解决问题。