=== EasyCode ===
Donate link: 
Tags: source code,programmer,program,share,post,highlight,insert
Requires at least:2.9
Tested up to: 4.5.3
Stable tag: 1.4.2
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html

EasyCode provides a convenient way insert code to your posts, pages and comments. Your code will be displayed friendly to readers.

== Description ==

**A great tool for tech blog. Insert source code in posts and comments.**

With the help of the plugin, you can share code snippets a better way, through a friendlier and more convenient interface.

EasyCode provides a convenient way insert code to your posts, pages and comments. Your code will be displayed friendly to readers and combined with useful functions and colorful appearance.

If you liked this plugin, please put it 5 stars. If there is any trouble or advise, please leave your remarks.





= Features =



**Easy to use**

* Insert code - just one click. A button is integrated into the toolbar of WordPress post editor. Just click it and stuff code.
* It requires no extra configuration before start.
* The latest version has better compatibility with themes.


**Various appearance options**

* Easycode has a concise and modern interface which suits your blog's design anytime.
* Various color schemes, including classical dark styles and light styles. There is always one which matches your themes. If they are all against your taste, just set out to design your own color scheme easily.
* Display code snippets with selected font.



**Useful functions**

* Now, EasyCode can work as a highlighter. Four languages are supported: HTML, PHP, Javascript and CSS. After finishing designing your own color schemes, the highlight colors of each language will change, so there is no need to adjust one by one.
* Use code editor to view, copy or modify code shared by double-click. Two modes are available. The default mode is to show a floated layer in the current window. If it cannot meet your need, please choose the other mode to show editor in another window.

**Lightweight**

The whole program has a lightweight core, bringing better performance.


= How to use =

**Add code in your posts**

1. Click "Add Code" button.
2. Select language. (If you keep the default value "None", the code will not be highlighted)
3. Input a title if you want.
4. Paste your code into text area, then click "OK" button.

**Add code in comments** 

*It requires administrators to enable "Handle code in comments" option.*

1. Click "Add Code" button over the comment text area.
2. Select a language, input a title and click "Insert". (Please refer to last task)
3. Paste your code to replace content wrapped in "<pre>".
4. If code contains "<pre>", escape it to HTML entities, that's replace "<" to "<" and ">" to ">".

**Design your own color schemes**

*If you are familiar with rgb colors, you can choose your own colors.*

1. Go to EasyCode setting page and click "Appearance" tab.
2. Click "Use custom color schemes".
3. Input your colors. (What's "Default highlight colors"? Refer to FAQ!)
4. Click "Save Changes" then go to your blog to enjoy your design!


== Installation ==

1. Upload the `easycode` directory in the zip file to the `/wp-content/plugins/` directory.
1. Activate the plugin through the "Plugins" menu in WordPress

*It's also OK to install by searching the online plugin library in "Plugins".*

== Frequently Asked Questions ==

= Can the plugin process comments? =

Yes! Once the plugin is activated, it will add "Insert Code" button before the comment text area. It can also handle code in comments just like in posts.
If you don't want to enable the function, please adjust in admin.

= Where is the option page? =

It is in `Option`.

= Can I use custom color schemes that suit my blog themes? =

In "Appearance" tag of the option page, you can select the color schemes offered by EasyCode. If you are familiar with the computer color, you can also choose your own colors.
All the CSS files for color schemes are located in `/boxstyles`. So you can create your own CSS files by modeling. They also appear in setting page.

= What's "Default highlight colors"? =

By adjusting "Default highlight colors", you can change highlight colors of different languages at the same time.
You might say not all languages have Function, Variable, Constant etc. But they are just names easy to comprehend. Every language has been linked to these colors.





== Screenshots ==

1. Insert code in posts.
2. In your posts.
3. Insert code in comments
4. Various color schemes.
5. Double click to edit code.
6. Editor in a new window.
7. Modern interface





== Changelog ==

= 1.4.2 =
* Improved font options. (Better compatibility and accordance in different platforms and OS)
* Sliding animation when toggling hiding or showing code.
* Some tuned details of animations.
* Added option: Choose how to place insert-code button in post editor.
* Deprecated function: Short-tag [code] and HTML tag <code> have been deprecated, only HTML tag <pre> is still available.
* Fixed issue: No reaction for clicking title bar to show/hide code the first time.
* Fixed issue: Errors are thrown when abnormal or uncompleted option data is offered.
* Fixed issue: The code editor does not work in the new window. 
* Fixed issue: Some websites may load JS in incorrect sequence.

= 1.4.1 =
* Support to choose different fonts applied to code snippets.
* Optimized code display in admin pages and RSS feeds.
* Support Responsive Web Design - Better effects in phones and printers.
* Appearance: shadows and border-radius.
* Higher compatibility with various themes.
* Fixed auto-wrap problem.
* Optimized file structure and clear code structure.
* Improved performance.

= 1.4 =
* Add code highlighter for 4 languages.
* The code editor can open in a new window.
* New color schemes.


= 1.31 =
* Repair the problem that code boxes shown incorrectly in some themes.

= 1.3 =
* More beautiful interface.
* Give you more freedom in terms of colors
* The version adds buttons for the visual editor.

= 1.2 =
* Solve some problems in editing mode
* modify some code
* change the method of analyzing code inserted.
* more appearance options.

 = 1.1 =
* Editing mode.

= 1.0 =
 * The first version

== Upgrade Notice ==

=1.4.2=
Short-tag [code] and HTML tag <code> have been deprecated as of version 1.4.2, only HTML tag <pre> is still available. Please switch your old tags to pre tags as soon as possible.

=1.4=
Great Upgrade

= 1.0 =
 * The first version