UBB Creator (JS)
Door Martijn Wieringa, 21 jaar geleden, 4.404x bekeken
Ik heb al de nodige scripts voorbij zien komen die reeds gemaakte UBB code weten te 'parsen' naar geldige HTML code. Ik was echter opzoek naar een tool die helpt bij het genereren van UBB code.
Na inspiratie op gedaan te hebben over Java Objecten n.a.v. het script JS Ajax class heb ik een simpele JS class geschreven om UBB te maken.
De volgende tags worden tot nu toe ondersteund (toevoegingen zijn zeer welkom):
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
setBold() // Add [b]..[/b] tags
setUnderline() // Add [u]..[/u] tags
setItalic() // Add [i]..[/i] tags
setStrike() // Add [s]..[/s] tags
setColor(f_color) // Add [color="f_color"]..[/color] -> f_color: #000000 | rgb(0,0,0) | black
setAlign(f_align) // Add [align="f_align"]..[/align] -> f_align: left | center | right | justify
setSubscript() // Add [sub]..[/sub] tags
setSuperscript() // Add [sup]..[/sup] tags
setImage(f_url) // Add [image="f_url"]alt_text[/image]
setUrl(f_url) // Add [url="f_url"]..[/url]
setCode(f_type) // Add [code="f_type"].. -> f_type: none | PHP | CSS | SQL | JS | ....
setQuote(f_name) // Add [quote="f_name"]..[/quote] -> f_name: none | My Name
setUnderline() // Add [u]..[/u] tags
setItalic() // Add [i]..[/i] tags
setStrike() // Add [s]..[/s] tags
setColor(f_color) // Add [color="f_color"]..[/color] -> f_color: #000000 | rgb(0,0,0) | black
setAlign(f_align) // Add [align="f_align"]..[/align] -> f_align: left | center | right | justify
setSubscript() // Add [sub]..[/sub] tags
setSuperscript() // Add [sup]..[/sup] tags
setImage(f_url) // Add [image="f_url"]alt_text[/image]
setUrl(f_url) // Add [url="f_url"]..[/url]
setCode(f_type) // Add [code="f_type"].. -> f_type: none | PHP | CSS | SQL | JS | ....
setQuote(f_name) // Add [quote="f_name"]..[/quote] -> f_name: none | My Name
Er zijn tevens functies toegevoegd om opgebouwde UBB code weer te geven als html (gebruik de 'submit'-knop om het resultaat te bekijken).
Edit:
- Ik heb de UBB parser aangepast zodat deze de gegenereerde UBB code beter verwerkt tot goede HTML.
- M.b.v. Jelmer's reactie heb ik de 'IE versie' van __getRange iets kunnen versimpelen.
- Ik heb wat extra functies toegevoegd zoals de 'clear()' en de __addslashes() functies.
Voorbeeld: http://www.pholeron.com/projects/ubb-editor/
Gesponsorde koppelingen
PHP script bestanden
Er zijn 6 reacties op 'Ubb creator js'
0 
-0 
-0
Note: De nadruk ligt bij deze tool op de JS-interface, en niet zo zeer op de UBB parser.. daar zijn er hier veel betere van te vinden.. :P
0 -0
-0
Andere manier is gewoon focus() op de textarea aanroepen waneer je op een knop drukt. Als er dan een selectie buiten de textarea was, is die nu weg :)
0 -0
-0
@Jelmer:
Ik zal és kijken in hoeverre jou oplossing werkt (: Klinkt als of het idd ou moeten werken, ff testen of de focus() niet elke selectie opheft maar alleen die buiten de textarea om. Tnx voor het meedenken (:
@Roderik:
Het is een tool voor mensen die UBB code's niet uit hun kop willen/kunnen leren, of voor mensen die liever klikken dan typen (:
Ik zal és kijken in hoeverre jou oplossing werkt (: Klinkt als of het idd ou moeten werken, ff testen of de focus() niet elke selectie opheft maar alleen die buiten de textarea om. Tnx voor het meedenken (:
@Roderik:
Het is een tool voor mensen die UBB code's niet uit hun kop willen/kunnen leren, of voor mensen die liever klikken dan typen (:
0 -0
-0
Dit is een handig script en zorgt voor een beter gebruikersgemak zeker bij een uitgebreide lijst aan ubb mogelijkheden.
Deze zal ik vast wel eens gebruiken.
Deze zal ik vast wel eens gebruiken.
0 -0
-0
Ik heb de nodige aanpassingen doorgevoerd n.a.v. o.a. Jelmers reactie *dankbaar*
Ook heb ik een aantal functies toegevoegd en andere verbeterd/versimpeld.
Ook heb ik een aantal functies toegevoegd en andere verbeterd/versimpeld.
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu