TinyMCE szerkesztő belenyúl

Több
6 éve 10 hónapja #10693 Írta: Redpaladin
TinyMCE szerkesztő belenyúl téma létrehozva Redpaladin által
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:
Code:
<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:
Code:
<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
6 éve 10 hónapja - 6 éve 10 hónapja #10694 Írta: Zotius
Zotius válaszolt a következő témában: 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:
Code:
<!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: 6 éve 10 hónapja Zotius által. Indoklás: kiegészítés

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

Több
6 éve 10 hónapja - 6 éve 10 hónapja #10695 Írta: Zotius
Zotius válaszolt a következő témában: 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: 6 éve 10 hónapja Zotius által.

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

Több
6 éve 10 hónapja #10696 Írta: Zotius
Zotius válaszolt a következő témában: 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:
Code:
<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!