Plugin / EasyCode

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 like this plugin, please put it 5 stars. If there is any trouble or advise, please leave your remarks.

Features

Use easily

• Insert code by just one click. A button is integrated into the toolbar of WordPress editor. Just click it and stuff code.
• Code snippets inserted by EasyCode are marked obviously in admin pages.
• It requires no extra configuration for starting.

Rich appearance options

• Easycode has a concise and modern interface which suits your blog’s design anytime.
• Various color schemes are provided, including classical dark styles and light styles. There is always one which matches your blog.
• All of them against your taste? Just set out to design your own color schemes easily.
• Display code snippets in selected font. (Sixteen fonts available. Web-fonts are supported now.)
• 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.

Practical functions

• Collaspe code blocks to receive concise view experience.
• Show titles on the top of code blocks.
• Now, EasyCode can work as a highlighter. Various languages are supported.
• Use code editor to view, copy or modify code shared by double-click. Two modes are available – showing a floated layer in the current window, or showing the editor in another window.

Code highlight
* Now, Easycode use more professional highlight engines – SyntaxHighlighter and
GeSHi. You can freely switch between the two engines and the appearance of code blocks will keep consistent at the same time.

Lightweight
* The whole program has a small-size core and the latest version has a better compatibility with various themes.

How to use

Insert code in your posts and pages

1. Click “Insert Code” button.
2. Choose a 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.
5. Code snippets inserted by EasyCode are marked obviously.

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 “&lt;” and “>” to “&gt;”.

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. Choose your colors. (What’s “Default highlight colors”? Refer to FAQ!)
4. Click “Save Changes” then go to your blog to enjoy your design!