2009-10-14 20 views
7

Bir textarea içeriği düzenlenebilir hale getirmeye çalışıyorum ve başarısız oldum.Textarea contenteditable

<textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea> 

Herkes işe yaramıyor neden bir fikir var mı http://html5demos.com/contenteditable

gibi bir sonuç bekliyorum: Bu kodu kullanıyorum?

Düzenleme: (HTML) biçimlendirilmiş içeriği yapıştırılabilir olduğu bir forma denetim ekleme ve biçimlendirmeyi korumak için Oneliner yapmaya çalışıyorum çünkü

ben yapıyorum. Bunu yaygara olmadan ve javascript kodu olmadan yapmaya çalışıyorum. Görünüşe göre bu mümkün değil. Aksine daha fazla girdi eklenmezse bu soruyu bir gün içinde kapatırım.

cevap

1

Bir textarea kullanmıyorlar, textareas zaten düzenlenebilir.

+1

Bir cesur metin vb yapıştırabileceğiniz bir WYSIWYG için umuyordum. Bunun nedeni, düzenlendikten sonra bir form gönderiminde bunu göndermem gerekmesi. –

+0

Bunun gibi bir şeye ihtiyacım var. Bazı kişilerin aslında içeriğini gizli bir alana yazdığını gördüm, ancak her değişiklik yaptığınızda veya execCommand –

+0

'u çalıştırdığınızda bu güncellemeyi yapmanız gerekir. Ancak bölüm veya benzeri bir nesne yer tutucu, gerekli vb. Gibi yerel işlevleri desteklemiyor. Html formatı olarak düzenlenebilir içerik için textarea canot desteği. –

3

Sayfanın en üstünde doğru doktrin ayarını yaptınız mı? HTML5 için aşağıdaki doctype gerekir:

<!DOCTYPE html> 

Ayrıca, neden bir textarea? textareas zaten düzenlenebilir.

+0

Ben'in gönderdiği gibi, \t Bir kişinin kalın metin vb. Yapıştırabileceği ve biçimlendirmeyi koruyabileceği bir WYSIWYG olmasını umuyordum. Bunun nedeni, düzenlendikten sonra bir form gönderiminde bunu göndermem gerekmesidir. –

+2

Form, biçimlendirmeyi göndermez. Bunun yerine bir div koyun ve div'in innerHTML okumak için onSumbit kullanın. – Marius

+0

Teşekkürler Marius. Öldürmeyi umuyordum, ama başlıyoruz. –

0

Yorum yanıtlarınız verildiğinde, mükemmel WYSIWYG düzenleyicilerinden herhangi birini öneririm. Tekerleği yeniden icat etmeye gerek yok, ve ben de contenteditable'un ihtiyaçlarınızı karşılayacağını düşünmüyorum.

Benim en sevdiğim şey CKEditor, ama daha birçokları var. TinyMCE da çok popüler.

+3

Sorunlarımı çözmek için bir oneliner kullanmayı umuyordum (sadece biçimlendirilmiş metni tutabilecek basit bir metin alanına ihtiyaç duyuyordu) ama bu kartlarda görünmüyor.Öneri için teşekkürler. Çaba için –

1

Hiçbir şeyi tekrarlamak istemiyorum, ama neler olduğunu gösteren bir demo hazırladım.

http://gist.github.com/210327

Sadece istediğine düzenlemek ve contenteditable eleman gerçek html biçimli içeriğin bir çıkış ile bir uyarı mesajı almak için 'Çıktı Biçimlendirilmiş İçerik' deyimi tıklayın, bu çalıştırın. Biçimlendirme vb. Eklemek için, vurgulanan her şey üzerinde bir metin değiştirme işlevi çağıran düğmeler yapmanız gerekir. Evet, bu kısım eğlenceli olacak. Bununla birlikte, bunun yardımcı olacağını umuyorum.

+3

+1, ama ihtiyacım olan şey tam olarak değil ... çünkü ihtiyacım olan şeyin mümkün olmadığını düşünüyorum. –