防止在离子输入中添加div

Question

我在home.html中有一个满足的元素，每当我输入一些内容并按Enter键时，它会创建一个新的<div>：

home.html代码

<div class="context_menu"><p contenteditable="true">second section</p></div>

如何防止这种情况发生或替换为<br>代码？

JS中有一个解决方案，我在ngOnInit中的`home.ts'中添加了代码，如下所示，我已经安装了jQuery但它没有用，也许我错误地复制了它？

  ngOnInit(){

     $('div[contenteditable]').keydown(function(e) {
       // trap the return key being pressed
       if (e.keyCode === 13) {
        // insert 2 br tags (if only one br tag is inserted the cursor won't go to the next line)
         document.execCommand('insertHTML', false, '<br><br>');
         // prevent the default behaviour of return key pressed
         console.log("pressed");
         return false;
       }
     });