UBB Creator (JS)

Door Martijn Wieringa, 17 jaar geleden, 2.995x 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)
PHP script in nieuw venster Selecteer het PHP script
1
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


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

  1. ubb-creator-js

 

Er zijn 6 reacties op 'Ubb creator js'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Martijn Wieringa
Martijn Wieringa
17 jaar geleden
 
0 +1 -0 -1
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
Jelmer -
Jelmer -
17 jaar geleden
 
0 +1 -0 -1
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 :)
Roderik Roderik
Roderik Roderik
17 jaar geleden
 
0 +1 -0 -1
wat heb je er eigenlijk aan?
Martijn Wieringa
Martijn Wieringa
17 jaar geleden
 
0 +1 -0 -1
@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 (:
TJVB tvb
TJVB tvb
17 jaar geleden
 
0 +1 -0 -1
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.
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Martijn Wieringa
Martijn Wieringa
17 jaar geleden
 
0 +1 -0 -1
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.

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. ubb-creator-js

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.