v2.5.2
Giriş yap

css style sıfırlama

burak001
555 defa görüntülendi

editörle resim yüklendiğinde otomatik resimin kendi boyutlarını atıyor
bu boyutları css dosyamda nasıl sıfırlarım
örnek oalarak

  <img src="page/tulum.png" style="width:260px;height:182px;">

yapmak istediğim bu boyutları ana css dosyamda sıfırlamak

alico
1197 gün önce

Bahsettiğin tinymce gibi metin editörü ise o editörün dokumanuna gidecek ve image için style sıfırlayıp css bastıran kural yazacaksın.

Örneğin Tinymce 4.7 versiyonlarında set ayarlarından valid_elements diye bir dizi etiketler yer alırdı. img[class|src] yazardık. Yani img etiketi kabul et ve içinde sadece class ve src kullanımına izin ver. Style ile atanan ilk yüklemedeki değerler de otomatikman siliniyordu diye hatırlıyorum.

Müdahele edemediğin bir alan olup örnekte yazdığın gibi image içindeki style tanımı ile önzüye geliyor ve bunu sormak istediğin gibi css dosyadan ezerek sıfırlayacam diyorsanda kural yazacaksın. Sana tavsiyem bu kuralı yazmak istediğin scop alanını daraltman olur.

.rst-img-u img { width:unset!important; height:unset!important; }
.rst-img-x img { width:100%!important; height:auto!important; }
.rst-img-y img { width:auto!important; height:100%; }

Yani bu methotdların sonu yok. O yüzden en verimli en mantıklı hangisi olur diye sorma bunun cevabı kullanacağın yere ve amaca göre bulunur.