2016-04-06 9 views
0

İfadeleri kullanan bir sohbet uygulaması oluşturmaya çalışıyorum. Bir kullanıcı bir ifade etiketi girdiğinde, bu yazıyı yazıyorum (I. E.: mutlu :), yazar hala metin üzerinde çalışırken ve mesaj gönderilmeden önce giriş alanının içindeki ifadeye otomatik olarak dönüşür. İfade bir görüntü olabilir ama aynı zamanda bir animasyonlu gif olabilir. Ayrıca ayrıştırılmış metin için de çalışmalıdır. Bunun için nasıl giderim? Sofar bulduğum tek çözüm, giriş alanı gibi görünen bir div önermektedir; giriş alanı, kullanıcı metin yazarken görünmez bir şekilde gözükmektedir. Ancak bu, ekmek değirmeni ve macun ihtiyacına uygun davranıyor. Herhangi bir tavsiye çok takdir edilecektir!Kullanıcı yazarlarına mesaj yazarken img'ye yazmayı dönüştüren giriş

cevap

1

Örneğin contenteditable özelliğini kullanabilirsiniz:

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

Ardından "kodları" yerine, JavaScript dönüşüm haritası oluşturmak için harita üzerinden conrenteditable elemanı ve döngü değişiklikleri dinlemek gerekir İstenen unicode veya <img> etiketi ile.

Bu soruya bir cevap vermez here

+0

bir örneğe bakın. Yeterli [itibara] sahip olduğunuz zaman (http://stackoverflow.com/help/whats-reputation) herhangi bir gönderiye yorum yapabilirsiniz (http://stackoverflow.com/help/privileges/comment); bunun yerine, [askerden açıklama istemeyen cevaplar verin] (http://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do-yerine). - [Yorum Yaz] (/ review/düşük kaliteli yazılar/11918500) – ochi

+0

Aslında öyle. Çözümün ilk adımı. Klavyeme döndüğümde bunu açıklığa kavuşturmak için cevabımda bir düzenleme yapacağım. – Regaddi

+0

düzenlenebilir bir içerik yapmak, kullanıcı en iyi şekilde yazmaya devam ederken simgeleri (otomatik olarak) ekleme ile hiçbir ilgisi yoktur, bu eksik – ochi

İlgili konular