Tekstformatering...

Læs følgende:
http://www.eksperten.dk/spm/23680
I IE 5.5+ er der en indbygget DHTML-editor, der virker helt forrygende. Jeg er selv i gang med et CMS bygget på denne editor, og skal da gerne vise dig den, hvis du er interesseret.

Og så er det for øvrigt alt for mange point! ;)

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
    function doBold( font ){
      if(document.all){
          var sText = document.selection.createRange();
            if (!sText==\"\"){
                document.execCommand(\"Bold\", \"false\");
            }else{
            alert(\"Velg text!\");
            } 
        }
    } 
   
   
  //-->
  </SCRIPT>
</head>

<body>
Marker noe av denne tekst...<br>
<br>
<a href=\"java script:void( doBold() );\">Make bold</a><br>
</body>
</html>

ellers se litt på denne:
http://www.eksperten.dk/spm/134555

/nute

ja...man kunne godt ha satt points til 60 uten probs :)

Prøv at tage et kig på denne side, den linker til en del sider som det du spørger efter,

http://www.codelink.dk/vis_kategori_2003.asp?kategori=Kildekode&sub_kategori=Online+Web+Editors

nute : Forrygende som den slags er fremme for tiden! :)
Jeg har selv hærget olebole\'s ICQ om det jævnligt de sidste par dage! :)

n0rmality >> yup, dette er den tredje thread omhandlende det samme i løpet av like mange dager :) olebole gjorde meg oppmerksom på den for et par dager siden...

om jeg er særlig glad for det ?? næææ......det er med til å forkludre folks oppfattelse av hva en browser egentlig er...en *nettleser*/ dokumentfortolker, og ikke en teksteditor

men det er vel en fare for at jeg en rimelig alene om den mening ?! :-|

/nute

nute : Så længe det er til et CMS (som mit er! ;) ), så synes jeg fint det kan forsvares. Hvis min chefs kunder kan nøjes med at få indhold lagt på deres site af mig en gang, så er jeg fint tilfreds. :)
Men nej, det skal da ikke laves og lægges på et site, \"fordi man kan\". Hvis der ikke er en *god* grund til det, så er der ingen grund at all.

Tak for jeres indlæg!

-> n0rmality
jeg vil meget gerne se dit bud på et CMS.

pfp : Smid mig en mail på david@mcnally.dk - vil gerne holde det udenfor eksperten.dk. :)

nute: jeg har kigget på dit og det kan jeg faktisk godt bruge. Men jeg vil gerne have det sådan, at det er noget tekst inden i et tekstområde jeg kan markere og formatere. Jeg har prøvet med:

var sText = document.textarea.selection.createRange();

Men det var rent gætværk, og det virker ikke.

Kan du hjælpe mig med det?

På forhånd tak,

/Peter F. Poulsen

jeg fandt det her script på et eller andet tidspunkt men jeg har aldrig kigget den igennem.. :

<%
response.write \"<script>function GetDialogWin(my_url,win_name,width_x,height_y,top_pos,left_pos,scrollbars) {    var editwin = \"\"\"\";editwin = editwin + \"\"width=\"\" + width_x;editwin = editwin + \"\",height=\"\" + height_y;editwin = editwin + \"\",resizable=yes\"\";    editwin = editwin + \"\",scrollbars=yes\"\";editwin = editwin + \"\",menubar=no\"\";editwin = editwin + \"\",toolbar=no\"\";editwin = editwin + \"\",directories=no\"\";editwin = editwin + \"\",location=no\"\";editwin = editwin + \"\",status=no\"\";editwin = editwin + \"\",top=\"\" + top_pos;editwin = editwin + \"\",left=\"\" + left_pos;editwin_win = window.open(my_url,win_name,editwin);editwin_win.focus();editwin_win.opener = self;return (editwin_win);}</script>\"   
%>
<SCRIPT LANGUAGE=javascript>
<!--


var sT
function changeUrl(surl)
{
    if(surl == \"\")
        return(false);
    sT.text = \"<a href=\\\"\" +surl+ \"\\\">\"+ sT.text + \"</a>\";
    return(true);
}

function createLink()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    if(!sTxt.length > 0)
    {
        alert(\"select the tekst that you want to use as link!\");
        return( false);
    }
    var mywin = GetDialogWin(\'\',\'tetst\',350,110,50,150,\'no\');
    mywin.document.title=\"Insert Link\";   
    mywin.document.writeln(\"<font face=\\\"verdana\\\" size=1>\");
    mywin.document.writeln(\"<b>\" + sTxt + \"</b>\");
    mywin.document.writeln(\"<br>Type the link address:\");
    mywin.document.writeln(\"<br><input type=text name=\\\"vtxt2\\\" size=\\\"35\\\" value=\\\"http://1001line.dk/filop\\\">\");
    mywin.document.writeln(\"<input type=button value=\\\"Ok\\\" onClick=\\\"opener.changeUrl(vtxt2.value);window.close();\\\">\");
    mywin.document.writeln(\"<br><input type=button value=\\\"CheckLink\\\" onClick=\\\"opener.GetDialogWin(vtxt2.value,\'CheckUrl\',550,310,150,250,\'no\');\\\">\");
   
}

function makeBold()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    sT.text = \"<strong>\" + sTxt + \"</strong>\";
}
function makeItalic()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    sT.text = \"<i>\" + sTxt + \"</i>\";
}
function makeBigger()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    sT.text = \"<big>\" + sTxt + \"</big>\";
}
function makeSmaller()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    sT.text = \"<small>\" + sTxt + \"</small>\";
}

function unFormat()
{
    var outtext = \"\";
    var flag = 0;
    var i = 0;
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    while(i <= sTxt.length)
    {   
        c = sTxt.charAt(i)
        if(c == \"<\")
            flag++;
        if(flag==0)
            outtext += c;
        if(c == \">\")
            flag--;       
        i++;
    }
    if(flag==0)
        sT.text = outtext;
    else
        alert(\"error\");
}

//-->
</SCRIPT>



        <input type=button onClick=\"createLink();\" value=\"Create Link\" class=\"buttons\"><br>
        <input type=button onClick=\"makeBold();\" value=\"B\" class=\"buttons\">
        <input type=button onClick=\"makeItalic();\" value=\"I\" class=\"buttons\">
        <input type=button onClick=\"makeSmaller();\" value=\"Small\" class=\"buttons\">
        <input type=button onClick=\"makeBigger();\" value=\"Big\" class=\"buttons\">
        <br><input type=button onClick=\"unFormat();\" value=\"Unformat\" class=\"buttons\">

-- xs

problemet er at du ikke kan formattere tekst i et textarea. så skal man til å snyte med å bruke en kombinasjon av layers og textarea. Jeg har bare skrevet et utkast på hvordan det kanskje kunne løses, men jeg synes det er litt overkill å skal prøve å gjenoppfinne dhtmleditoren som M$ allerede har laget. hvis det er denne type funksjonalitet du ønskert, så ville jeg heller råde deg til å kikke litt på den

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <style>
    #result{
      position:absolute;
      top:16px;
      left:10px;
      width:388px;
      height:382px;
      border:1px solid red;
      color:#000000;
      font-family:verdana;
      font-size:12px;
    }
    .edit{
      border:1px solid #000000;
      color:#ffffff;
      top:16px;
      overflow:hidden;
      font-family:verdana;
      font-size:12px;
    }
    </style>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
    <!--
    function transferText( val ){
      document.all[\'result\'].innerHTML = val;
    }
    function setFocus(){
      if( (document.frm.txt.value).length == 0 ){
        document.frm.txt.focus();
      } else {
     
      }
    }
    function makeBold(){
      var sText = document.selection.createRange();
      if (!sText==\"\"){
          document.execCommand(\"Bold\", \"false\");
        document.frm.txt.value = document.all[\'result\'].innerHTML;
      }else{
        alert(\"Velg text!\");
      } 
    }
    //-->
    </SCRIPT>
</head>

<body>
<form name=\"frm\">
<textarea name=\"txt\" cols=\"64\" rows=\"27\" class=\"edit\" onkeyup=\"transferText( this.value );\" onkeypress=\"transferText( this.value );\"></textarea>
<div id=\"result\" name=\"result\" onclick=\"setFocus();\"></div><br>
<br>
<a href=\"java script:void( makeBold() );\">Make bold</a>
</form>
</body>
</html>

/nute

Jeg har nu fået lavet sådan at jeg formatere min tekst med funktioner som fed, justering, skrifttype osv. Er der nogen mulighed for at gemme den formatering, hvis jeg vil gemme mine data i en database.

/pfp

hvilket serverside scriptspråk benytter du ?

Jeg arbejder meget med asp. Er det muligt at gemme det med en eller anden form for ASP?

du gemmer det på helt alminnelig måte med asp. hvis du aldri har gemt data til database med asp tidligere, så råder jeg deg til å kikke litt på disse artiklene:

http://html.dk/tutorials/asp/lektion17.asp
http://html.dk/tutorials/asp/lektion18.asp
http://html.dk/tutorials/asp/lektion19.asp
http://html.dk/tutorials/asp/lektion20.asp
http://html.dk/tutorials/asp/lektion21.asp
http://html.dk/tutorials/asp/lektion22.asp

/nute

Jamen hvis jeg gemmer det direkte i en database på almindelig vis, så forsvinder formateringen vel?

nei...formatteringen er jo ikke annet enn vanlig tekst, så hvorfor skulle den det ??

n0rmality ->

kan du ikke lave et svar. Jeg syntes da at du har fortjent en del af kagen :-)

/pfp

nute ->
Hvis ikke jeg får mit tekst lavet om til HTML kode vil formateringen da forsvinde når jeg gemmer i databasen?

Jeg lukker spm. da jeg har købt en prof. løsning der opfylder mine krav.

/pfp