BB-Code auslesen oder speichern lassen

rapidhunter · 14.04.2009, 18:55

Hallo Leute,
hoffe ihr könnt mir helfen und zwar habe ich schon in einen Code gefunden und es klappt alles aber ich weiß nict wie ich das geschriebene speichern soll.
Wäre sehr dankbar über jede brauchbare antwort!!!
Dabke schon mal im voraus.

Hier der Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>BBC-Textfeld</title>
  <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
  <meta http-equiv="Content-Style-Type" content="text/css" />

  <style type="text/css">
  /* <![CDATA[ */
  #cpcontainer { height:56px; padding:5px; }

  #colorpicker       { border:2px ridge #dddddd; margin:auto; }
  #colorpicker td  { width:10px; height:10px; cursor:pointer; }
  #colorpicker td:hover  { width:8px; border:1px solid white; }

  #beitrag
  { width:650px;
    overflow:visible;
    padding:5px;
    background:#f8f8f8;
    position:relative;
  }
  #beitrag button
  { padding:1px 4px;
    background:url(button_grau.jpg) 0px center;
    border:1px solid #aaaaaa;
    cursor:pointer;
  }
  #beitrag select        { margin:0px 3px; }
  #beitrag textarea      { display:block; margin:5px auto; width:100%; }
  #beitrag div.center    { text-align:center; }
  #beitrag img           { border:none; }
  #beitrag #buttonleiste { white-space:nowrap; }
  #beitrag #smilies      { position:absolute; right:5px; }

  /* Speziell für den IE < 7 */
  * html #beitrag #schriftbutton { width:10em; }
  * html #beitrag button     { margin:0px 1px; }
  * html #beitrag select  { margin-bottom:0px; }

  /* ]]> */
  </style>

  <script type="text/javascript">
  /* <![CDATA[ */

  var idTextfeld    = 'nachricht';       // ID der <textarea>
  var idColorpicker = 'colorpicker';     // ID der Tabelle

  var rangeIE = null;

  function insertProperty(prop,val)
  {
    insertText('[' + prop + '=' + val + ']', '[\/' + prop + ']');
  }

  // IE/Gecko-Weiche zum Einfügen von Text ins Textfeld
  function insertText(vor, nach)
  {
     var textfeld = document.getElementById(idTextfeld);
     textfeld.focus();                                         // falls Cursor außerhalb war

     if(typeof document.selection != 'undefined')              // für IE, auch Opera
     {
       insertIE(textfeld, vor, nach);
     }
     else if (typeof textfeld.selectionStart != 'undefined')   // Geckos (FF)
     {
       insertGecko(textfeld, vor, nach);
     }
  }

  // Im "textfeld" Portionen "vor" und "nach" einfügen (IE)
  function insertIE(textfeld, vor, nach)
  {
     if(!rangeIE) rangeIE = document.selection.createRange();

     // nichts weiter tun, falls wir nicht im Textfeld sind
     if(rangeIE.parentElement().id != idTextfeld) { rangeIE = null; return; }

     var alterText = rangeIE.text;

     // Auswahl um BBC ergänzen
     rangeIE.text = vor + alterText + nach;

     // Cursor neu setzen (wie SelfHTML)
     if (alterText.length == 0)
       rangeIE.move('character', -nach.length);
     else
       rangeIE.moveStart('character', rangeIE.text.length);

     rangeIE.select();
     rangeIE = null;
  }

  // Im "textfeld" Portionen "vor" und "nach" einfügen (Geckos)
  function insertGecko(textfeld, vor, nach)
  {
     von = textfeld.selectionStart;
     bis = textfeld.selectionEnd;

     // Text zerlegen
     anfang = textfeld.value.slice(0,   von);
     mitte  = textfeld.value.slice(von, bis);
     ende   = textfeld.value.slice(bis);        // der Rest des Strings

     // BBC einfügen und ins Textfeld schreiben
     textfeld.value = anfang + vor + mitte + nach + ende;

     // Cursor neu setzen
     if(bis - von == 0)
     {
       textfeld.selectionStart = von + vor.length;
       textfeld.selectionEnd   = textfeld.selectionStart;
     }
     else
     {
       textfeld.selectionEnd   = bis + vor.length + nach.length;
       textfeld.selectionStart = textfeld.selectionEnd;
     }
  };

  // Im IE die Textauswahl merken (onMouseDown im Farbwähler)
  function getSelectionIE()
  {
    if (document.selection)
    {
      document.getElementById(idTextfeld).focus();
      rangeIE = document.selection.createRange();
    }
  }

  /* ========= Ab hier: Farbwähler =================================== */

  // Farbtabelle erzeugen und in Container-Div schreiben bzw. Tabelle löschen
  function generateColorTable(idContainer)
  {
    if(document.getElementById(idColorpicker))
    {
      document.getElementById(idContainer).innerHTML = ''; return;
    }

    var strTabelle = '<table id="'+idColorpicker+'" cellspacing="0">'+"\n";

    // Eine 3-fache for-Schleife durch den RGB-Farbraum:
    for(var r=0; r<257; r+=64)
    {
      strTabelle += "<tr>\n";

      for(var g=0; g<257; g+=64)
        for(var b=0; b<257; b+=64)
           strTabelle += '<td style="background:rgb('+r+','+g+','+b+')" '
                         + 'onclick="pickBgColor(this)" '
                         + 'onmousedown="getSelectionIE()"><\/td>'+"\n";

      strTabelle += "<\/tr>\n";
    }

    strTabelle += "<\/table>\n";

    document.getElementById(idContainer).innerHTML += strTabelle;    // "+=", ggf. "="
  }

  // Hintergrundfarbe des <td>-Elements auslesen und als [color=..] einfügen
  function pickBgColor(elem)
  {
    insertProperty('color', elem.style.backgroundColor);
  }

  /* ]]> */
  </script>
</head>
<body>

<form action="beitrag.php" method="post" accept-charset="utf-8" name="beitrag" id="beitrag">

  <div id="smilies">
    <img src="http://www.developers-guide.net/forums/images/icon_lol.gif" onclick="insertText(' :lol: ','')" alt=":lol:" title=":lol:" />
    <img src="http://www.developers-guide.net/forums/images/icon_cool.gif" onclick="insertText(' :cool: ','')" alt=":cool:" title=":cool:" />
    <img src="http://www.developers-guide.net/forums/images/thumbup.gif" onclick="insertText(' :thumb: ','')" alt=":thumb:" title=":thumb:" />
    <img src="http://www.developers-guide.net/forums/images/icon_mrgreen.gif" onclick="insertText(' :mrgreen: ','')" alt=":mrgreen:" title=":mrgreen:" />
    <img src="http://www.developers-guide.net/forums/images/icon_eek.gif" onclick="insertText(' :eek: ','')" alt=":eek:" title=":eek:" />
  </div>

  <div id="cpcontainer"></div>

  <div id="buttonleiste">
    <button type="button" onclick="insertText('[ b]','[ /b]')" title="[ b][ /b]"><b>b</b></button>
    <button type="button" onclick="insertText('[ i]','[ /i]')" title="[ i][ /i]"><i>i</i></button>
    <button type="button" onclick="insertText('[ u]','[ /u]')" title="[ u][ /u]"><u>u</u></button>
    <button type="button" onclick="insertText('[ quote]','[ /quote]')" title="[ quote][ /quote]">quote</button>
    <button type="button" onclick="insertText('[ code]','[ /code]')" title="[ code][ /code]">code</button>
    <button type="button" onclick="insertText('[ list]','[ /list]')" title="[ list][ /list]">list</button>
    <button type="button" onclick="insertText('[ list=]','[ /list]')" title="[ list=1 oder a][ /list]">list=</button>
    <button type="button" onclick="insertText('[ *]','')" title="[ *] Listeneintrag">[ *]</button>
    <button type="button" onclick="insertText('[ img]','[ /img]')" title="[ img]URL[ /img]">img</button>
    <button type="button" onclick="insertText('[ url]','[ /url]')" title="[ url=Adresse]Beschreibung[ /url]">url</button>

    <!-- <select size="1" onchange="insertProperty('color',this.value); this.selectedIndex=0;">
      <option value="rgb(0,0,0)">schwarz&nbsp;&nbsp;</option>
      <option value="rgb(255,0,0)">rot</option>
      <option value="rgb(0,255,0)">grün</option>
      <option value="rgb(0,0,255)">blau</option>
    </select> -->

    <select size="1" onchange="insertProperty('size',this.value); this.selectedIndex=0;">
      <option value="10" title="[ size=10][ /size]">normal</option>
      <option value="8" title="[ size=8][ /size]">small</option>
      <option value="12" title="[ size=12][ /size]">big</option>
    </select>

    <button type="button" onclick="generateColorTable('cpcontainer')" id="schriftbutton">
      Farbwähler ein/aus
    </button>
  </div>  <!-- #buttonleiste -->

  <textarea cols="70" rows="14" name="nachricht" id="nachricht"></textarea>

  <div class="center">
    <input type="submit" name="speichern" id="speichern" value="Speichern" />
    <input type="submit" name="vorschau" id="vorschau" value="Vorschau" />
    <input type="submit" name="absenden" id="absenden" value="Absenden" />
  </div>

</form>
</body>
</html>

Ach ja hier könnt ihr das sehen hab das mal schon hochgeladen http://schuelerworld.sc.funpic.de/admin/test1.php

Jann Hendrik · 14.04.2009, 19:47

Ich schließe diesen thread.
Hier:
speichern eines Textarea in einer .txt datei
geht es weiter.

14.04.2009, 19:47	Nach oben #2
Jann Hendrik Jann Hendrik Bekaan Registriert seit: 02.12.2004 Ort: Wildeshausen Beiträge: 3.198	Ich schließe diesen thread. Hier: speichern eines Textarea in einer .txt datei geht es weiter. __________________ Umfragen: bitte beachten: Vorschläge für künftige Umfragen Woher weißt du vom developers-guide? Wenn du dich in ein interessantes Thema eingearbeitet hast, dann lass andere daran teilhaben! Schreibe ein Tutorial und beschreibe, wie es geht, was nicht klappt, wo man aufpassen muss usw. Danke!

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Eingabe in TextField mit JFileChooser speichern - Code inside	Apfelstück	Desktop-Applikationen und Grafik	12	24.11.2008 15:27
Suche Klasse/Erweiterung für Exifs mit JAVA auslesen / auswerten / umformatieren	robo47	Allgemeine Java-Programmierung	0	20.05.2008 14:18
[Anmeldeseite]Firefox will Passwort speichern	WarrenFaith	HTML, XML und CSS	13	10.09.2007 11:54
PDF in DB speichern oder ?	julien	Datenbanken	9	14.05.2006 20:26
PHP Code wird nicht ausgeführt !	Dark Knight	PHP-Programmierung	22	13.09.2005 14:12

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)