[ GDRCD 5.4 ] Aggiungere comandi/filtri BBCODE (functions.inc.php)

sadly-noob

[ GDRCD 5.4 ] Aggiungere comandi/filtri BBCODE (functions.inc.php) postato il 29/04/2018 20:00:57 nel forum programmazione, gdrcd, grafica e open source

Buonasera a tutti, ultimamente mi sto scontrando con l'implementazione di un editor di testo (http://wysibb.com/) un po' grazioso per il progetto.

Funziona piuttosto bene ma ho notato che fra il codici BBCODE messi a disposizione da GDRCD mancano alcuni dei comandi che ho deciso di mantenere nell'editor, come la lista ordinata e la lista numerata.

Ora dal basso delle mie raffazzonate competenze, questo credo sia il codice in cui GDRCD 'traduce' il BBCODE in HTML (file: functions.inc.php):

/**
* BBcode nativo di GDRCD
* Secondo me, questo bbcode presenta non poche vulnerabilit�.
* TODO Andrebbe aggiornata per essere pi� sicura
* @param string $str: la stringa con i bbcode da tradurre, dovrebbe gi� essere stata filtrata per l'output su pagina web
* @return $str con i tag bbcode tradotti in html
* @author Blancks
*/
function gdrcd_bbcoder($str){
global $MESSAGE;
$str=gdrcd_close_tags('quote',$str);

$search = array(
'#\n#',

'#\[BR\]#is',

'#\[B\](.+?)\[\/B\]#is',

'#\[i\](.+?)\[\/i\]#is',

'#\[U\](.+?)\[\/U\]#is',

'#\[center\](.+?)\[\/center\]#is',

'#\[img\](.+?)\[\/img\]#is',

'#\[redirect\](.+?)\[\/redirect\]#is',

'#\[url=(.+?)\](.+?)\[\/url\]#is',

'#\[color=(.+?)\](.+?)\[\/color\]#is',

'#\[quote(?::\w+)?\]#i',

'#\[quote=(?:"|"|\')?(.*?)["\']?(?:"|"|\')?\]#i',

'#\[/quote(?::\w+)?\]#si'
);

$replace = array(

' ',

' ',

'$1',

'$1',

'$1',

'<div style="width:100%; text-align: center;">$1</div>',

'<img src="$1">',

'<meta http-equiv="Refresh" content="5;url=$1">',

'<a href="$1">$2</a>',

'$2',

'<div class="bb-quote">'.$MESSAGE['interface']['forums']['link']['quote'].':<blockquote class="bb-quote-body">',

'<div class="bb-quote"><div class="bb-quote-name">$1 ha scritto:</div><blockquote class="bb-quote-body">',

'</blockquote></div>'
);
return preg_replace($search, $replace, $str);
}

Non avendo idea di cosa rappresenti la sintassi stregonesca della prima parte mi sono limitata a fare un infimo copia-incolla di questo genere, modificando i tag che mi interessano.

Nella prima parte:

'#\[list=(.+?)\](.+?)\[\/list\]#is',

'#\[*=(.+?)\](.+?)\[\/*\]#is',

Nella seconda parte:

'<ul>$1</ul>',

'<li>$1</li>',

Non ho avuto molto successo - purtroppo non mi � neanche chiarissimo cosa siano esattamente questi $1 e $2, ma sorvoliamo:

Se qualcuno ha mezza idea .. Sob.

blissful nooblirance
[ GDRCD 5.4 / Altervista / Versione MySQL: 5.6 ]

Pagine → 1

seralia

29/04/2018 20:49:03

Quello in funcionts.inc.php � il bbcode nativo.
In config hai abilitato quello o il plugin bbdecoder? Nel secondo caso, devi andare nella cartella plugins > bbdecoder per trovare il file con la gestione dei vari tag.
Usando il bbdecoder io ho risolto saltando <ul> e trasformando direttamente [li] in <li>
Non so quanto sia corretto, ma mi funziona.
Per il nativo dovrebbe essere

'#\[li\](.+?)#is',

'<li>$1',

Diventa Sponsorizzato! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

sadly-noob

29/04/2018 21:17:44

[ COME NON DETTO .. ]

Evito di postare di nuovo - ok�y, sono riuscita ad aggiungere l'elemento lista <li> in questo modo:

$bbtag = array(
array(
"\n",
'[hr]',
'[*b]~[/*b]',
'[*i]~[/*i]',
'[*u]~[/*u]',
'[*s]~[/*s]',
'[*center]~[/*center]',
'[right]~[/right]',
'[left]~[/left]',
'[*quote]~[/*quote]'
'[li]~[/li]'
),

array(
' ',
'<hr />',
'~',
'~',
'<ins>~</ins>',
'<del>~</del>',
'~',
'~',
'~',
'~',
'<li>~</li>'
)
);

Ora purtroppo il mio editor utilizza invece il formato [*] per creare l'elemento <li>, forse � il fatto che * � un simbolo a creare qualche problema ..

Continuo comunque a provare, grazie mille!

________________________________

(prima parte ..)

Grazie Seralia! Ho il BBDECODER abilitato, quindi mi concentrer� su quello - ho individuato:

$bbcode = array(

"#\[color=($regexpColor)\](.*?(?!\[color).*?)\[/color\]#is"
=> "\\4",

"#\[bg=($regexpColor)\](.*?(?!\[bg).*?)\[/bg\]#is"
=> "\\4",

"#\[font=([a-z A-Z,]+)\](.*?(?!\[font).*?)\[/font\]#is"
=> "\\2",

"#\[size=([0-9]{1,2})\](.*?(?!\[size).*?)\[/size\]#is"
=> "\\2",

"#\[url\]($regexpUrl)+\[/url\]#is"
=> "<a href=\"\\1\" target=\"_blank\" title=\"\\1\">\\1</a>",

"#\[mail\]($regexpMail)+\[/mail\]#is"
=> "<a href=\"mailto:\\1\" title=\"\\1\">\\2</a>"

);

E questa seconda parte:

function baseformat($str)
{
$bbtag = array(
array(
"\n",
'[hr]',
'[*b]~[/*b]',
'[*i]~[/*i]',
'[*u]~[/*u]',
'[*s]~[/*s]',
'[*center]~[/*center]',
'[right]~[/right]',
'[left]~[/left]',
'[*quote]~[/*quote]'
),

array(
' ',
'<hr />',
'~',
'~',
'<ins>~</ins>',
'<del>~</del>',
'~',
'~',
'~',
'~'
)
);

(..)

Ora sulla seconda me la sono giocata con queste due aggiunte:

'[*]~[/*]'
),

(...)

'<li>~</li>'
)

Sulla prima invece mi trovo molto pi� al buio, sigh .. Ho provato a buttare gi� un mezzo tentativo:

"#\[*\][/*\]#is" => "<li>\\1</li>",

Ma in output o non viene letto o addirittura invalida il resto del codice (viene perso anche il resto della formattazione). Con un po' di fortuna si tratta solo di un problema di sintassi?

blissful nooblirance
[ GDRCD 5.4 / Altervista / Versione MySQL: 5.6 ]

Modificato il 29/04/2018 21:28:35 da sadly-noob

seralia

29/04/2018 22:41:11

Non ti serve la prima parte, quella formatta colori, url ed altro di pi� complesso, con pi� attributi.
Ti dovrebbe bastare la seconda (che hai fatto per prima)

Star Trek Online ↗
MMO ambientato nell'universo di Star Trek i cui i giocatori possono comandare una nave della Flotta Stellare e creare il proprio equipaggio!

dyrr

30/04/2018 08:48:44

Puoi usare entrambi i metodi, per quello che non ti riesce l'espressione regolare da usare � questa:

"#\[\*\](.+?)\[/\*\]#si" => "<li>\\1</li>"

Test: https://regex101.com/r/8ppbTU/2/

Su quel sito puoi testare le espressioni regolari quando le scrivi in maniera da poterle verificare facilmente.

Se mastichi l'inglese qui https://www.regular-expressions.info/reference.html trovi tutto quello che devi sapere sulla sintassi e altro delle regex.

Io uso quella come guida quando ho dei dubbi, mi spiace non sapertene indicare una fatta bene in italiano, ma se cerchi con espressioni regolari sicuramente con google trovi quella che fa pi� al caso tuo facilmente.

Il * � un carattere speciale per le regex per cui va messo l'escape prima \ per quello non ti andava.

Se ti dovesse capitare invece il problema opposto che hai dei bbcode presenti lato server ma non sull'editor puoi aggiungerli sull'editor come spiegato qui http://wysibb.com/docs/p1.html

Mistery of Akasha ↗
Indossa le vesti di un eroe, di un potente mago, di un feroce guerriero, in grado di cambiare le sorti del giorno che verr�. Scrivi il tuo destino!

Modificato il 30/04/2018 08:49:34 da dyrr

seralia

30/04/2018 09:54:18

dyrr ha scritto:
Il * � un carattere speciale per le regex per cui va messo l'escape prima \ per quello non ti andava.

Grazie Dyrr, non lo sapevo! 👍

Star Trek Online ↗
MMO ambientato nell'universo di Star Trek i cui i giocatori possono comandare una nave della Flotta Stellare e creare il proprio equipaggio!

sadly-noob

30/04/2018 15:47:48

Grazie mille per le dritte Dyrr!
.. Non so se avr� il coraggio di avvicinarmi troppo alle espressioni regolari, sembrano abbastanza diaboliche.

Per il resto .. Dunque, non mi riesce di fargli gestire sia le liste ordinate che quelle numerate. Se ho una non viene letta l'altra, sigh.

Nell'editor (quasi) tutto viene visualizzato correttamente:

.. Poi per�:

Il BBCODE di quel post � il seguente:

[list][*]Lista�pallino
[/*][*]Lista�pallino�
[/*][*]Lista�pallino�
[/*][*]Lista�pallino�
[/*][*]Lista�pallino�[/*][/list]

[list=1][*]Lista Numerica
[/*][*]Lista Numerica
[/*][*]Lista Numerica
[/*][*]Lista Numerica
[/*][*]Lista Numerica[/*][/list]

Ed in bbdecoder.php dovrebbe esserci tutto (alla fine non ho aggiunto l'espressione regolare, gi� che le cose sembravano funzionare anche senza ..):

L'unica cosa che mi viene in mente � che adesso essendo le voci di lista ordinata che lista numerata utilizzate entrambe con il tag '[*]~[/*]' si venga a creare qualche tipo di conflitto.

Ho preso il file dell'editor jquery.wysibb.js per dare un'occhiata, per quanto terrificante - ho individuato questa parte:

bullist : {
title: CURLANG.bullist,
buttonHTML: '\uE009',
excmd: 'insertUnorderedList',
transform : {
'<ul>{SELTEXT}</ul>':"[list]{SELTEXT}[/list]",
'<li>{SELTEXT}</li>':"[*]{SELTEXT}[/*]"
}
},
numlist : {
title: CURLANG.numlist,
buttonHTML: '\uE00a',
excmd: 'insertOrderedList',
transform : {
'<ol>{SELTEXT}</ol>':"[list=1]{SELTEXT}[/list]",
'<li>{SELTEXT}</li>':"[*]{SELTEXT}[/*]"
}
},

Che dal basso delle mie inesistenti competenze in jquery, mi sembra sia la cosa pi� vicina ad un filtro. Ho provato con:

E sul decoder ho inserito queste due cose:

'[**]~[/**]'

(...)

'<li>~</li>'

Ma nessun risultato - il problema � gi� presente sull'editor, che comunque inserisce [*] invece di [**] per la lista ordinata:

.. Alla brutta si vive anche solo con una delle due, mi faceva solo un po' innervosire come fatto. E ci sono un altro paio di questioni simili .. Magari potrei aprire un thread dedicato proprio a questo editor, che il titolo di questo ormai � un po' fuorviante.

Grazie comunque ragazzi per il supporto!

blissful nooblirance
[ GDRCD 5.4 / Altervista / Versione MySQL: 5.6 ]

Pagine → 1

Discussione seguita da: » cookie » rt1978 » moonspell

Non puoi scrivere in questo forum