前端聊天输入框支持img图片标签，但是想让其他HTML标签原文输出，如何实现？

[Gisonyeung]

用户在输入框输入内容发送时，想让img标签（主要用于显示表情）以HTML的形式显示，让其他非img标签的标签以pre形式显示，想用正则表达式，要怎么判断呢？
但是还有个疑问，如果用户在输入框中同时输入img标签和其他语义标签，应该怎么处理好一点？我想让img标签显示，让其他标签以文本形式显示，很难做到吧？如果做不到这个，那应该选择何种方式处理？

[似梦飞花]

用正则判断是否是img标签 除了这个摘出来后其他用document.createTextNode直接输出试试

[Gisonyeung]

引用 1 楼 zzgzzg00 的回复:

用正则判断是否是img标签 除了这个摘出来后其他用document.createTextNode直接输出试试

能帮忙写一下正则判断吗

[hch126163]

最简单的用 textarea 定义表情标签如：[微笑/]，显示时【显示前】，正则替换表情标签 为图片

[Gisonyeung]

引用 3 楼 hch126163 的回复:

最简单的用 textarea 定义表情标签如：[微笑/]，显示时【显示前】，正则替换表情标签 为图片

谢谢！之前一直想要这种效果！

[愤怒的番薯]

支持下