Javascript Girl
  1. Javascript Girl
  3. Comment puis-je afficher le code sur mon blogger blog?
Intereting Posts
Trouver des éléments avec position: attribut Étiquette de sélection simple avec les options ne fonctionnant pas sur Chrome Comment fonctionne la fonction chai attend-elle? En utilisant plusieurs instructions de retour en JavaScript Obtenir une erreur tout en détectant l'extension chrome installée ou ne pas utiliser javascript Facebook chatbox ne se recharge pas entre les pages Obtenir un fuseau horaire client à partir du navigateur ECMAScript: Harmony / ES6 vers JavaScript compilateur Pourquoi les espaces de noms sont-ils une mauvaise pratique en JavaScript? Function.prototype.bind Comment déclencher CSS3 fade-in effect en utilisant Javascript? Comment afficher les données JSON dans la table de démarrage Javascript – Remplacer les espaces '% 20' Google Maps API; Supprimer le panoramique de la carte pour activer le défilement de la page Comment créer un bouton qui joue un mp3 google tts

Comment puis-je afficher le code sur mon blogger blog?

Ces jours-ci, dans n'importe quel site où ils montrent des fragments de code (même dans Stackoverflow), le code est bien enveloppé autour d'un élément GUI qui met en évidence les éléments de syntaxe, fournit des numéros de ligne, etc. Je souhaite afficher un code ruby ​​on rails dans mon blog Et je veux ces éléments visuels dans mon blog.

Comment puis-je accomplir cela sur mon blogger blog?

Cliquez sur "Modifier HTML" dans Blogger, puis insérez ce qui suit dans la section <head> de votre HTML: 

 <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js"></script> <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" /> <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" /> <script language="javascript"> window.onload = function () { dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); dp.SyntaxHighlighter.BloggerMode(); } </script>

Et le suivant dans <body> où vous souhaitez mettre votre code: 

 <pre class="brush: ruby" name="code"># Your Ruby Code</pre>

http://code.google.com/p/syntaxhighlighter/

http://www.pseudocoder.com/blog/javascript-code-highlighter-chili-vs-syntaxhighlighter

http://www.1stwebdesigner.com/resources/16-free-javascript-code-syntax-highlighters-for-better-programming/

SyntaxHighlighter est le chemin à parcourir, mais tous les liens donnés ici ne fonctionnent pas pour moi.

J'ai trouvé un guide complet de 2 étapes pour installer la dernière version 3.x dans Blogger qui fonctionne réellement ici .

En utilisant les liens Alex Reitbort à condition de pouvoir l'intégrer dans votre blog de Blogger en utilisant l'un des tutoriels suivants:

http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html
http://abhisanoujam.blogspot.com/2008/12/blogger-syntax-highlighting.html

Le problème avec l'utilisation de Javascript pour créer dynamiquement un style de syntaxe de code au moment de l'exécution est:

  1. La page charge lentement
  2. L'apparence initiale du code affiché est en format brut
  3. Nevers fonctionne si javascript est désactivé

La meilleure technique serait de simplement copier coller le HTML, généré à l'aide de certains convertisseurs.

Outil de générateur de syntaxe de syntaxe en ligne

Codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html

J'ai trouvé un site Web qui convertit mon code en format compatible avec le blogueur. Il répond à mes besoins et ne prend presque pas de temps.

http://codeformatter.blogspot.de/2009/06/bugs-fixed.html