WP-CODEBOX Plugin (code mis en plug-in)
| Auteur: Eric.Wang Plugin Web: http://wordpress.org/extend/plugins/wp-codebox/ Tags: la coloration syntaxique, de la syntaxe, mettre en évidence le code, mise en forme Nécessite au moins: 2,0 Testé jusqu'à: 2.5.1 Tag stable: 1.3.1 Télécharger | Faites un don pour ce développement de plug-ins, Merci! |
== Description ==
WP-CODEBOX souligné code plug-in, en charge plusieurs langues, le code téléchargé, copié dans le presse-papiers, le code Shoufang boîte de fond par défaut et l'attribut. La poursuite du développement du plug-in est toujours les bienvenus pour utiliser et rapporter les bogues.
Wp-CodeBox prévoit propre coloration syntaxique et fonctionnalité avancée pour l'intégration dans le code source des pages ou des postes. Il supporte un large éventail de langues populaires mettant en évidence avec les numéros de ligne, le code de téléchargement, de copie dans le presse-papier, l'effondrement codebox, lien automatique des mots-clés à API manuel et maintient mise en forme lors de la copie des extraits de code à partir du navigateur.
Il est simple de fournir la configuration de base pour le style surligneur / mise en forme de personnalisation.
Depuis le plugin est en développement, dans l'avenir, il soutiendra plus d'options. (CSS option, le style d'affichage des mots-clés, casquettes Auto / Nocaps, affaire de sensibilité…)
== == Utilisation de base
Wrap blocs de code avec `<pre lang="LANGUAGE" line="1" file="download.txt" colla="+">» et «</ pre>»
Paramètres possibles:
«LANGUE» est une [GeSHi] appuyé syntaxe du langage;
«fichier» permettra de créer un code de téléchargement attribut.;
«line =" n "» cachera unique codebox;
»="+/-"` collaboration élargira / codebox l'effondrement.
«line, un fichier collaboration» est facultatif.
== Installation ==
1. Envoyez WP-CodeBox.zip à votre répertoire de wordpress, généralement wp-content/plugins »/» et décompresser le fichier. Il permettra de créer un «wp-content/plugins/WP-CodeBox / répertoire».
2. Activez le plugin à travers la "Plugins" menu "de WordPress.
3. Allez à l'option-> Wp-CodeBox mis en valeur par défaut.
4. Créer un poste / page qui contient un extrait de code suivant [bon usage syntaxe]
== Foire aux Questions ==
Lorsque activer le plugin, popup l'erreur: "Fatal error: Cannot redeclare classe dans GeSHi # # / wp-content/plugins/wp-codebox/geshi/geshi.php sur la ligne 158"?
Réponse: désactiver d'autres Gashi syntaxe basée sur surligneur plugin en premier.
== == Captures d'écran
1. PHP, pas les numéros de ligne.
"foo" > <?php function foo ( ) { echo "Hello World! \\ n" ; } for ( \ $i = 0 ; \ $i < 10 $i ++ ) { foo ( ) ; } ?> </ div > <div Id = "foo"> <? Php function foo () (echo "Bonjour le monde! \ \ N";) for ($ i = 0; \ $ i <10 $ i + +) (foo (); )> </ Div> |
2. Java, avec les numéros de ligne, l'effondrement codebox.
1 2 3 4 5 | public static void main ( String [ ] args ) { System . out . println ( "Hello World!" ) ; } } public class Bonjour (public static void main (String [] args) (System.. println ( "Bonjour tout le monde !");)) |
3. Ruby, avec les numéros de ligne à partir de 18, le téléchargement fonctionnalité.
18 19 20 21 22 | example ( arg1 ) return "Hello: " + arg1. to_s end end Exemple de classe def exemple (arg1) return "Bonjour:" + arg1. to_s end end |
4. Interface d'administration dans WordPress 2.
Usage == ==
** Exemple 1: PHP, pas les numéros de ligne **
<pre lang="php">
<div id="foo">
<? Php
function foo () (
echo "Bonjour le monde! \ \ n";
)
for ($ i = 0; \ $ i <10 $ i + +) (
Foo ();
)
«>
</ Div>
</ Pre>
** Exemple 2: Java, avec les numéros de ligne, l'effondrement codebox **
<pre lang="java" line="1" colla="-">
public class Bonjour (
public static void main (String [] args) (
System.out.println ( "Bonjour le monde!");
)
)
</ Pre>
** Exemple 3: Ruby, avec les numéros de ligne à partir de 18, le code de téléchargement (ruby.txt) **
<pre lang="ruby" line="18" file="ruby.txt">
Exemple de classe
def exemple (arg1)
retour "Bonjour:" + arg1.to_s
fin
fin
</ Pre>
Langues == ==
Les langues suivantes sont supportées dans le répertoire `attribut lang»:
Actionscript, ADA, Apache Log, AppleScript, ASM, ASP, autoIt, Backus-Naur, Bash, BlitzBasic, C, C pour les Macs, C #, C + +, CAD DCL, CadLisp, CFDG, CFDG, ColdFusion, CSS, Delphi, DIV , DOS, Eiffel, Fortran, Fortran, FreeBasic, GML, Groovy, HTML, Inno, IO, Java, Java 5, Javascript, LaTeX, Lisp, Lua, Microprocessor ASM, mIRC, MySQL, NSIS, Objective C, OCaml, OpenOffice DE BASE , Oracle 8 SQL, Pascal, Perl, PHP, PL / SQL, Python, Q (uick) DE BASE, robots.txt, Ruby, SAS, Scheme, SDLBasic, Smalltalk, Smarty, SQL, T-SQL, TCL, thinBasic, Uno IDL, VB.NET, Visual Basic, Visual Fox Pro, Winbatch, X + +, XML, Z80 ASM
== Notes ==
** 1,0 **: Première publication interne; utilisations GeSHi v1.0.7.20;
** ** 1.0.1: Ajouter Afficher le code AJAX fonction;
** 1,1 **: Ajouter un arrière-plan simple configuration de surligneur style / mise en forme de personnalisation;
** 1,2 **: css et l'option de réglage i18n compatible;
** ** 1.2.1: GeSHi v1.0.7.21 utilisations;
** ** 1.2.2: WP 2,5 compatible;
1.2.2.1 ** **: Corriger les petits bugs, améliorer la mise en page CSS à coller le code-tête; contribution: YiXia.
** ** 1.2.3: utilisations GeSHi v1.0.7.22, ajouter les mots clés de lien vers l'API manuel option.
Faites un don == ==
Future Feature == ==
Il fournira backgroud pour surligner l'option de personnalisation de style (CSS option, le style d'affichage de mots clés, Auto caps / Nocaps, affaire de sensibilité…) Dans la prochaine version.
 (13 votes, moyenne: 5 sur 5)  Chargement ... |
Connexion connexes | Dans ce papier, les lecteurs également préoccupé par le texte suivant:
|
03月3 e, 2008 Auteur: eric | WordPress | Trackback | 48 commentaires | 
| 4720 vues
>; Signifie que l'étiquette d'un pre> <, doivent utiliser>, et <;. L'origine utilisés dans cette étiquette>, et <; peuvent être affichées correctement, mais ne sera pas en mesure d'ajouter après GESHI résoudre. GESHI cette question est la question, pas de plug-in. Mais est-ce que l'espoir que l'auteur peut être autant que possible. Dans l'utilisation directe de pré onglet> <peut résoudre ce problème, et ie67 et suivants sont dans la droite. Toutefois, les conséquences peuvent pas être xhtml1.0 est vérifiée. Je pense que, si possible, mais pas une bonne chose.
RépondreExcellent plugin - J'ai besoin de passer outre certains CSS pour ranger les choses, mais d'excellents - merci!
RépondreJe finnaly obtenir travaillé dans mon WP blog.We sont censés modifier le code dans "Code", pas "Visual", puis tout fonctionne fine.Nice travail, pal.
RépondreHHead .= $ "<!--[ si IE]> \ n <style type\"text/css\"> \ n "; hHead $ .=". Wp_codebox (overflow-x: auto; overflow-y: caché ; Padding-bottom: expression (this.scrollWidth> this.offsetWidth? \ "15px \": 0); largeur: 100%;) \ n "; hHead $ .=" </ style> \ n <! [Endif] -->";
RépondreAjoutez à cela
codebox_header fonction ()
Et supprimée dans la css / * * c'est-à-dire hack / css par certains pour vérifier
Ensuite, si, dans l'arrière-plan dans les paramètres d'écriture de l'WordPress devrait corriger invalidly imbriquées XHTML automatiquement
RépondrePuis, comme <? Php il deviendra <? Une Php plusieurs espaces, <! - Sera <! - Je ne peux pas sauter automatiquement passé ce filtre
Re-edit un peu de code, afin de rationaliser l'exportation en HTML, n'avez pas besoin de retirer l'ID d'adresse ou de http://www.e-xia.com/2008/05/wp-codebox-122-bug-fix/ mais pas Comprendre, c'est pourquoi le cookie de le mettre » N'est-ce pas après le passage à maintenir le statu » Faites un peu de temps à rencontrer des problèmes, est dumbfounding, sont généralement onclick = "javascript: function ()", puis la fonction peut être directement utilisé dans le présent appel de cette fonction pour obtenir l'objet, ma page d'accueil en face de la réalisation liste [+] Est-il possible de le faire, est essentiellement le même que le javascript, l'html même, mais dans wpcd_toggle_collapse ce n'est pas le bon appel à la fin que lorsque un paramètre à cette arrivé, tout à fait déprimant, vous savez pourquoi? » Le dernier cabinet intérieur de la js semble hors de dossier, cela est correcte, puis l'intérêt sur la prochaine fois. Vous avez dit aussi que le "n" ne peut pas copier n'a pas essayé de toute façon d'utiliser les trois exemples, peuvent réussir à copier, je comprends il être confondu mai, mai aussi être déplacé js relations.
RépondreJe ne sais pas pourquoi ce plug-in sur mon blog ne fonctionne pas, quand ils ne sont pas en activité plug-in, une erreur ou modifier les paramètres dans le code HTML source, citée codebox pour voir le js et css
RépondreJe modifier le code HTML état ajouté <pré ..., dans un mode qui peut également essayé et échoué, j'ai également désactiver tous les plug-ins, les mêmes ne fonctionne pas. Je dirige une copie de l'exemple de code ici, mais également inutile de savoir exactement comment ce n'est pas le rôle des plug-in est, dans le code HTML source Qu'arrive-t-il »
Pour trouver les raisons pour lesquelles c'est parce que la version téléchargée résultant de la mauvaise
Répondrehttp://downloads.wordpress.org/plugin/wp-codebox.zip
Téléchargez-le ici, Mogan Thunder, le droit de télécharger outre, un rapport de bogue: main.php dans le get_settings ( 'home') pour changer get_settings ( 'siteurl'), parce que je n'ai pas installé index.php Répertoire, si nous utilisons les mots cités js maison et CSS erreur.
Un autre bug est <and> ont montré que <and> ne sais pas si ce n'est pas plug-ins et d'autres conflits, demain à continuer à tester.
Merci de fournir une bonne plug-in
J'écris les messages sont supprimés de l'avant de celui-ci, je vous remercie également trouver eux-mêmes les Luosuo
Mais aujourd'hui, il continue à saisir les insectes, parce que vraiment ce plug-in.
RépondrePrincipalement copie dans le presse-papier de cette approche, car c'est-à-dire seulement dans et est utilisé pour étendre le temps, donc en code php dans l'augmentation, si pas cacher le lien c'est-à-dire, dans le javascript et si le spectacle [-] cacher cette fois Des liens ont maintenant mettre le consulter et de télécharger la première ligne de code retiré de la partie supérieure de la boîte, il n'est pas très confortable, de sorte que tous retirés de l'assiette, vous pouvez télécharger les expressions régulières sont ajoutés <pre ....> .* \ N (pour enlever l'avant d'une ligne vide.
Dans le http://www.e-xia.com/?p=58, en cas d'intérêt peut la regarder.
En outre, j'ai trouvé cette http://www.jeffothy.com/weblog/clipboard-copy/ a écrit dans firefox la façon d'y parvenir copie dans le presse-papier, mais à cause d'eux d'utiliser un swf, ne savent pas comment mettre cette adresse js, peut penser que de passer des paramètres, n'est pas confortable, ce qui ne sera pas dépensé.
WPCD votre opinion sur l'appui des modifications apportées vous est WPCD manque. J'étais la une par une dans votre changements ne ajouter les essais et la remise en liberté changlog journaux a contribué aux personnes ayant des informations.
RépondreDans le même temps vous avez à rendre compte des changements au document un bogue. Ligne = "n" lorsque la copie dans le presse-papier aucun rôle.
<,> Est rédacteur en chef wordpress hameçons en Daogui, devrait être en mesure de résoudre.
N'a pas que vous pourrez vraiment Kano, très touché par cela, en fait, je n'ai jamais ne pas avoir à copier dans le presse-papier, il n'existe pas de bon test, j'utilise firefox, c'est-à-dire sur l'essai pas bien fait: redface:
RépondreTrès belle plugin, je vous remercie.
RépondreIl s'agit d'un autre vote de tenir le [Copier dans le Presse-papiers] [+] visible à tout moment (avec mot de synthèse soit intelligent ou l'utilisation de CSS)
Merci, je suis la trouver très utile.
Wonderful plugin! Mais chose plus 1.
RépondreComment puis-je faire de texte de synthèse (pas de défilement automatique)?
ne peut pas fonctionner avec wordpress 2,5
RépondreVersion 2,5 ne peut pas être utilisé, oh ..
L'espoir de mettre à jour
Essayez-le!
RépondreQuand je emballer (sans les espaces) autour de HTML de base, il se casse et ne fonctionne pas.
RépondreVous devez déplacer le «copie dans le presse-papier" à signer la gauche. J'utilise pour ce scripts SQL. Quand ils sont trop longs (et la plupart sont), vous ne pouvez pas voir la «copie dans le presse-papier" à moins que vous allez vers le bas du script, puis utiliser la barre de défilement pour faire défiler vers la droite. La plupart des utilisateurs ne sont même pas réaliser qu'il est là comme un résultat.
Grand plugin autrement.
RépondreOopss .. je voulais dire à gauche "côté" de toute évidence. Thx!
RépondreNice additif, mais il rompt le album-2 plugin (http://wordpress.org/extend/plugins/lightbox-2/). Si votre WP-CODEBOX plugin est activé en même temps que l'album-2, l'album-2 doesn 't travail (il montre les images dans la fenêtre du navigateur, c'est-à-dire les appels Ajax échec).
Cordialement ...
RépondreSalut,
Merci pour un superbe plug-in.
J'ai eu de travail par écrit mes messages en «code» en vue de wordpress. Toutefois, lorsque je modifier l'article, il remonte au «visuel point de vue des wordpress. Lorsque je passe au« code », la événements suivants se produise:
Pour PHP:
1. Devient>
3. "Devient \ 'et chaque fois que je modifier l'article, un autre \ (barre oblique) est ajouté
Avez-vous une idée pourquoi ce qu'il se passe ou suis-je fait une erreur?
Cheers et merci pour le plugin!
RépondreOups! On dirait que mon commentaire n'a pas été correctement par. Je vais essayer à nouveau.
1. <? Php disparaît
2.> Devient? & Gt (sans espace entre & de gt; - Je ne peux pas poster dans ce commentaire)
3. "Devient \ 'et chaque fois que je modifier l'article, un autre \ (barre oblique) est ajouté
Merci encore
RépondreNe pas travailler avec ">"
exemple:
affiché:
Répondre1 2 3Si prototype ou l'album ou ProtoBox ou ce qui ne fonctionne pas avec WP CodeBox, vous devrez effectuer les opérations suivantes:
Ouvert / wp-content/plugins/wp-codebox/js/codebox.js et de trouver ces lignes:
function $ (id) (
retour document.getElementById (id);
)
Puis remplacez-la par
if ( "undefined" == typeof $) (
function $ (ID)
(
retour document.getElementById (id);
)
)
Depuis prototype de dollars fonction est étendue à l'égard de CodeBox l'un, le code devrait fonctionner correctement.
RépondreHope this helps.
Cela ne fonctionne pas sur Internet Explorer 7
RépondreI'am 7 C'est-à-dire, pas de problème!
RépondreJe veux dire, la solution vladimir récemment (et vous intégré sur wp-codebox). J'utilise wp-codebox avec album-2 pauses et codebox l'album-2 script. Le FF œuvres fine.Anyway, j'aime trop de votre plugin , C'est le meilleur que j'ai vu sur la coloration syntaxique.
RépondreEric, il est plus un bogue dans le code: lors de la création d'un lien de téléchargement, vous êtes avec htmlspecialchars () à l'écran des caractères spéciaux. Cependant, par défaut, htmspecialchars () assume iso-8859-1 caractères, ce qui est mauvais pour l' la plupart des blogs. Aussi, il serait plus correct d'utiliser wp_specialchars ().
RépondreJe obtenir:
RépondreWarning: Invalid argument fourni pour foreach () in / home / xxx / public_html / wp-content / plugins / wp-codebox / geshi / geshi.php on line 2281 Warning: Invalid argument fourni pour foreach () in / home / xxx / public_html / wp-content / plugins / wp-codebox / geshi / geshi.php on line 2281 Warning: Invalid argument fourni pour foreach () in / home / xxx / public_html / wp-content / plugins / wp-codebox / geshi / geshi . Php en ligne 2281 Warning: Invalid argument fourni pour foreach () in / home / xxx / public_html / wp-content / plugins / wp-codebox / geshi / geshi.php on line 2281
Des idées?
Ou que le premier étage <> J'ai trouvé le problème du code source pour l'écriture, par exemple <pre "C"> lang = p-> q…… S'il n'ya pas de problème immédiat peut être libérée une fois que j'ai ramené à le mode visuel, Sera transformée en <pre lang="C"> p-> q……, puis remis en liberté le voir seulement une erreur dans la forme de l'autre et je voudrais mettre en évidence plusieurs plug-in de code, en vertu du même éditeur , Bien que l'éditeur est affiché lorsque la p-> q, mais libéré au bout de pas de problème, nous pouvons voir que p-> q
RépondreIl en va de même pas l'éditeur du problème, il ya un espoir que le patron est la solution à cette colonne, parfois déroutant, la très large, y compris quelques exemples vous sont ici, je ne devrais pas la question la barre du navigateur (j'utilise Firefox)
Apposée sur une carte que vous voir http://i264.photobucket.com/albums/ii169/coffeecat10/code.jpg
RépondreJe ne peux pas aller au travail, pouvez-vous m'aider?
RépondreFatal error: Call to undefined function do_action_ref_array () in / mnt/w0504/d41/s46/b02cd2c3/www/kylecai.com/flash/wp-content/plugins/wp-codebox/main.php on line 104