角度-如何在文本区域或可编辑的div内的任何位置添加或删除筹码?

时间:2019-07-08 13:55:51

标签: javascript html css angular

要求是像Facebook那样实现“创建回复”框:

enter image description here

需求详细信息:用户可以创建并保存消息,以备将来发送给任何用户时使用。

如屏幕快照所示,用户可以通过单击“添加个性化”按钮在需要的地方在消息中添加“名字”,并且在发送消息时应自动将其替换为接收用户的名字。

我的计划: 消息将以纯字符串形式存储在数据库中,如下所示:

'Hello %__firstname___%, thank you very much! %__firstname___%, by now!

当我从数据库获取数据时,我将%__firstname___%替换为具有其值的实际名称。名称存储在本地存储中。

我的挑战/问题:

1)我不确定以% firstname _ %作为分隔符将数据存储在db中是否正确。

2)我不知道如何在用户选择的当前插入符号位置的消息框中添加“个性化标签”(带有十字图标的蓝色标签)。

3)我不知道如何只删除特定的“个性化标签”,而其余信息保持原样。

总而言之,请就如何最好地实现此类功能提出简要概述/逻辑。

PS:与facebook不同,我们只需要用户的“名字”,而不需要其他详细信息,例如姓氏,管理员名称,网站url等。

0 个答案:

没有答案