Forum » Server-Side scripting » Ubb codes javascript
R.Jipping
R. Jipping
Berichten: 1598
avatar
Offline Stuur privebericht
Beste leden,

Vandaag ben ik bezig geweest met de ubb codes techniek in te bouwen in het admin paneel. Zodat de beheerders simpel teksten een bepaalde ompaak kunnen geven. Met succes werkt het allemaal wel maar, betreft het nog een aantal schoonheids foutjes.

1. Als je veel tekst hebt komt de ubb code altijd helemaal onderaan het script te staan. Waar je muis ook staat hij komt onderaan. (dit geld natuurlijk ook bij wijnig tekst, is best wel irritant)

2. Als je een tekst selecteerd zal het mooi zijn dat als je dan op B(bold) knop klikt dat de desbetreffende tekst omringt word met lalala (net als bij CP zelf)


Ik hoop dat iemand van jullie me zou willen helpen aangezien mijn javascript kennen me hier te kort voor zal doen.


Config script waar de betekenis van de ubb word uitgeroepen:
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php

function ubb($bericht) {
    $bericht = nl2br($bericht);
 
    $bericht = preg_replace("/[B](?U)((.|n|r)*)[/B]/", "<B>\1</B>",$bericht);
    $bericht = preg_replace("/[U](?U)((.|n|r)*)[/U]/", "<U>\1</U>", $bericht);
    $bericht = preg_replace("/[I](?U)((.|n|r)*)[/I]/", "<I>\1</I>", $bericht);
    $bericht = preg_replace("/[S](?U)((.|n|r)*)[/S]/", "<S>\1</S>", $bericht);
    $bericht = preg_replace("/[MARQUEE](?U)((.|n|r)*)[/MARQUEE]/", "<MARQUEE>\1</MARQUEE>", $bericht);
    $bericht = preg_replace("/[CENTER](?U)((.|n|r)*)[/CENTER]/", "<CENTER>\1</CENTER>", $bericht);
    $bericht = eregi_replace("\[COLOR=([^\[]*)\]([^\[]*)\[/COLOR\]","<font color=\"\1\">\2</font>",$bericht);     
    $bericht = eregi_replace("\[URL=([^\[]*)\]([^\[]*)\[/URL\]","<a href=\1 target=_blank>\2</a>",$bericht);
    $bericht = eregi_replace("\[IMG\]([^\[]*)\[/IMG\]","<img src=\1>",$bericht);
    
    return $bericht;
}

?>


Admin script waar ubb gebruikt word (samengevat):
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<html>
    <head>
    <script language="JavaScript">
        function Invoegen(ubb) {
            var edit;
            var HuidigeTekst = document.form1.message.value;
            edit = HuidigeTekst+ubb+" ";
            document.form1.message.value=edit;
            document.form1.message.focus();
            return;
        }   
 
        function ubb() {
            return;      
        }
    </script>
</head>
<body>
    <form name=\"form1\" method=\"POST\" onSubmit=\"return submitForm(this.SEND);\">
        <table width=\"100%\">
            <tr>
                <td colspan=\"2\"><h2><u>Aanbod pagina toevoegen</u></h2><br></td>
            </tr>
            <tr>
                <td width=\"20\">Titel:</td>
                <td><input type=\"text\" name=\"subject\" value=\"{$help->titel}\"></td>
            </tr>
            <tr>
                <td width=\"20%\">Codes:</td>
                <td>               
                    <input type=\"button\" name=\"b\" value=\"B\" style=\"font-weight: bold; width: 30px;\" onClick=\"javascript:Invoegen('[B]tekst hier[/B]');\" />
                    <input type=\"button\" name=\"u\" value=\"U\" style=\"text-decoration: underline; width: 30px;\" onClick=\"javascript:Invoegen('[U]tekst hier[/U]');\" />
                    <input type=\"button\" name=\"i\" value=\"I\" style=\"font-style: italic; width: 30px;\" onClick=\"javascript:Invoegen('[I]tekst hier[/I]');\" />
                    <input type=\"button\" name=\"s\" value=\"S\" style=\"text-decoration: line-through; width: 30px;\" onClick=\"javascript:Invoegen('[S]tekst hier[/S]');\" />   
                    <input type=\"button\" name=\"center\" value=\"center\"  onClick=\"javascript:Invoegen('[CENTER]tekst hier[/CENTER]');\" />     
                    <input type=\"button\" name=\"marquee\" value=\"marquee\"  onClick=\"javascript:Invoegen('[MARQUEE]tekst hier[/MARQUEE]');\" />     
                    <input type=\"button\" name=\"url\" value=\"http://\" onClick=\"javascript:Invoegen('[URL=http://www.linkhier.nl]Klik hier tekst[/URL]');\" />  
                    <input type=\"button\" name=\"img\" value=\"image\" onClick=\"javascript:Invoegen('CriminalsPoint error: de volgende afbeelding werd niet geladen omwille van veiligheidsproblemen: http://www.linkhier.nl/imagenaam.jpg');\" />
                    
                        <SELECT name=\"kleurlinks\" onChange=\"window.location=document.form1.kleurlinks.options[document.form1.kleurlinks.selectedIndex].value\">
                            <OPTION SELECTED value=\"javascript:void(0)\">Tekst kleur
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=black]tekst hier[/COLOR]');\"\" /> <font color=\"black\"> Zwart </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=white]tekst hier[/COLOR]');\"\" /> <font color=\"white\"> Wit </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=red]tekst hier[/COLOR]');\"\" /> <font color=\"red\"> Rood </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=blue]tekst hier[/COLOR]');\"\" /> <font color=\"blue\"> Blauw </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=green]tekst hier[/COLOR]');\"\" /> <font color=\"green\"> Groen </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=yellow]tekst hier[/COLOR]');\"\" /> <font color=\"yellow\"> Geel </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=pink]tekst hier[/COLOR]');\"\" /> <font color=\"pink\"> Roze </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=orange]tekst hier[/COLOR]');\"\" /> <font color=\"orange\"> Oranje </font>
                            <OPTION input type=\"button\" name=\"color\" value=\"javascript:Invoegen('[COLOR=pirple]tekst hier[/COLOR]');\"\" /> <font color=\"pirle\"> Paars </font>                            
                        </SELECT>
                  </td>
            </tr>
            <tr>
                <td width=\"20%\"> bericht: </td>
                <td><textarea name=\"message\" cols=65 rows=10>{$help->bericht}</textarea></td>
            </tr>
            <tr>
                <td width=\"20%\"></td>
                <td width=\"100%\" colspan=\"2\"><input type=\"submit\" name=\"submit\" value=\"Submit\" style=\"width: 200;\"></td>
            </tr>
        </table>
</form>
</body>
</html>


Alvast heel erg bedankt voor de gene die de oplossing voor me heeft.

Groetjes,
Rick
Laatst gewijzigd door Darsstar op 2010-05-11 23:09:48
11-05-2010 22:26
Dit topic is 55 keer bekeken door 1 verschillende leden
Reacties op: "Ubb codes javascript"
1
R.Jipping
R. Jipping
Berichten: 1598
avatar
Offline Stuur privébericht


Heb het al opgelost. Het probleem zat hem in mijn javascript. Vond ergens een goeie tutorial waar ik goed uit heb kunnen leren hoe het wel te doen was

12-05-2010 00:34
Luc
devow.nl
Berichten: 1592
avatar
Offline Stuur privébericht
Wilt u die tut even plaatsen, daar zullen anderen heel wat aan hebben. Onder andere ik want ik ben er ook mee aan het stoeien.
12-05-2010 07:41
R.Jipping
R. Jipping
Berichten: 1598
avatar
Offline Stuur privébericht
Hallo,

Ik weet zo de link niet meer maar, ik heb ook google gewoon gezocht tutorial ubb javascript

Suc6
12-05-2010 11:38
Reageer op: "Ubb codes javascript"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden