角度2输入与图像支持

我想创建一个角度为2的聊天应用程序，我需要在输入字段中显示Emojis，但html不支持输入字段中的图像。
也是我试过这种方法，但没有奏效：角度2输入与图像支持

<div contenteditable="true" 
    [innerHtml]="msgText" 
    class="form-control" 
    (keyup)="enable_disable_sendBtn()" 
    (keypress)="handle_enter_key($event)" 
    #messageBox 
    (input)="msgText = $event.target.innerText"> 
</div>

我已经试过this但不是我从tslint了错误，并说：use @HostListener Or @HostBinding instead of host。
任何人都可以帮助我在文本输入中显示emjis吗？

来源

2017-09-04 amirsa00

“但没有工作”是不够的信息。预期的行为是什么？什么是实际行为？任何错误消息？ –

也许你想使用https://www.emojione.com/或类似的 –

@GünterZöchbauer我期望显示图像，它显示，但问题是当我试图写'amir'它写'rima'所以问题是无论何时按下某个键（或者键入或按键，我都不知道问题是什么）时，插入符号会转到第一个输入 – amirsa00

最后我找到了一个解决方案。解决方案是单向绑定，导致用户在contenteditable中写入内容，而当我想要例如：何时发送内容时，我只需要获取innerHTML。
也当我想添加一个图像的内容，只需添加到contenteditable，当我需要发送（或类似的东西）我得到innerHTML。

<div contenteditable="true" 
    class="form-control" 
    id="messageBox" 
    #messageBox 
    (keydown.enter)="handle_enter_key($event)" 
    (input)="handleMessageBoxInput($event)"> 
</div>

来源

2017-09-11 04:32:35 amirsa00

角度2输入与图像支持

回答

相关问题