=== Coding Blocks === Contributors: @octagonsimon Donate link: https://www.paypal.com/donate/?hosted_button_id=ZYK9PQ8UFRTA4 Tags: shortcode, code-snippet, prettify, programming, code, google-prettify, sunburst, code block, syntax highlighter, code highlighter, editor, php, html, css, javascript, python, java, jsx, react, snippet, highlight, syntax , github Requires at least: 3.0.1 Tested up to: 6.0 Stable tag: 1.0.4 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Create, Manage & Re-use Code Snippets == Description == NOTE: PLEASE NOTE THAT THIS PLUGIN DOES NOT AND WILL NEVER EXECUTE ANY TYPE OF CODE ON YOUR WORDPRESS SITE! This plugin uses Google Prettify which is an open-source syntax highlighting library to display code snippets. This plugin relies on one 3rd party service under the circumstance below; 1. Syntax highlighting library - This is the core library that will make your snippets to be formatted according to your chosen language. 2. Syntax highlighting themes - This is the color themes that can be used to change what your code snippets looks like The 3rd party services with their official links are listed below; 1. Google Prettify - https://github.com/googlearchive/code-prettify/ 2. Google Prettify Color Themes - https://jmblog.github.io/color-themes-for-google-code-prettify/ You can find both their Terms of Use and privacy policy on their official sites above. == HOW TO USE == CREATE A NEW SNIPPET 1. Head Over to New Snippet page to create a New Code Snippet. 2. On the page, add a title for the new snippet. 3. Select the Language you're working with. 4. Type in the code in the code box and when you're done, click on Preview. 5. Click on Save to save your code snippet. NOTE: YOUR CODE SNIPPETS ARE ENCODED AND STORED AS PLAIN TEXT TO PREVENT ITS EXECUTION MANAGE CODE SNIPPETS 1. Head Over to All Snippets page to view existing code snippets. 2. Click on the Copy button to Copy the shortcode for the snippet. 3. Click on the Edit button to edit a code snippet. 4. Click on the Delete button to delete a code snippet. EDIT CODE SNIPPET 1. Head Over to All Snippets page to view existing code snippets. 2. Click on the Edit button to redirect you to the edit page. 3. On the Edit page, change the title for the snippet. 3. change the Language you're working with. 4. Modify the code in the code box and when you're done, click on Update. EMBED CODE SNIPPET 1. Head Over to All Snippets page to view existing code snippets. 2. Click on the Copy button to Copy the shortcode for the snippet. 3. In any of your wordpress posts, place the copied shortcode & save the post. 4. Open the post to see the snippet embedded right where you want it. == Installation == 1. Upload `coding-blocks` to the `/wp-content/plugins/` directory. 2. Activate the plugin through the 'Plugins' menu in WordPress. 3. Head Over to Get Started to learn How to add your first code snippet. == Frequently Asked Questions == = How does the plugin work? = After creating a new code snippet, go to edit code snippets and copy the shortcode of the snippet and paste it into your WordPress post. == Screenshots == 1. This is the Screenshot of the page where you can create a new snippet. 2. This is the Screenshot of the page, where you can edit your snippets. 3. This is the Screenshot of a snippet in a Wordpress Post. 4. This is a Screenshot of the preview page, where you can preview color themes before using them. == Changelog == = 1.0.4 = 1. Admin UI & Snippet's UI was improved 2. Block sync was removed because snippets now have a better way to load = 1.0.2 = 1. It supports up to 44 Languages. 2. It supports up to 34 Color Themes. 3. We Added Settings Page. (More description in Changelog file). 4. We Added Preview Page. (More description in Changelog file). 5. We Removed Code Labels on code blocks (In re-development process). 6. We Redesigned Admin UI. 7. Block Sync Now Available (You can update all your code snippets with one tap to reflect your current plugin settings) = 1.0.0 = 1. It supports just 6 Languages. 2. It has Just one default theme which is Sunburst Google prettify + night glory. 3. A brief description of your code snippet is attached at the header section. 4. A copy button is attached to each of your code snippet.