Prism.js formatowanie

pytanie zadane 19 października 2016 w JavaScript przez ayo1001 Obywatel (1,890 p.)

Cześć,

Jak można dodać kod HTML między znaczniki <code> ? Jak próbuję wstawić go przez wklejenie (kod jest poniżej) to niestety wygląda to jak by kod się nie ładował tak jak powinien.

np. chce dodać taki:

<div class="AAA">
	<b>Default!</b>Tekst...
</div>

Trzeba ten kod jakoś wcześniej sformatować? Czy ja go źle wklejam?

<pre>
	<code class="language-markup">
	//Jak dodać tu kod HTML??
	</code>
</pre>

Mam dodane pliki: prism.js i prism.css i tyle.

1 odpowiedź

odpowiedź 19 października 2016 przez LisekPL Bywalec (2,920 p.)
wybrane 27 października 2016 przez ayo1001

Najlepsza

Sprawdziłem i można normalnie wewnątrz <code> umieszczać inne znaczniki. Musiałbyś sprawdzić te pliki prism.js i prism.css, czy w nich czegoś nie przestawiłeś dla tagu <code> lub dla klasy "language-markup".

komentarz 20 października 2016 przez ayo1001 Obywatel (1,890 p.)

W takim razie co tu jest źle: DEMO

Trzeba zamienić znaki "<" i ">" na: >&lt, &gt ?

komentarz 20 października 2016 przez LisekPL Bywalec (2,920 p.)

Sprawdziłem i ten błąd powoduje JavaScript. Jest on napisany w taki sposób żeby usuwać kod html (poza znacznikami <br>). Napisałem taką funkcję która umożliwi wpisywanie kodu html:

setTimeout(tagiHtml, 1);
function tagiHtml ()
{
	var kod = document.getElementsByTagName("code")[0].innerHTML;
	
	for (var i2 = true; i2;)
	{
		if (kod.indexOf("[") != -1)
			kod = kod.replace("[","<");
		else
			i2 = false;
	}
	for (var i2 = true; i2;)
	{
		if (kod.indexOf("]") != -1)
			kod = kod.replace("]",">");
		else
			i2 = false;
	}
	document.getElementsByTagName("code")[0].innerHTML = kod;
}

Umieść ją na końcu skryptu prism.js.

Tagi html będziesz musiał zapisywać w takich nawiasach [ ], a nie w takich < >. Nie używaj też znacznika [br]. Wystarczy że przejdziesz do nowej linii. Nie polecam też umieszczania DIVów.