10 gennaio 2008  8

Comment Toolbar extension per BlogEngine.NET 1.3

English version of this post

Comment Toolbar è la seconda estensione implementata secondo le nuove specifiche di BlogEngine.NET 1.3. Il plug-in aggiunge una coppia di pulsanti, visualizzabili a scelta all'inizio o alla fine di ciascun commento ad un post, che consentono rispettivamente di:

  • Rispondere all'autore:
    selezionando il pulsante verrà inserito automaticamente il nome dello stesso all'interno della textarea dedicata alla registrazione di un nuovo commento. Il testo viene formattato (tramite BBCode) ed inserito come:

    [b]@ nomeautore[/b]

  • Quotare tutto o parte del commento:
    selezionando il pulsante verrà inserito automaticamente all'interno della textarea dedicata all'inserimento di un nuovo commento, sia il nome dell'autore che tutto o parte (se si seleziona con il puntatore del mouse una porzione del commento prima di "cliccare" sul pulsante) del testo in esso contenuto. Il testo viene formattato (tramite BBCode) ed inserito come:

    [b]nomeautore[/b] ha scritto:
    [cite] ... testo completo (o selezionato) del commento ... [/cite]

Dal pannello di configurazione dell'estensione è possibile:

  1. Mostrare o nascondere i pulsanti (impostando un'etichetta vuota)
  2. Personalizzare l'etichetta di ciascun pulsante
  3. Scegliere la posizione della coppia di pulsanti (in alto o in basso rispetto a ciascun commento)

L'uso della Comment Toolbar è vincolato alla presenza (e relativa attivazione) nel sistema dell'estensione BBCode, che ricordo, dalla versione 1.3 di BlogEngine, è comunque installata di default. Se l'estensione non è presente o è disattivata, anch'essa si disabilita automaticamente.

Installazione

Scaricare l'archivio compresso CommentToolbar.zip (2,89 kb), quindi:

  1. Copiare il file CommentToolbar.cs nella cartella /App_Code/Extensions/
  2. Copiare il file CommentToolbar.js nella cartella /User controls/

Personalizzazione

L'aspetto della della CommentToolbar può essere personalizzato creando la classe comment-toolbar all'interno del foglio di stile associato al tema utilizzato. La toolbar è racchiusa all'interno della coppia di tag HTMLW


<div class="comment-toolbar">...</div>

mentre i singoli pulsanti sono creati mediante i tag HTML standard 


<input type="button" ... />

Altre estensioni ...

Comment Toolbar extension for BlogEngine.NET 1.3

This extension adds two buttons at the end (or the top) of every comments to automatically insert Reply e Quote functions.

From the configuration panel of the extension you can:

  1. Show or hide buttons (to hide leave button label blank)
  2. Personalize the label of every button
  3. Select where to show buttons (comment top or bottom) .

System requirements:

  • BlogEngine.NET 1.3
  • BBCode extension (default in BlogEngine.NET 1.3)

Installation

Download the compressed file CommentToolbar.zip (2,89 kb), then:

  1. Copy CommentToolbar.cs into /App_Code/Extensions/ folder
  2. Copy CommentToolbar.js into /User controls/ folder

Customization

You can customize the aspect of CommentToolbar: simply create (and edit) the comment-toolbar class in stylesheet of your preferred theme.

More extensions ...

P.S.: i'm sorry for my poor english

Esprimi il tuo giudizio

Commenti (8) -

Tobaldo
Tobaldo
13 gen 2008 alle 17:58  02
Ottimo lavoro come sempre, Cristiano. Aggiunta in 10 minuti come sempre....
Cristiano
Cristiano
14 gen 2008 alle 15:48  03
@ Tobaldo:
Ne avevo già anticipato il rilascio: purtroppo è dovuto slittare di qualche giorno dati i recenti impegni lavorativi.
Lieto, come sempre, che tu abbia apprezzato l'oggetto Wink

Dan
Dan
27 gen 2008 alle 07:09  04
Cristiano:

Doppio wow.
Questi sono grandi estensioni, sai davvero il tuo BlogEngine.

Due cose, se non mente:
1) Il "live comment preview" viene malformato-qualsiasi idea di come risolvere questo?

2) è possibile usare un css per la classe "commento citazione", che è diversa da quella del resto del sito di utilizzo di "citazione"?

Grazie!!
Cristiano
Cristiano
27 gen 2008 alle 14:02  05
@ Dan:
1) I know the problem: The solution is complex but I am working Smile

2) Sure!  you can define the class (in your CSS stylesheet):

div.comment cite
{
... class attributes...
}
Dan
Dan
27 gen 2008 alle 16:23  06
@ Cristiano:

Thanks for responding... in English!
2)  I did indeed find the proper class. It works beautifully.

1) I appreciate your efforts in repairing this- although the "problem" is not bad. I can certainly live with it, or even live without the "preview".

Again,
Thanks.
Love your site.
Cristiano
Cristiano
27 gen 2008 alle 17:09  07
@ Dan:
1) IMHO "Live Preview" it's absolutely useless Smile Smile

2) Cool !

3) Also I have answered to your question on CodePlex. Look at:
www.codeplex.com/.../View.aspx?ThreadId=17618
Seo in Abruzzo
Seo in Abruzzo
28 dic 2008 alle 20:27  10
Cristiano

una piccola miglioria per il tuo comment toolbar. Nulla che ognuno che non sappia metter mani al codice non si possa fare. Ma includi anche la stringa di testo per modificare la pagina con il post, affinchè in fase di modifica nel lato amministrativo se esistono commenti, ci si possa accedere agevolmente.

Ciao
Andrea
Cristiano
Cristiano
29 dic 2008 alle 17:37  11
@ Seo in Abruzzo:
Sfortunatamente non ho capito bene il tuo suggerimento: non potresti essere un pò più preciso ? Wink

Pingbacks and trackbacks (4)+

Aggiungi Commento

biucitecode
  • Commento
  • Anteprima
Loading


| |   |  

Codice QR

Codice QR - cristianofino.net

Ultimi Commenti