SyntaxHighlighter kullanan var mı?

06.04.2012 22:26

digidukkan WM Aracı Kullanıcı

Üyelik 26.01.2012
Yaş/Cinsiyet 34 / E
Meslek Meslek
Konum Diğer

Ad Soyad A** K**
Mesajlar 1194
Beğeniler 1 / 269
Ticaret 5, (%100)

Arkadaşlar sitesinde SyntaxHighlighter kullanan var mı? eklenti olarak değilde direk sitesine ekleyen ama. ben ekledim ama birkaç sormak istediğim şey var, belki bunlara yanıt bulabilirim.

Birincisi yukarıdaki kodlar arasında
kodunun görünmesini istemiyorum, bunu nasıl yapabilirim.

İkincisi kodları ekranda 300px'lik bir alanda gösteriyorum ama 300px bittiğinde alt satıra inmiyor onun yerine kod'un 300px'den sonrası görünmüyor.

06.04.2012 22:30

#2

Sinan Grana Kullanıcı

Üyelik 18.07.2011
Yaş/Cinsiyet 31 / E
Meslek Yazılım Geliştirme Uzmanı
Konum İstanbul Avrupa

Ad Soyad S** Y**
Mesajlar 3509
Beğeniler 1321 / 1320
Ticaret 97, (%100)

overflow:auto; değerini ver scroll çıkması için. Eklenti olarak değilde direk sitesine ekleyen derken?

Aklıma şöyle birşey geldi ama doğru anladım mı demek istediğini bilmiyorum:

pre br{margin:0;padding:0}

Sanırım boşluk olmasından şikayetçisin.

06.04.2012 22:45

#3

furkanozden Geleceğe hazır mısın? Kullanıcı

Üyelik 25.06.2011
Yaş/Cinsiyet 30 / E
Meslek Blogger
Konum Samsun

Ad Soyad F** Ö**
Mesajlar 2462
Beğeniler 98 / 442
Ticaret 2, (%100)

Ben bunun için şu siteyi kullanıyorum.

Kodları da genelde şu şekil ekliyorum.

JS her türlü koda ayak uyduruyor. Mesela xml kod yazdın diyelim.

şeklinde yazacaksın.

Burada da konusu var Blogger için Syntax Highlighter eklentisi

Are you alright?

06.04.2012 22:53

#4

digidukkan WM Aracı Kullanıcı

Üyelik 26.01.2012
Yaş/Cinsiyet 34 / E
Meslek Meslek
Konum Diğer

Ad Soyad A** K**
Mesajlar 1194
Beğeniler 1 / 269
Ticaret 5, (%100)

furkanozden adlı üyeden alıntı

Ben bunun için şu siteyi kullanıyorum.
Kodları da genelde şu şekil ekliyorum.

JS her türlü koda ayak uyduruyor. Mesela xml kod yazdın diyelim.

şeklinde yazacaksın.
Burada da konusu var Blogger için Syntax Highlighter eklentisi

benim blogger yada hazır blog sistemi değil, asp de kendim kodladım ama bende

şeklinde ekliyorum. asp için nasıl birşey eklicez o zaman bölüme bilgin var mı?

siteye mesajları wysiwyg kullanarak ekliyorum. wysiwyg'de alt satıra indiğimde otomatik
ekliyor. işin kötü tarafı

kodları arasında alt satıra inersem ekrana
kodunu da yazdırıyor ama ben
kodunun ekrana yazdırılmasını istemiyorum. örnek aşağıda.

<%

Set conn=server.CreateObject("ADODB.connection")

conn.Open("DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" & Server.MapPath("*.mdb"))

%>

Ek Olarak:

Sinan adlı üyeden alıntı

overflow:auto; değerini ver scroll çıkması için. Eklenti olarak değilde direk sitesine ekleyen derken?
Aklıma şöyle birşey geldi ama doğru anladım mı demek istediğini bilmiyorum:
pre br{margin:0;padding:0}
Sanırım boşluk olmasından şikayetçisin.

ben bir sorun göremedim ama birde sen bakarsan sevinirim. CSS kodları aşağıda.

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter 
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 
 *
 * @version
 * 3.0.83 (July 02 2010)
 * 
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.1em !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size:13px !important;
  min-height: inherit !important;
  min-height: auto !important;
}

.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important;
}
.syntaxhighlighter.source {
  overflow: hidden !important;
}
.syntaxhighlighter .bold {
  font-weight: bold !important;
}
.syntaxhighlighter .italic {
  font-style: italic !important;
}
.syntaxhighlighter .line {
  white-space: pre !important;
}
.syntaxhighlighter table {
  width: 100% !important;
}
.syntaxhighlighter table caption {
  text-align: left !important;
  padding: .5em 0 0.5em 1em !important;
}
.syntaxhighlighter table td.code {
  width: 100% !important;
}
.syntaxhighlighter table td.code .container {
  position: relative !important;
}
.syntaxhighlighter table td.code .container textarea {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: white !important;
  padding-left: 1em !important;
  overflow: hidden !important;
  white-space: pre !important;
}
.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important;
}
.syntaxhighlighter table td.code .line {
  padding: 0 1em !important;
}
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
  padding-left: 0em !important;
}
.syntaxhighlighter.show {
  display: block !important;
}
.syntaxhighlighter.collapsed table {
  display: none !important;
}
.syntaxhighlighter.collapsed .toolbar {
  padding: 0.1em 0.8em 0em 0.8em !important;
  font-size: 1em !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
}
.syntaxhighlighter.collapsed .toolbar span {
  display: inline !important;
  margin-right: 1em !important;
}
.syntaxhighlighter.collapsed .toolbar span a {
  padding: 0 !important;
  display: none !important;
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
  display: inline !important;
}
.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font-size: 10px !important;
  z-index: 10 !important;
}
.syntaxhighlighter .toolbar span.title {
  display: inline !important;
}
.syntaxhighlighter .toolbar a {
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  padding-top: 1px !important;
}
.syntaxhighlighter .toolbar a.expandSource {
  display: none !important;
}
.syntaxhighlighter.ie {
  font-size: .9em !important;
  padding: 1px 0 1px 0 !important;
}
.syntaxhighlighter.ie .toolbar {
  line-height: 8px !important;
}
.syntaxhighlighter.ie .toolbar a {
  padding-top: 0px !important;
}
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
  background: none !important;
}
.syntaxhighlighter.printing .line .number {
  color: #bbbbbb !important;
}
.syntaxhighlighter.printing .line .content {
  color: black !important;
}
.syntaxhighlighter.printing .toolbar {
  display: none !important;
}
.syntaxhighlighter.printing a {
  text-decoration: none !important;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
  color: black !important;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
  color: #008200 !important;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
  color: blue !important;
}
.syntaxhighlighter.printing .keyword {
  color: #006699 !important;
  font-weight: bold !important;
}
.syntaxhighlighter.printing .preprocessor {
  color: gray !important;
}
.syntaxhighlighter.printing .variable {
  color: #aa7700 !important;
}
.syntaxhighlighter.printing .value {
  color: #009900 !important;
}
.syntaxhighlighter.printing .functions {
  color: #ff1493 !important;
}
.syntaxhighlighter.printing .constants {
  color: #0066cc !important;
}
.syntaxhighlighter.printing .script {
  font-weight: bold !important;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
  color: gray !important;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
  color: #ff1493 !important;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
  color: red !important;
}
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
  color: black !important;
}

.syntaxhighlighter {
  background-color: white !important;
}
.syntaxhighlighter .line.alt1 {
  background-color: white !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: white !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #e0e0e0 !important;
}
.syntaxhighlighter .line.highlighted.number {
  color: black !important;
}
.syntaxhighlighter table caption {
  color: black !important;
}
.syntaxhighlighter .gutter {
  color: #afafaf !important;
}
.syntaxhighlighter .gutter .line {
  border-right: 3px solid #6ce26c !important;
}
.syntaxhighlighter .gutter .line.highlighted {
  background-color: #6ce26c !important;
  color: white !important;
}
.syntaxhighlighter.printing .line .content {
  border: none !important;
}
.syntaxhighlighter.collapsed {
  overflow: visible !important;
}
.syntaxhighlighter.collapsed .toolbar {
  color: blue !important;
  background: white !important;
  border: 1px solid #6ce26c !important;
}
.syntaxhighlighter.collapsed .toolbar a {
  color: blue !important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
  color: red !important;
}
.syntaxhighlighter .toolbar {
  color: white !important;
  background: white !important;
  border: none !important;
}
.syntaxhighlighter .toolbar a {
  color: white !important;
}
.syntaxhighlighter .toolbar a:hover {
  color: white !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: black !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #008200 !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
  color: blue !important;
}
.syntaxhighlighter .keyword {
  color: #006699 !important;
}
.syntaxhighlighter .preprocessor {
  color: gray !important;
}
.syntaxhighlighter .variable {
  color: #aa7700 !important;
}
.syntaxhighlighter .value {
  color: #009900 !important;
}
.syntaxhighlighter .functions {
  color: #ff1493 !important;
}
.syntaxhighlighter .constants {
  color: #0066cc !important;
}
.syntaxhighlighter .script {
  font-weight: bold !important;
  color: #006699 !important;
  background-color: none !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
  color: gray !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: #ff1493 !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: red !important;
}

.syntaxhighlighter .keyword {
  font-weight: bold !important;
}

07.04.2012 00:41

#5

furkanozden Geleceğe hazır mısın? Kullanıcı

Üyelik 25.06.2011
Yaş/Cinsiyet 30 / E
Meslek Blogger
Konum Samsun

Ad Soyad F** Ö**
Mesajlar 2462
Beğeniler 98 / 442
Ticaret 2, (%100)

asp beni aşar. wysiwyg'de otomatik br ekleme diye birşey yok mu ? Bloggerın editöründe var da.

Are you alright?

07.04.2012 08:15

#6

digidukkan WM Aracı Kullanıcı

Üyelik 26.01.2012
Yaş/Cinsiyet 34 / E
Meslek Meslek
Konum Diğer

Ad Soyad A** K**
Mesajlar 1194
Beğeniler 1 / 269
Ticaret 5, (%100)

furkanozden adlı üyeden alıntı

asp beni aşar. wysiwyg'de otomatik br ekleme diye birşey yok mu ? Bloggerın editöründe var da.

En azindan benim kullandigim wysiwyg'de yok :) once manuel olarak cozebilsem sorunu sonra wysiwyg'ye de eklerim.

SyntaxHighlighter kullanan var mı?

Üye Girişi Yap