Kérdés TinyMCE szerkesztő belenyúl

Több
2016 nov. 11 14:47 #1 Írta: Redpaladin
Redpaladin létrehozta a témát: TinyMCE szerkesztő belenyúl
Sziasztok!

Szerettem volna egyéni html modulban beilleszteni egy kis html kódsorokat de mentéskor mindig kiszedi a szerkesztő a számára nem fontos kódsorokat.

Következő a problémám ilyesmit akartam beilleszteni:
<div class="megoldasaink">
<a href="#">
  <img src="images/megoldasaink/proba.png" alt="probamegnevezes" />
  <h3>főcím</h3>
  <h4>alcím</h4>
  <p>
	biztonsági megoldások blabla blabla
  </p>
  <div class="tovabbi_info_gomb">További infó</div>
</a>
</div>

A hivatkozást szerettem volna egy egészre érvényesre vonatkoztatni és mindig kiszedi a hivatkozást és áthelyezi így:
<div class="megoldasaink">
<a href="#">
  <img src="images/megoldasaink/proba.png" alt="probamegnevezes" />
</a>
  <h3>főcím</h3>
  <h4>alcím</h4>
  <p>
	biztonsági megoldások blabla blabla
  </p>
  <div class="tovabbi_info_gomb">További infó</div>

</div>

Mit csináljak? Hol tudok belenyúlni,hogy rávegyem a Joomla-t,hogy ne piszkálja meg és tartsa tiszteletben a beállításomat?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 11 16:38 - 2016 nov. 11 17:50 #2 Írta: Zotius
Zotius válaszolt a témára: TinyMCE szerkesztő belenyúl
A szerkesztő azért "nyúl bele" az általad készített kódba, mert egy oldalon belüli hivatkozás (horgony, anchor) esetén az <a> tag elhelyezése így helyes. A horgony nem foghat át több tag-et, ahogy azt az általad kívánt kódban tetted.
Horgony használata esetén a dokumentum egy pontját lehet/szabad célként megjelölni, ahogy a W3Schools mintaoldalon is bemutatják:
<!DOCTYPE html>
<html>
<body>

<h2 id="top">Top of page!</h2>

<p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.</p>
<p>"Whenever you feel like criticizing any one," he told me, "just remember that all the people in this world haven't had the advantages that you've had."</p>
<p>He didn't say any more, but we've always been unusually communicative in a reserved way, and I understood that he meant a great deal more than that. In consequence, I'm inclined to reserve all judgments, a habit that has opened up many curious natures to me and also made me the victim of not a few veteran bores. The abnormal mind is quick to detect and attach itself to this quality when it appears in a normal person, and so it came about that in college I was unjustly accused of being a politician, because I was privy to the secret griefs of wild, unknown men.</p>

<a href="#top">Go to top</a>
</body>
</html>
A fenti példában a <h2> címszintű elem a cél, melyet a "top" azonosítóval lát el: <h2 id="top">,
és a dokumentum alján az <a> tag href="#top" attribútumában adja meg, hogy a hivatkozásnak az legyen a célja: <a href="#top">

A példádban, melyet meg szeretnál valósítani, a képen kívül belefoglaltad a <h3> és <h4> címszinteket és az azutáni <p> bekezdést is. Ez ráadásul a hivatkozás célja, nem pedig maga a hivatkozás, melyre kattintva a célra lehetne/kellene ugrani.
Ez így nem jó.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2016 nov. 11 17:50 Írta: Zotius. Indoklás: kiegészítés

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 11 17:59 - 2016 nov. 11 18:11 #3 Írta: Zotius
Zotius válaszolt a témára: TinyMCE szerkesztő belenyúl

Redpaladin írta: Mit csináljak? ...


... szerintem tanulmányozd át figyelmesen az <a> tag szintaktikáját... ;)

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2016 nov. 11 18:11 Írta: Zotius.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2016 nov. 11 18:07 #4 Írta: Zotius
Zotius válaszolt a témára: TinyMCE szerkesztő belenyúl
Még szerencse, hogy a TinyMCE "csak" ennyire alakította át az általad beírt kódot. Ugyanezt az Ark Editor így alakította volna át:
<div class="megoldasaink"><a href="#"><img alt="probamegnevezes" src="images/megoldasaink/proba.png" /> </a>
  <h3><a href="#">főcím</a>
  </h3>
  <a href="#"> </a>
  <h4><a href="#">alcím</a>
  </h4>
  <a href="#"> </a>
  <p><a href="#">biztonsági megoldások blabla blabla </a>
  </p>
  <a href="#"> </a>
  <div class="tovabbi_info_gomb"><a href="#">További infó</a>
  </div>
  <a href="#"> </a>
</div>
Ebből is látszik, hogy a kódod nem jó.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!