Svi primeri kako je Blogger rešio problem sa slikama

U suštini, ovaj tekst je bio samo moja interna beleška o promenama koje se trenutno dešavaju na ovoj platformi, ali ga, na neki način, smatram korisnim, te ga iz tog razloga i delim sa Vama.

Elem, pre izvesnog vremena sam prijavio bug koji se pojavio na blogger-u, a vezan je za način na koji se slike umeću u sadržaj.

Kao i svaka revnosna kompanija, Bloggerov tim je rešio ovaj problem, kreirajući čitav niz drugih, potencijalnih problema.

Da rezimiramo i vidimo kako je to rešeno - uz pomoć mnogo bloatware i nepotrebnog kóda.

Na početku paragrafa

Ukoliko umetnemo sliku na početak paragrafa, dobijamo sledeći html:

tekst prvog paragrafa</p>
  <p style="text-align: justify;"></p>
  <div class="separator" style="clear: both; text-align: center;">
    <a
      href="link"
      imageanchor="1"
      style="margin-left: 1em; margin-right: 1em;"
      ><img
        border="0"
        data-original-height="720"
        data-original-width="960"
        src="link"
        width="320"
    /></a>
  </div>
  <br />
  Tekst drugog paragrafa
  <p></p>
code-box

Vidimo da je dodat "prazan" paragraf iznad slike, tj između prethodnog pasusa i fotografije. Međutim, pasus u koji je umetnuta slika postaje neformatiran, tj bez HTML oznaka! Da stvar bude još gora, između njega i slike je stavljen prelom (br) koji će se činiti kao "dodatni prostor" kada, nakon svega, formatiramo i ovaj pasus.

Primetite da je Bloggerov post editor dodao još jedan prazan paragraf nakon pasusa u koji smo umetnuli sliku!

Na kraju paragrafa

Ukoliko umetnemo sliku na kraj paragrafa, dobijamo sledeći html:

tekst prvog paragrafa</p>
  <div class="separator" style="clear: both; text-align: center;">
    <a
      href="link"
      imageanchor="1"
      style="margin-left: 1em; margin-right: 1em;"
      ><img
        border="0"
        data-original-height="720"
        data-original-width="960"
        src="link"
        width="320"
    /></a>
  </div>
  <br />
  <p></p>
  <p style="text-align: justify;">
  Tekst drugog paragrafa
code-box

Vidimo da paragraf iznad slike nije diran i da će se prikazivati normalno. Međutim, pre sledećeg pasusa je umetnut i prelom reda (br), ali i prazan paragraf!

U sredini paragrafa

Ukoliko pokušamo da umetnemo sliku u sredinu paragrafa (HTML nam to dozvoljava, jer je img inline element) dobijamo html koji je isti kao kada fotografiju postavljamo na početku paragrafa.

Drugim rečima, post editor će razbiti paragraf na dva dela, gde će prvi deo biti ispravno formatiran, a drugi deo će ostati bez ikakvih HTML oznaka!

Naravno da će biti ubačeni bespotreban prelom reda i prazan paragraf, čisto da nam dodatno zagorča život, koji nije nimalo lak posle saznanja da Blogger pogrešno smatra da je img block element!

Slike sa opisima

Glavni problem u trenutku kada se bug pojavio su bile slike sa opisima. Bloggerov tim je odradio jedno čudno i prilično neočigledno rešenje.

Naime, kada se pojavi prozorčić sa upozorenjem, potrebno je kliknuti na dugme SWITCH (prebaci) i editor će sam pozatvarati paragrafe i pozicionirati fotografiju na način na koji je prethodno objašnjeno.

Postavlja se pitanje: da li je prijavljivanje bug-a bilo od koristi? Po svemu sudeći - izgeda da nije....

Nadam se da će ovaj tekst još nekom biti od koristi.