{"id":29250,"date":"2018-05-02T16:22:43","date_gmt":"2018-05-02T08:22:43","guid":{"rendered":"https:\/\/opte.io\/support\/?p=29250"},"modified":"2020-09-20T16:52:56","modified_gmt":"2020-09-20T08:52:56","slug":"posting-source-code","status":"publish","type":"post","link":"https:\/\/opte.io\/support\/posting-source-code\/","title":{"rendered":"Posting Source Code"},"content":{"rendered":"<p>While OPTe.io doesn\u2019t allow you to use potentially dangerous code on your blog, there is a way to post source code for viewing. There is a shortcode (<strong>activate SyntaxHighlighter Evolved<\/strong>) you can wrap around source code that preserves its formatting and even provides syntax highlighting for certain languages, like so:<\/p>\n<div>\n<div>\n<div id=\"highlighter_975373\" class=\"syntaxhighlighter css\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<div class=\"line number2 index1 alt1\">2<\/div>\n<div class=\"line number3 index2 alt2\">3<\/div>\n<div class=\"line number4 index3 alt1\">4<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"css plain\">#button {<\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">font-weight<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">bold<\/code><code class=\"css plain\">;<\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"css spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"css keyword\">border<\/code><code class=\"css plain\">: <\/code><code class=\"css value\">2px<\/code> <code class=\"css value\">solid<\/code> <code class=\"css value\">#fff<\/code><code class=\"css plain\">;<\/code><\/div>\n<div class=\"line number4 index3 alt1\"><code class=\"css plain\">}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<p>To accomplish the above, just wrap your code in these tags:<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#button {\r\n    font-weight: bold;\r\n    border: 2px solid #fff;\r\n}\r\n<\/pre>\n<p><code><\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\nyour code here\r\n<\/pre>\n<p><\/code><\/p>\n<p>The\u00a0<code>language<\/code>\u00a0(or\u00a0<code>lang<\/code>) parameter controls how the code is syntax highlighted. The following languages are supported:<\/p>\n<ul>\n<li>actionscript3<\/li>\n<li>bash<\/li>\n<li>clojure<\/li>\n<li>coldfusion<\/li>\n<li>cpp<\/li>\n<li>csharp<\/li>\n<li>css<\/li>\n<li>delphi<\/li>\n<li>diff<\/li>\n<li>erlang<\/li>\n<li>fsharp<\/li>\n<li>go<\/li>\n<li>groovy<\/li>\n<li>html<\/li>\n<li>java<\/li>\n<li>javafx<\/li>\n<li>javascript<\/li>\n<li>latex (you can also render LaTeX)<\/li>\n<li>matlab (keywords only)<\/li>\n<li>objc<\/li>\n<li>perl<\/li>\n<li>php<\/li>\n<li>powershell<\/li>\n<li>python<\/li>\n<li>r<\/li>\n<li>ruby<\/li>\n<li>scala<\/li>\n<li>sql<\/li>\n<li>text<\/li>\n<li>vb<\/li>\n<li>xml<\/li>\n<\/ul>\n<p>If the language parameter is not set, it will default to \u201ctext\u201d (no syntax highlighting).<\/p>\n<p>Code in between the source code tags will automatically be encoded for display, you don\u2019t need to worry about HTML entities or anything.<\/p>\n<h4 id=\"configuration-parameters\" class=\"section-title\">Configuration Parameters<\/h4>\n<p>The shortcodes also accept a variety of configuration parameters that you may use to customize the output. All are completely optional.<\/p>\n<ul>\n<li><code>autolinks<\/code>\u00a0(true\/false) \u2014 Makes all URLs in your posted code clickable. Defaults to true.<\/li>\n<li><code>collapse<\/code>\u00a0(true\/false) \u2014 If true, the code box will be collapsed when the page loads, requiring the visitor to click to expand it. Good for large code posts. Defaults to false.<\/li>\n<li><code>firstline<\/code>\u00a0(number) \u2014 Use this to change what number the line numbering starts at. It defaults to 1.<\/li>\n<li><code>gutter<\/code>\u00a0(true\/false) \u2014 If false, the line numbering on the left side will be hidden. Defaults to true.<\/li>\n<li><code>highlight<\/code>\u00a0(comma-seperated list of numbers) \u2014 You can list the line numbers you want to be highlighted. For example \u201c4,7,19\u201d.<\/li>\n<li><code>htmlscript<\/code>\u00a0(true\/false) \u2014 If true, any HTML\/XML in your code will be highlighted. This is useful when you are mixing code into HTML, such as PHP inside of HTML. Defaults to false and will only work with certain code languages.<\/li>\n<li><code>light<\/code>\u00a0(true\/false) \u2014 If true, the gutter (line numbering) and margin (see below) will be hidden. This is helpful when posting only one or two lines of code. Defaults to false.<\/li>\n<li><code>padlinenumbers<\/code>\u00a0(true\/false\/integer) \u2014 Allows you to control the line number padding.\u00a0<code>true<\/code>\u00a0will result in automatic padding,\u00a0<code>false<\/code>\u00a0will result in no padding, and entering a number will force a specific amount of padding.<\/li>\n<li><code>title<\/code>\u00a0(string) \u2014 Set a label for your code block. Can be useful when combined with the\u00a0<code>collapse<\/code>\u00a0parameter.<\/li>\n<\/ul>\n<p>Here\u2019s some examples of the above parameters in action:<\/p>\n<div>\n<div id=\"highlighter_73532\" class=\"syntaxhighlighter plain\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number8 index0 alt1\">8<\/div>\n<div class=\"line number9 index1 alt2 highlighted\">9<\/div>\n<div class=\"line number10 index2 alt1 highlighted\">10<\/div>\n<div class=\"line number11 index3 alt2\">11<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number8 index0 alt1\"><code class=\"plain plain\">This line is not highlighted.<\/code><\/div>\n<div class=\"line number9 index1 alt2 highlighted\"><code class=\"plain plain\">This line is highlighted.<\/code><\/div>\n<div class=\"line number10 index2 alt1 highlighted\"><code class=\"plain plain\">This line is highlighted.<\/code><\/div>\n<div class=\"line number11 index3 alt2\"><code class=\"plain plain\">This line is not highlighted.<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div>\n<div id=\"highlighter_471932\" class=\"syntaxhighlighter xml\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">0001<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"xml plain\">&lt;<\/code><code class=\"xml keyword\">strong<\/code><code class=\"xml plain\">&gt;This&lt;\/<\/code><code class=\"xml keyword\">strong<\/code><code class=\"xml plain\">&gt; is a short snippit of &lt;<\/code><code class=\"xml keyword\">code<\/code><code class=\"xml plain\">&gt;code&lt;\/<\/code><code class=\"xml keyword\">code<\/code><code class=\"xml plain\">&gt; with padlinenumbers set to 4.<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>And here\u2019s a larger code block to see it all in action. It is set to the PHP language with \u201chtmlscript\u201d enabled and line number 12 highlighted.<\/p>\n<div>\n<div id=\"highlighter_80281\" class=\"syntaxhighlighter htmlscript\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<div class=\"line number2 index1 alt1\">2<\/div>\n<div class=\"line number3 index2 alt2\">3<\/div>\n<div class=\"line number4 index3 alt1\">4<\/div>\n<div class=\"line number5 index4 alt2\">5<\/div>\n<div class=\"line number6 index5 alt1\">6<\/div>\n<div class=\"line number7 index6 alt2\">7<\/div>\n<div class=\"line number8 index7 alt1\">8<\/div>\n<div class=\"line number9 index8 alt2\">9<\/div>\n<div class=\"line number10 index9 alt1\">10<\/div>\n<div class=\"line number11 index10 alt2\">11<\/div>\n<div class=\"line number12 index11 alt1 highlighted\">12<\/div>\n<div class=\"line number13 index12 alt2\">13<\/div>\n<div class=\"line number14 index13 alt1\">14<\/div>\n<div class=\"line number15 index14 alt2\">15<\/div>\n<div class=\"line number16 index15 alt1\">16<\/div>\n<div class=\"line number17 index16 alt2\">17<\/div>\n<div class=\"line number18 index17 alt1\">18<\/div>\n<div class=\"line number19 index18 alt2\">19<\/div>\n<div class=\"line number20 index19 alt1\">20<\/div>\n<div class=\"line number21 index20 alt2\">21<\/div>\n<div class=\"line number22 index21 alt1\">22<\/div>\n<div class=\"line number23 index22 alt2\">23<\/div>\n<div class=\"line number24 index23 alt1\">24<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"htmlscript plain\">&lt;!<\/code><code class=\"htmlscript keyword\">DOCTYPE<\/code> <code class=\"htmlscript plain\">html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" \"<a href=\"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\">http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd<\/a>\"&gt;<\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">html<\/code> <code class=\"htmlscript color1\">xmlns<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"<a href=\"http:\/\/www.w3.org\/1999\/xhtml\">http:\/\/www.w3.org\/1999\/xhtml<\/a>\"<\/code> <code class=\"htmlscript color1\">xml:lang<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"en\"<\/code> <code class=\"htmlscript color1\">lang<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"en\"<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">head<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number4 index3 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">meta<\/code> <code class=\"htmlscript color1\">http-equiv<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"Content-Type\"<\/code> <code class=\"htmlscript color1\">content<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"text\/html; charset=UTF-8\"<\/code> <code class=\"htmlscript plain\">\/&gt;<\/code><\/div>\n<div class=\"line number5 index4 alt2\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">title<\/code><code class=\"htmlscript plain\">&gt;WordPress.com Code Example&lt;\/<\/code><code class=\"htmlscript keyword\">title<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number6 index5 alt1\"><code class=\"htmlscript plain\">&lt;\/<\/code><code class=\"htmlscript keyword\">head<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number7 index6 alt2\"><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">body<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number8 index7 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">h1<\/code><code class=\"htmlscript plain\">&gt;WordPress.com Code Example&lt;\/<\/code><code class=\"htmlscript keyword\">h1<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number9 index8 alt2\"><\/div>\n<div class=\"line number10 index9 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"php plain\">&gt;<\/code><code class=\"php script\">&lt;?php<\/code> <code class=\"php functions\">echo<\/code> <code class=\"php string\">'Hello World!'<\/code><code class=\"php plain\">; <\/code><code class=\"php script\">?&gt;<\/code><code class=\"htmlscript plain\">&lt;\/<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number11 index10 alt2\"><\/div>\n<div class=\"line number12 index11 alt1 highlighted\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;This line is highlighted.&lt;\/<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number13 index12 alt2\"><\/div>\n<div class=\"line number14 index13 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;This line is very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long.&lt;\/<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number15 index14 alt2\"><\/div>\n<div class=\"line number16 index15 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">div<\/code> <code class=\"htmlscript color1\">class<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"foobar\"<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number17 index16 alt2\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">This\u00a0\u00a0\u00a0 is\u00a0 an<\/code><\/div>\n<div class=\"line number18 index17 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">example of\u00a0 smart<\/code><\/div>\n<div class=\"line number19 index18 alt2\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">tabs.<\/code><\/div>\n<div class=\"line number20 index19 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;\/<\/code><code class=\"htmlscript keyword\">div<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number21 index20 alt2\"><\/div>\n<div class=\"line number22 index21 alt1\"><code class=\"htmlscript spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"htmlscript plain\">&lt;<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;&lt;<\/code><code class=\"htmlscript keyword\">a<\/code> <code class=\"htmlscript color1\">href<\/code><code class=\"htmlscript plain\">=<\/code><code class=\"htmlscript string\">\"<a href=\"https:\/\/opte.io\/\">https:\/\/opte.io\/<\/a>\"<\/code><code class=\"htmlscript plain\">&gt;OPTe.io&lt;\/<\/code><code class=\"htmlscript keyword\">a<\/code><code class=\"htmlscript plain\">&gt;&lt;\/<\/code><code class=\"htmlscript keyword\">p<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number23 index22 alt2\"><code class=\"htmlscript plain\">&lt;\/<\/code><code class=\"htmlscript keyword\">body<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<div class=\"line number24 index23 alt1\"><code class=\"htmlscript plain\">&lt;\/<\/code><code class=\"htmlscript keyword\">html<\/code><code class=\"htmlscript plain\">&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>While OPTe.io doesn\u2019t allow you to use potentially dangerous code on your blog, there is a way to post source code for viewing. There is a shortcode (activate SyntaxHighlighter Evolved) you can wrap around source code that preserves its formatting and even provides syntax highlighting for certain languages, like so: 1 2 3 4 #button [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[103,102],"tags":[],"class_list":["post-29250","post","type-post","status-publish","format-standard","hentry","category-shortcode","category-writing-editing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.0 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Posting Source Code<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/opte.io\/support\/posting-source-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Posting Source Code\" \/>\n<meta property=\"og:description\" content=\"While OPTe.io doesn\u2019t allow you to use potentially dangerous code on your blog, there is a way to post source code for viewing. There is a shortcode (activate SyntaxHighlighter Evolved) you can wrap around source code that preserves its formatting and even provides syntax highlighting for certain languages, like so: 1 2 3 4 #button [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/opte.io\/support\/posting-source-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Support | OPTe\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-02T08:22:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-20T08:52:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/opte.io\/support\/wp-content\/uploads\/sites\/4\/2022\/10\/OPTe_icon_512.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"OPTe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@_opte\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/opte.io\/support\/posting-source-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/opte.io\/support\/posting-source-code\/\"},\"author\":{\"name\":\"OPTe\",\"@id\":\"https:\/\/opte.io\/support\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5\"},\"headline\":\"Posting Source Code\",\"datePublished\":\"2018-05-02T08:22:43+00:00\",\"dateModified\":\"2020-09-20T08:52:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/opte.io\/support\/posting-source-code\/\"},\"wordCount\":440,\"publisher\":{\"@id\":\"https:\/\/opte.io\/support\/#organization\"},\"articleSection\":[\"Shortcode\",\"Writing &amp; Editing\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/opte.io\/support\/posting-source-code\/\",\"url\":\"https:\/\/opte.io\/support\/posting-source-code\/\",\"name\":\"Posting Source Code\",\"isPartOf\":{\"@id\":\"https:\/\/opte.io\/support\/#website\"},\"datePublished\":\"2018-05-02T08:22:43+00:00\",\"dateModified\":\"2020-09-20T08:52:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/opte.io\/support\/posting-source-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/opte.io\/support\/posting-source-code\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/opte.io\/support\/posting-source-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/opte.io\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Posting Source Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/opte.io\/support\/#website\",\"url\":\"https:\/\/opte.io\/support\/\",\"name\":\"Support | OPTe\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/opte.io\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/opte.io\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/opte.io\/support\/#organization\",\"name\":\"Support | OPTe\",\"url\":\"https:\/\/opte.io\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/opte.io\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/opte.io\/support\/wp-content\/uploads\/sites\/4\/2022\/10\/OPTe_icon_512.png\",\"contentUrl\":\"https:\/\/opte.io\/support\/wp-content\/uploads\/sites\/4\/2022\/10\/OPTe_icon_512.png\",\"width\":512,\"height\":512,\"caption\":\"Support | OPTe\"},\"image\":{\"@id\":\"https:\/\/opte.io\/support\/#\/schema\/logo\/image\/\"},\"actionableFeedbackPolicy\":\"https:\/\/opte.io\/support\/help\/\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/opte.io\/support\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5\",\"name\":\"OPTe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/opte.io\/support\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/opte.io\/support\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg\",\"contentUrl\":\"https:\/\/opte.io\/support\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg\",\"caption\":\"OPTe\"},\"sameAs\":[\"https:\/\/opte.io\",\"https:\/\/x.com\/_opte\"],\"url\":\"https:\/\/opte.io\/support\/author\/opte\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Posting Source Code","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/opte.io\/support\/posting-source-code\/","og_locale":"en_US","og_type":"article","og_title":"Posting Source Code","og_description":"While OPTe.io doesn\u2019t allow you to use potentially dangerous code on your blog, there is a way to post source code for viewing. There is a shortcode (activate SyntaxHighlighter Evolved) you can wrap around source code that preserves its formatting and even provides syntax highlighting for certain languages, like so: 1 2 3 4 #button [&hellip;]","og_url":"https:\/\/opte.io\/support\/posting-source-code\/","og_site_name":"Support | OPTe","article_published_time":"2018-05-02T08:22:43+00:00","article_modified_time":"2020-09-20T08:52:56+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/opte.io\/support\/wp-content\/uploads\/sites\/4\/2022\/10\/OPTe_icon_512.png","type":"image\/png"}],"author":"OPTe","twitter_card":"summary_large_image","twitter_creator":"@_opte","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/opte.io\/support\/posting-source-code\/#article","isPartOf":{"@id":"https:\/\/opte.io\/support\/posting-source-code\/"},"author":{"name":"OPTe","@id":"https:\/\/opte.io\/support\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5"},"headline":"Posting Source Code","datePublished":"2018-05-02T08:22:43+00:00","dateModified":"2020-09-20T08:52:56+00:00","mainEntityOfPage":{"@id":"https:\/\/opte.io\/support\/posting-source-code\/"},"wordCount":440,"publisher":{"@id":"https:\/\/opte.io\/support\/#organization"},"articleSection":["Shortcode","Writing &amp; Editing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/opte.io\/support\/posting-source-code\/","url":"https:\/\/opte.io\/support\/posting-source-code\/","name":"Posting Source Code","isPartOf":{"@id":"https:\/\/opte.io\/support\/#website"},"datePublished":"2018-05-02T08:22:43+00:00","dateModified":"2020-09-20T08:52:56+00:00","breadcrumb":{"@id":"https:\/\/opte.io\/support\/posting-source-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/opte.io\/support\/posting-source-code\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/opte.io\/support\/posting-source-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/opte.io\/support\/"},{"@type":"ListItem","position":2,"name":"Posting Source Code"}]},{"@type":"WebSite","@id":"https:\/\/opte.io\/support\/#website","url":"https:\/\/opte.io\/support\/","name":"Support | OPTe","description":"","publisher":{"@id":"https:\/\/opte.io\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/opte.io\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/opte.io\/support\/#organization","name":"Support | OPTe","url":"https:\/\/opte.io\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/opte.io\/support\/#\/schema\/logo\/image\/","url":"https:\/\/opte.io\/support\/wp-content\/uploads\/sites\/4\/2022\/10\/OPTe_icon_512.png","contentUrl":"https:\/\/opte.io\/support\/wp-content\/uploads\/sites\/4\/2022\/10\/OPTe_icon_512.png","width":512,"height":512,"caption":"Support | OPTe"},"image":{"@id":"https:\/\/opte.io\/support\/#\/schema\/logo\/image\/"},"actionableFeedbackPolicy":"https:\/\/opte.io\/support\/help\/"},{"@type":"Person","@id":"https:\/\/opte.io\/support\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5","name":"OPTe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/opte.io\/support\/#\/schema\/person\/image\/","url":"https:\/\/opte.io\/support\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg","contentUrl":"https:\/\/opte.io\/support\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg","caption":"OPTe"},"sameAs":["https:\/\/opte.io","https:\/\/x.com\/_opte"],"url":"https:\/\/opte.io\/support\/author\/opte\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9Mzbs-7BM","_links":{"self":[{"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/posts\/29250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/comments?post=29250"}],"version-history":[{"count":0,"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/posts\/29250\/revisions"}],"wp:attachment":[{"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/media?parent=29250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/categories?post=29250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/opte.io\/support\/wp-json\/wp\/v2\/tags?post=29250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}