text editor ala word i php/asp

det skal laves i javascript :)

http://www.servicelearning.org/article/articleedit/edit/147/wg_php/editor/index.php?edit_textarea=contents_main

værsgo.. :)

pingo

http://www.phoenixv.dk/wysiwyg/index.html

smid et svar! schaefner

ok

jeg synes at 120 point er lidt for meget for 2 links. men hvis en af jer vil hjælpe mig med det her script skal i nok få alle pointene.
jeg har min profil editor der ser sådan her ud:
<html>
<head>
<title>WYS-II-WYG af PhoenixV</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body onLoad="document.all.editor.focus();">
<br>
<table width="95%" height="80%" cellpadding="5" cellspacing="0">
<tr>
<td class="knapper" cellpadding="0">
<img src="ikoner/fed.gif" class="knap" alt="Fed" onClick="ex('Bold');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/kursiv.gif" class="knap" alt="Kursiv" onClick="ex('Italic');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/understreget.gif" class="knap" alt="Understreget" onClick="ex('Underline');" width="18" height="18"><img src="ikoner/spacer.gif" width="6" height="18">
<form>
<select class="sel" onChange="ex('FontName', this.options[this.selectedIndex].value);">
<option value="Verdana" selected>Verdana</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Arial">Arial</option>
<option value="Tahoma">Tahoma</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier">Courier</option>
</select>
<img src="ikoner/spacer.gif" width="2" height="18">
<select class="sel" onChange="ex('FontSize', this.options[this.selectedIndex].value);">
<option value="1">1 (ca. 7 i Word)</option>
<option value="2">2 (ca. 9 i Word)</option>
<option value="3" selected>3 (ca. 10 i Word)</option>
<option value="4">4 (ca. 12 i Word)</option>
<option value="5">5 (ca. 16 i Word)</option>
<option value="6">6 (ca. 20 i Word)</option>
<option value="7">7 (ca. 30 i Word)</option>
</select>
</form>
<img src="ikoner/spacer.gif" width="6" height="18">
<img src="ikoner/venstre.gif" class="knap" alt="Venstrejustér" onClick="juster('left');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/centrer.gif" class="knap" alt="Centrér" onClick="juster('center');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/hojre.gif" class="knap" alt="H&oslash;jrejustér" onClick="juster('right');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/lige.gif" class="knap" alt="Lige marginer" onClick="juster('justify');" width="18" height="18"><img src="ikoner/spacer.gif" width="6" height="18">
<img src="ikoner/txtfarve.gif" class="knap" alt="Tekstfarve" onClick="farver(this, 'ex(\'ForeColor\', %);');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/bgfarve.gif" class="knap" alt="Tekstens baggrundsfarve" onClick="farver(this, 'ex(\'BackColor\', %);');" width="18" height="18"><img src="ikoner/spacer.gif" width="6" height="18">
<img src="ikoner/link.gif" class="knap" alt="Inds&aelig;t link" onClick="indsaetLink();" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/email.gif" class="knap" alt="Inds&aelig;t e-mail link" onClick="indsaetEmail();" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/billede.gif" class="knap" alt="Inds&aelig;t billede" onClick="indsaetBill();" width="18" height="18"> <img src="ikoner/spacer.gif" width="2" height="18"> <img src="ikoner/spacer.gif" width="6" height="18">
<img src="ikoner/123.gif" class="knap" alt="Inds&aelig;t nummereret liste" onClick="ex('InsertOrderedList');" width="18" height="18"><img src="ikoner/spacer.gif" width="2" height="18">
<img src="ikoner/punkt.gif" class="knap" alt="Inds&aelig;t punktopstilling" onClick="ex('InsertUnorderedList');" width="18" height="18">
</td>
</tr>
<tr>
<td id="editor_bg" style="border: 1px solid black;">
<div id="editor" contenteditable onMouseDown="egensk();"></div>
<div id="htmlMode" style="width: 100%; height: 100%; display: none;">
<form name="visHTML" style="width: 100%; height: 100%;">
<textarea name="free_text" style="width: 100%; height: 95%;" rows="1" cols="20"><?=br2nl($row[free_text]);?></textarea>
</form>
</div>
</td>
</tr>
</table>
</body>
</html>


jeg vil så gerne have aT MAN KAN ÆNDRE I free text det script ser sådan her ud:

<?
require("config.php");
require("funktioner.php");

$brugerinfo = brugerinfo($_COOKIE[chat_id]);
checksession($brugerinfo[sesid]);

$normal = "#eeeeee";
$hover = "#dddddd";

if ($_POST[action] == "update"){
    $free_text = format($_POST[free_text]);
    $free_text = nl2br($free_text);
    $email = htmlentities($_POST[email]);
    $homepage = htmlentities($_POST[homepage]);
    $age = format($_POST[age]);
    $gender = format($_POST[gender]);
    $city = format($_POST[city]);
    $country = format($_POST[country]);

    mysql_query("UPDATE chat SET free_text='$free_text',email='$email',age='$age',
    homepage='$homepage',gender='$gender',city='$city',country='$country' where id='$brugerinfo[uid]'") or die (mysql_error());
    WriteToRemote("",$brugerinfo[id],Language("119"));
    header("Location: top.php");
}
?>
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" HREF="style.css">
</HEAD>
<BODY>
<br>
<?
if ($_GET[action] == "edit"){
?>
<table width="70%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" align="center" CLASS="alm-text">
  <tr bordercolor="#84B0DD">
    <td bgcolor="#84B0DD">
      <div align="center"><b>Profile</b></div>
    </td>
  </tr>
  <tr bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee">
    <td> Write something about yourself and give the other users a clue of who
      you are :)</td>
  </tr>
</table>
<br>
<br>
<form action=profile.php method=post>
    <?    $res = mysql_query("SELECT * FROM chat where id='$brugerinfo[uid]'");
        $row = mysql_fetch_array($res);?>
  <table width="70%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" align="center" CLASS="normal">
    <tr bordercolor="#84B0DD">
      <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%">
        <div align="left"><b>Nick</b></div>
      </td>
      <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
        <div align="left">
          <?=$brugerinfo[nick];?>
        </div>
      </td>
    </tr>
    <tr bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD">
        <div align="left"><b>Age</b></div>
      </td>
      <td width="77%">
        <div align="left">
          <input type="text" name="age" value="<?=$row[age];?>" size="30">
        </div>
      </td>
    </tr>
    <tr bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD"><b>Email adress</b></td>
      <td width="77%">
        <input type="text" name="email" value="<?=$row[email];?>" size="30">
      </td>
    </tr>
    <tr bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD" valign="top"><b>Text
        of choise</b></td>
      <td width="77%">
        <textarea name="free_text" rows="4" cols="40"><?=br2nl($row[free_text]);?></textarea>
      </td>
    </tr>
    <tr bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD" valign="top"><b>Update</b></td>
      <td width="77%">
        <input type="hidden" name="action" value="update">
        <input type="submit" name="update" value="Update your information">
      </td>
    </tr>
  </table>
<hr width="70%" align="center" size="1" noshade>
  <table width="70%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" align="center">
    <tr bordercolor="#84B0DD">
      <td bgcolor="#84B0DD" bordercolor="#84B0DD" colspan="2">
        <div align="center" CLASS="alm-text">
          <b>Extended userprofile</b>
        </div>
      </td>
    </tr>
    <tr class="normal" bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee" valign="top">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD">
        <div align="left"><b>Homepage</b></div>
      </td>
      <td width="77%">
        <div align="left">
          <input type="text" name="homepage" value="<?=$row[homepage];?>" size="30">
        </div>
      </td>
    </tr>
    <tr class="normal" bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee" valign="top">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD"><b>Gender</b></td>
      <td width="77%">
        <input type="text" name="gender" value="<?=$row[gender];?>" size="30">
      </td>
    </tr>
    <tr class="normal" bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee" valign="top">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD"><b>City</b></td>
      <td width="77%">
        <input type="text" name="city" value="<?=$row[city];?>" size="30">
      </td>
    </tr>
    <tr class="normal" bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee" valign="top">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD"><b>Country</b></td>
      <td width="77%">
        <input type="text" name="country" value="<?=$row[country];?>" size="30">
      </td>
    </tr>
    <tr class="normal" bgcolor="#eeeeee" onMouseOver="style.backgroundColor='<?=$hover;?>';" onMouseOut="style.backgroundColor='<?=$normal;?>';" bordercolor="#eeeeee" valign="top">
      <td width="23%" bordercolor="#84B0DD" bgcolor="#84B0DD"><b>Update</b></td>
      <td width="77%">
        <input type="hidden" name="action" value="update">
        <input type="submit" name="update" value="Update your information">
      </td>
    </tr>
  </table>
</form>
<? }
elseif ($_GET[id]){
    $remoteses = brugerinfo($_GET[id]);
    $remote = unikinfo($remoteses[uid]);?>
<table width="70%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" align="center" class="normal">
  <tr>
    <td bgcolor="#84B0DD" bordercolor="#84B0DD">
      <div align="center"><b>Userprofile for
        <?=$remote[nick];?></b>
      </div>
    </td>
  </tr>
  <tr>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee">To write something about yourself
      click <a href="profile.php?action=edit">here</a></td>
  </tr>
</table>
<br>
<table width="70%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" align="center" class="normal">
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Nick</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=$remote[nick];?>
    &nbsp;</td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Age</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=$remote[age];?>
      &nbsp; </td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Gender</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=$remote[gender];?>
      &nbsp; </td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Email</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=$remote[email];?>
      &nbsp; </td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Homepage</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=format($remote[homepage]);?>
      &nbsp; </td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Online time </b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <? $onlinetid_ialt = $remoteses[logintime] - $remote[onlinetid];
        print OnlineTid($onlinetid_ialt,time());?>
    &nbsp;</td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Chatlines</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?$chatlines = $remoteses[chatlines] + $remote[chatlines];
        print "$chatlines";?>
    &nbsp;</td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>rubiner</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?$rubiner = rubiner($remoteses[logintime]) + $remote[rubiner];
        print "$rubiner";?>
    &nbsp;</td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Location</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=$remote[city];?>
      ,
      <?=$remote[country];?>
      &nbsp; </td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Text of choise</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
      <?=$remote[free_text];?>
    &nbsp;</td>
  </tr>
  <tr valign="top">
    <td bgcolor="#84B0DD" bordercolor="#84B0DD" width="23%"><b>Ejer af</b></td>
    <td bgcolor="#eeeeee" bordercolor="#eeeeee" width="77%">
<?
$res = mysql_query("SELECT * FROM chat_ting where ejer='$remote[uid]' order by ting ASC");
while($row = mysql_fetch_array($res)){
    $ting = Tinginfo($row[ting]);
    print "<img src=\"billeder/$ting[id].$ting[img]\" border=\"0\" alt=\"$row[id]\"> ";
}
?>
    </td>
  </tr>
</table>
<? } ?>
<br>
<div align="center" CLASS="alm-text"><a href="top.php">Return</a></div>
</BODY>

kan i klare det??? ja eller nej?

summersun -> jeg forsøger at bruge den du har anbefalet, da jeg synes den ser god og nem ud. Men jeg mangler det stylecheet der ligger bagved for at det virker 100%. Ved du om man kan se det et sted eller få fat i det?

Mvh. Simon

encorez>> det kan ses her:
http://www.servicelearning.org/article/articleedit/edit/147/wg_php/editor/ew/ew_includes/ew_styles.css

takker :)
jeg havde set adressen på selve stylecheetet men jeg fik fejl når jeg satte den ind i browserens url. Men jeg tænkte ikke på bare at lave et link ud af det og så bruge "gem som"...

endnu et spørgsmål. Jeg kan ikke finde den variabel i editoren fra servicelearning hvor man kan sætte en default tekst. Man skulle jo gerne kunne redigere allerede eksisterende tekst i editoren og ikke kun oprette nyt

summersun -> har du brugt den editor du henviser til?  Eller ved du hvordan sætter en value i editoren så man kan redigere gammel tekst?  Ellers er den efter min mening til en vis grad ubrugelig.
Mvh. Simon