Posting av kode i foraet

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008

Jeg jobber med å implementere innbygging av fargekoder i hjemmesideforaet, men det har vært lettere sagt enn gjort. Vil her vise noe av funksjonaliteten og forklare hvordan den oppnås.

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Liming av fargekodet HTML, CSS og PHP i foraet

Viktig angående liming av kode!

Forskjellige nettlesere oppfører seg litt forskjellig. For å poste kode er det enkleste å gjøre følgende:

  1. Trykk på php, html eller css avhengig av hva du skal legge inn
  2. Trykk på Kilde i editoren
  3. Legg inn koden du skal ha mellom <pre>-taggene
  4. Klikk på kilde igjen for å gå ut av kilden

Koden din vil IKKE bli vist i WYSIWYG editoren, men den er der og vil komme til syne når du har publisert innlegget.

Guiden under fungerer på Firefox, men i Chrome går editoren ut av kodemodus når man limer inn.

For prøving og feiling, post random kode i denne tråden.

Liming av PHP.

For å lime inn php er det best å kopiere kildekoden man skal lime inn fra f.eks. notepad. Dette for å unngå at teksten man limer inn er forhåndsformatert.

Trykk på knappen «php» og lim inn kildekoden. Den vil ikke bli formatert inne i WYSIWYG editoren, men blir det når du publiserer innlegget.

Eksempel på pasting (liming) av kort PHP script.

  1. <?php
  2. /**
  3.  * Vi kommenterer litt her sånn at kildekoden blir fin.
  4. */
  5.  
  6. // Vi smeller opp en array
  7. $arr = array('foo', 'bar', 'baz');
  8.  
  9. # Så looper vi gjennom den
  10. for($i=0; $i<count($arr); $i++) {
  11. print $arr[$i] . "\r\n";
  12. }
  13. ?>

Ved skriving av PHP

Hvis du ikke har forhåndsskrevet det du vil poste, så kan man også skrive på frihånd, men merk to ting; 1) det er vanskelig å indentere kode og 2) hold inne Shift når du trykker Enter for linjeskift. Hvis du glemmer å holde inne Shift når du klikker Enter, så vil du hoppe ut av kodemodus.

  1. <?php
  2. $string = 'Jeg skal nå gjøre et linjeskift';
  3. echo $string;
  4. ?>

Liming og skriving av HTML i foraet

Og da får jeg vel nevne kort at det samme gjelder for HTML. Les om PHP hvis du ikke skjønner hva jeg snakker om. Her er et eksempel på HTML-kode i foraet.

  1. <!-- Dette er en HTML-kommentar -->
  2. <div id="main">
  3. <h2 class="title">Hello World!</h2>
  4. <p>Hello World er det beste scriptet i verden.</p>
  5. </div>

Husk Shift + Enter ved linjeskift, ellers går du ut av kodemodus blunk

Liming og skriving av CSS i foraet

For CSS gjelder selvfølgelig det samme som for PHP, så les det. Output av CSS ser slik ut:

  1. /* Dette er en kommentar i CSS */
  2. #content h2.title {
  3. text-transform: none;
  4. margin-top: 1.3em;
  5. margin-bottom: 0.8em;
  6. color: #246998;
  7. font-size: 1.6em;
  8. }

Hva er det du må huske på når du skifter linje i kodemodus? blunk

Svar på forumemnet

(If you're a human, don't change the following field)
Your first name.
Innholdet i dette feltet blir holdt privat og vil ikke bli vist offentlig.