當用戶作者消息將輸入轉換爲img輸入

我正嘗試創建一個使用圖釋的聊天應用程序。當用戶輸入表情符號標籤時，我希望該標籤（I. E.：happy :)自動轉換爲輸入字段內的表情符號，而作者仍在處理文本並在發送消息之前進行處理。表情符號可以是一個圖像，但也可以是一個動畫gif。它也應該用於解析文本。我會怎麼做呢？我找到的唯一解決方案就是建議一個看起來像輸入字段的div，輸入字段在用戶寫入文本時隱藏在其內部。但是這看起來不夠優雅，並且符合粘貼要求。任何建議將不勝感激！當用戶作者消息將輸入轉換爲img輸入

來源

2016-04-06 Z101

您可以使用contenteditable屬性，例如：

<p contenteditable="true">This is an editable paragraph.</p>

然後，您將需要創建在JavaScript中轉換地圖，聆聽通過地圖0元素和環路上的更改，替換「代碼」與所需的Unicode或<img>標籤。

查看示例here

來源

2016-04-06 16:42:53 Regaddi

這不會提供問題的答案。一旦你有足夠的[聲譽]（http://stackoverflow.com/help/whats-reputation），你將能夠[評論任何職位]（http://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提問者澄清的答案]（http://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 - [來自評論]（/ review/low-quality-posts/11918500） – ochi

其實它確實。這是解決方案的第一步。我將對我的答案進行編輯，以澄清一旦我回到我的鍵盤。 – Regaddi

使內容可編輯與添加圖標無關（自動），而用戶繼續輸入......充其量，這是不完整的 – ochi

當用戶作者消息將輸入轉換爲img輸入

回答

相關問題