Yeni Kayıt
Konudaki Resimler
< Bu mesaj bu kişi tarafından değiştirildi webandyazilimprofesor -- 19 Şubat 2018; 18:1:22 > |
Hızlı 
Bildirim
Html pre tagındaki kodları kod olarak görme
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
Aşağıdaki örneği inceleyin anlarsınız.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>pre tagı arasına html kodları yazamak</title>
</head>
<body>
<h1>pre tagı arasına html kodları yazamak</h1>
<p>Bunun için özel html karakter setinden yararlanıyoruz.</p>
<pre>
<html>
<head>
<title>pre tagı</title>
</head>
<body>
<div>
<h1>Başlık</h1>
<p>Mesela paragraf</p>
</div>
</body>
</html>
</pre>
<p>Şeklinde yazıyoruz. Kaynak kodunu inceleyin nasıl yapıldığını anlarsınız :)</p>
</body>
</html>
-
quote:
Orijinalden alıntı: DoubleDragon
Aşağıdaki örneği inceleyin anlarsınız.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>pre tagı arasına html kodları yazamak</title>
</head>
<body>
<h1>pre tagı arasına html kodları yazamak</h1>
<p>Bunun için özel html karakter setinden yararlanıyoruz.</p>
<pre>
<html>
<head>
<title>pre tagı</title>
</head>
<body>
<div>
<h1>Başlık</h1>
<p>Mesela paragraf</p>
</div>
</body>
</html>
</pre>
<p>Şeklinde yazıyoruz. Kaynak kodunu inceleyin nasıl yapıldığını anlarsınız :)</p>
</body>
</html>
Merhaba,
dediğinizi ararken başka bir yöntem buldum :
http://jsfiddle.net/kU8bV/20/
Bir textarea'mız var ve bir kod butonumuz :
<textarea id="textarea" name="dtext" cols="50" rows="10"></textarea>
<button onclick="formatText(document.getElementById('textarea'),'[code]',[code])">Kod</button>
formatText bir javascript fonksiyonu :
function formatText(el,tagstart,tagend) {
if (el.setSelectionRange) {
el.value = el.value.substring(0,el.selectionStart) + tagstart + el.value.substring(el.selectionStart,el.selectionEnd) + tagend + el.value.substring(el.selectionEnd,el.value.length)
}
else {
// IE code here...
}
}
Birde bir gönder butonumuz var. Ona tıklayınca ise php'de şöyle bir kod :
$bbtext = filter_input(INPUT_POST, "dtext");
function showBBcodes($text) {
// BBcode array
$find = array(
'~\[b\](.*?)\[/b\]~s',
'~\[i\](.*?)\[/i\]~s',
'~\[u\](.*?)\[/u\]~s',
'~\[del\](.*?)\[/del\]~s',
'~\[a\](.*?)\[/a\]~s',
'~\[quote\](.*?)\[/quote\]~s',
'~\[size=(.*?)\](.*?)\[/size\]~s',
'~\(.*?)\[/color\]~s',
'~\[resim\](.*?)\[/resim\]~s',
'~\[font=(.*?)\](.*?)\[/font\]~s',
'~\[code\](.*?)\[/code\]~s',
);
// HTML tags to replace BBcode
$replace = array(
'<b>$1</b>',
'<i>$1</i>',
'<span style="text-decoration:underline;">$1</span>',
'<del>$1</del>',
'<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=131493113&url=$1" data-href="$1">$1</a>',
'<pre>$1</'.'pre>',
'<span style="font-size:$1px;">$2</span>',
'<span style="color:$1;">$2</span>',
'<img src="$1">',
'<span style="font-family:$1">$2</span>',
'<pre class="kod">$1</pre>',
);
// Replacing the BBcodes with corresponding HTML tags
$text = str_replace(['
', '[:|]', '
', '
', '
'], ['<img src="gulme.jpg">', '<img src="utanma.png">', '<img src="kizma.jpg">', '<img src="havali.png">', '<img src="goz.jpg">'], $text);
return preg_replace($find,$replace,$text);
if(strstr($text, "<pre>")){
?>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
var textvar = $('.kod').html();
$('.kod').text(textvar).html();
</script>
<?php
}
}
$htmltext = showBBcodes($bbtext);
echo $htmltext;
Kodu şöyle açıklayayım : bir arayanlar birde değiştirilecekler var (kod en altta) Birde sonra jsfiddle'daki js kodu.
Textarea'ya <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=131493113&url=google.com" data-href="google.com">ADRES</a> yazdım code bbcode'un içine. Ama maalesef sonuç pek iç açıcı değil (html kodu olarak görüyorum yani karşıma bir link çıktı)
Bu sorunu nasıl çözebilirim?
Yardımınıza ihtiyacım var.
< Bu ileti mobil sürüm kullanılarak atıldı >
-
webandyazilimprofesor
W
kullanıcısına yanıt
Ben sorduğunuz soruya bildiğim kadarıyla cevap yazdım. Başka bir yöntem buldum dediğiniz şeye baktım <pre> </pre> tagı arasında html, head ve body tagları bulunursa bunları göstermiyor. Diğer tagları gösteriyor.
Bundan sonraki yazdıklarınızdan hiç bir şey anlamadım. -
quote:
Orijinalden alıntı: DoubleDragon
Ben sorduğunuz soruya bildiğim kadarıyla cevap yazdım. Başka bir yöntem buldum dediğiniz şeye baktım <pre> </pre> tagı arasında html, head ve body tagları bulunursa bunları göstermiyor. Diğer tagları gösteriyor.
Bundan sonraki yazdıklarınızdan hiç bir şey anlamadım.
Merhaba,
ondan sonra projemi anlattım.
Textarea'nın ve kod butonunun kodlarını verdim. Ondan sonrada gönder butonuna tıklayınca bbcodeların nasıl html taglarına dönüştürdüğümü anlattım.
Projem ise textarea'daki metne özellik eklemek.
Umarım anlatabilmişimdir.
Yardımınıza ihtiyacım var. -
Böylece daha önce sorduğun meseleye geldik. Bununla ilgili hazır editör kullanmanı tavsiye etmiştim. Ama görülüyor ki huylu huyundan vazgeçmiyor. Amerika'yı yeniden keşfetmeye bayılıyorsun. -
quote:
Orijinalden alıntı: DoubleDragon
Böylece daha önce sorduğun meseleye geldik. Bununla ilgili hazır editör kullanmanı tavsiye etmiştim. Ama görülüyor ki huylu huyundan vazgeçmiyor. Amerika'yı yeniden keşfetmeye bayılıyorsun.
Peki teşekkür ederim
Aynen dediğin gibi huy bu kolay kolay vazgeçilmez.
< Bu ileti mobil sürüm kullanılarak atıldı >
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
