=== Live CSS JS Code Editor ===
Contributors: ozancanakli
Tags: custom css, custom js, css, javascript, customizer, live edit, custom, header, footer
Requires at least: 3.4
Tested up to: 5.3
Stable tag: trunk
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Live CSS JS Code Editor allows you to easily add custom CSS, JavaScript, Header, Footer Code to your site, straight from your WordPress Customizer!

== Description ==

This plugin allows you to add custom site-wide **CSS, JavaScript, Header, Footer Code** to your WordPress site. The changes appear instantly on your website with help of **Wordpress Live Customizer.**

[youtube https://www.youtube.com/watch?v=gP78wXPayvU]

**In your WordPress Dashboard, navigate to Customize > Live Code Editor to get started.**

**When you Change or Update your WordPress Theme, Your Custom Code isn't effected from these changes.**

**MAIN FEATURES:**

* Custom CSS code
* Custom Javascript code
* Custom Header Code
* Custom Footer Code
* See Your Changes Immediately on your WordPress Site
* Built in Syntax Code Highlighter
* 16 Color Schemes (Monokai, Chrome, GitHub, Twilight, Dreamweaver, XCode, Eclipse etc. 8 Light, 8 Dark)
* Live Syntax Checking (CSS, JavaScript, HTML)
* Syntax Highlighting
* Line wrapping
* Code folding
* Multiple cursors and selections
* Handles huge code blocks (four million lines seems to be the limit!)



Special thanks to [Justin Busa](https://profiles.wordpress.org/justinbusa/) of [Beaver Builder](https://wordpress.org/plugins/beaver-builder-lite-version/) (the best WordPress Page Builder) for inspiration.


== Installation ==

1. Upload the entire live-code-editor folder to the /wp-content/plugins/ directory, or download and install automatically through your admin panel.
2. Activate the plugin through the 'Plugins' menu in WordPress.
You will find 'Live Code Editor' menu in your WordPress customizer panel.


== Frequently Asked Questions ==

= I just installed plugin and nothing happend =

Make sure to check out your WordPress customizer panel. ( Appearance > Customize)
You will find **Live Code Editor** section.

= What does this plugin do? =

You can easily add custom CSS, Javascript, Header, Footer code to your WordPress site with WordPress customizer. You can instantly see the changes on your Wordpress website.

= Is this plugin compatible with any theme & plugin? =

Yes, Live Code Editor is compatible with any wordpress theme.

= Will I lose settings when updating my theme? =

Nope, your setting will be there unless you want to remove.

= Will I lose settings when change my theme? =

Nope, won’t lose settings when change your theme.


== Screenshots ==

1. Live CSS Code Editor
2. Live JavaScript Code Editor
3. Live Header Code Editor
4. Live Footer Code Editor
5. Code Editor Color Schemes

== Changelog ==

= Version 1.0.3 =
* Fixes WordPress compatibility.

= Version 1.0.2 =
* Tested up to latest WordPress version.

= Version 1.0.1 =
* Updated text-domain.

= Version 1.0.0 =
* Initial release.