princehaku

This is a code prettify plugin using google-code-prettify. click the add-code media button to insert your code. the code higlighting effect will be seen directly in the mce editor.这是一个代码高亮插件 使用google code prettify 安装后在文章发布处点击插入代码按钮即可插入代码 代码高亮效果会直接在mce中预览可见
Related Links:
<ul>
<li><a href="http://3haku.net" rel="nofollow ugc">Plugin Homepage</a></li>
<li><a href="http://code.google.com/p/google-code-prettify/" rel="nofollow ugc">Google Code Prettify</a></li>
</ul>
*This release is compatible with all WordPress versions since 2.0. *
<h3>License</h3>
This plugin is free for everyone! You can use it free of charge on your personal or commercial blog.
<h3>Translations</h3>

google-syntax

This is a code prettify plugin. the code higlighting effect will be seen directly in the mce editor.

Simon Ugorji

<blockquote>
PLEASE NOTE THAT THIS PLUGIN DOES NOT AND WILL NEVER EXECUTE ANY TYPE OF CODE ON YOUR WORDPRESS SITE!
</blockquote>
This plugin uses Google Prettify which is an open-source syntax highlighting library.
This plugin relies on 3rd party services under the circumstances below;
<ol>
<li>
<a href="https://github.com/googlearchive/code-prettify/" rel="nofollow ugc">Syntax highlighting</a> – This is the core library that will make your snippets to be formatted according to your chosen language.
</li>
<li>
<a href="https://jmblog.github.io/color-themes-for-google-code-prettify/" rel="nofollow ugc">Color Themes</a> – This is the color themes that can be used to change what your code snippets looks like
</li>
</ol>
You can find the Terms of Use and privacy policy on the links above.
<h3>HOW TO USE</h3>
CREATE A NEW SNIPPET
<ol>
<li>Head Over to the New Snippet page to create a New Code Snippet.</li>
<li>On the page, add a title for the new snippet.</li>
<li>Select the Language you’re working with.</li>
<li>Type in the code in the code box and when you’re done, click on Preview.</li>
<li>Click on Save to save your code snippet.</li>
</ol>
<blockquote>
NOTE: YOUR CODE SNIPPETS ARE ENCODED AND STORED AS PLAIN TEXT TO PREVENT ITS EXECUTION
</blockquote>
MANAGE CODE SNIPPETS
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>You can click on the Copy button to copy the shortcode for the snippet.</li>
<li>You can click on the Edit button to edit a code snippet.</li>
<li>You can click on the Delete button to delete a code snippet.</li>
</ol>
EDIT CODE SNIPPET
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>Click on the Edit button to redirect you to the edit page.</li>
<li>On the Edit page, change the title for the snippet.</li>
<li>Change the Language you’re working with.</li>
<li>Modify the code in the code box and when you’re done, click on Update.</li>
</ol>
EMBED CODE SNIPPET
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>Click on the Copy button to copy the shortcode for the snippet.</li>
<li>In any of your wordpress posts, place the copied shortcode & save the post.</li>
<li>Preview the post to see the snippet embedded right where you want it.</li>
</ol>

Coding Blocks

code block, syntax highlighter, code highlighter, editor, php, html, css, javascript, python, java, jsx, react, snippet, highlight, syntax, github, p …

google-syntax vs Coding Blocks