在 ngx summernote 中修补下拉值时的格式问题

Question

我在此处修补内容编辑器上的下拉值。因此，当我通常修补它时，它可以工作。但在特定条件下，

举例说明

当我按下回车键时，移动到下一行输入一个单词，然后尝试修补下拉值，该单词在下一行中修补。我希望它在同一行中修补它。这是一个奇怪的场景

我在堆栈溢出中搜索了答案，但找不到答案。请知道的各位帮忙。如果您觉得我没有很好地解释这个问题，请在下面发表评论。

我在下面附上了一个 Stackblitz 链接

链接：https://stackblitz.com/edit/angular-summernote-demo-e6sxnn?file=src%2Fapp%2Fapp.component.html

Answer 1

这是因为您在 <p> </p> 标记之外添加了单词。我添加了一些删除</p> 标记的代码，添加了单词，然后使用正则表达式再次关闭段落。这并不理想，因为如果字符串中的最后一个不是段落，它仍然会失败。

https://stackblitz.com/edit/angular-summernote-demo-maiuua?file=src/app/app.component.ts

  changeValue(ev) {
    const regex = /(<\/p>)$/gm;
    if (regex.test(this.textValue)) {
      this.textValue = this.textValue.replace(regex, "");
      this.textValue += ` ${ev.value}</p>`;
    } else {
      this.textValue += ` ${ev.value}`;
    }
    console.log("textValue", this.textValue);
  }