2010-11-20 8 views
2

kullanarak ekleme ve biri düzenleyebilir/tüm WYSIWYG web editörü kullanılır ne gibi sayfanın belirli bölümlerine içeriğini biçimlendirebilir, ExecCommand. Bununla birlikte, böyle bir özelliğin uygulanmasına yönelik çok sayıda tarayıcı tutarsızlığı vardır ve bu tür web editörleri bunları elle işlemeye yönlendirmiştir. Benim durumumdaÇapraz tarayıcı güçlü/em <em>contentEditable</em> özelliğinin kullanılması ExecCommand

IE benim böyle istediğinizi tam olarak ne olduğu, Kalın ve İtalik komutlar için güçlü ve em elemanları kullanır sonra semantik güçlü ve em ve b, i görsel stilleri olmayanlar ve/veya yayılma alanı. Ancak, diğer tarayıcılar bu görsel stil öğelerini kullanır ve güçlü veya em öğelerini ayarlamak için bir yol sağlamaz.

mümkün güçlü ve tüm tarayıcılarda em kullanmak yapmak için bir yol var mı? IE'lere yaklaşık bir sonuç vermesi koşuluyla böyle bir şeyle başa çıkmak için yeni komutlar eklemem mümkün değil. Ayrıca, tarayıcıları kırmadan (veya en azından eşit bir şekilde kırmaksızın) satır içi/blok öğelerini kesiştirmek için bunları güzel olacaktır. Evet, diğer editörlerden bazılarını kullanabilirim, ancak bu özellikle ilgileniyorum. Herhangi bir yardım için minnettar olurum.

Belki yanlış anlama ediyorum size

+0

Bunun için bir çözüm üzerinde çalışıyorum ve hazır olduğunda burada yayınlayacağım. –

+0

Cool Tim. Bununla nasıl başa çıkacağını görmek için sabırsızlanıyorum. Teşekkürler dostum. – cria

+0

Bu konudaki çalışmalarım bir süre önce durdu. Kapsamın sürünmesine izin verdim ve hepsi benden kaçtı. Bir gün geri döneceğim. –

cevap

0

ederiz ama em ayarlayabilir ve CSS kullanarak çekilmesini istediğiniz kadar güçlü.

strong{ font-weight:bold } 
+0

Evet, yanlış anlaşılıyorsunuz: soru, belgenin, kullanıcının seçtiği içeriğin bazı özelliklerini değiştirmek için genellikle WYSIWYG editörlerinde kullanılan bir belge olan document.execCommand() 'ile ilgilidir. –

+0

Açıklayıcı bir soru koyduğumda, bunu başkalarına açık hale getirdiğimi umuyordum. Maalesef başarısız oldum :) – cria

1

Tam olarak ne demek istediğimi biliyorum çünkü aynı sorunla karşılaştım.

Using contentEditable in Firefox: 'bold' renders correctly, but html code is incorrect

('cesur') ExecCommand önce aşağıdaki satırı ekleyerek, diyor, buradan görmek için:

document.execCommand('StyleWithCSS', false, false); 
gerçekten zor burada arayarak (StackOverflow'daki bir bağlantı) Bence bir şey yardımcı olur

Denemeyi denedim ve bir Firefox 13.0.1 içine ekledim (bundan önce FF eklenmiş "font-weight: bold"). Şimdi çok heyecanlıyım.

İlgili konular