# Copy the Code Copy the code into 📋 (clipboard). Default support added for <pre> tag. ### Installation 1. Install the Copy the Code plugin either via the WordPress plugin directory, or by uploading the files to your server at wp-content/plugins. ### Documentation **1. How it Works?** Simply, It search the `

` tag within the page and add the `Copy` button within it.

**2. It add `Copy` button for each `` tag?**

Yes, Once you activate the plugin it add search the `` tag and add the `Copy` button in it.

**3. Can I use another selector instead of `` tag?**

Yes, You can change the selector though filter `copy_the_code_localize_vars`.

Eg. If you want to enable the `Copy` button for only single page, post etc. Then You can change the selector `body.single pre` though filter.

add_filter( 'copy_the_code_localize_vars', 'my_slug_copy_the_code_localize_vars' );
function my_slug_copy_the_code_localize_vars( $defaults )
{
	// `single class is added to the `` tag for the single page, post etc.
	$defaults['selector'] = 'body.single pre';

	return $defaults;	
}


**4. Plugin compatible for all themes?**

Yes, We have added `!important` for the Copy button to keep the button style same for each theme. We have tested below themes.

> **Theme: Bhari**

![Theme Bhari](https://i.imgur.com/1besqBgl.jpg)

---

> **Theme: Astra**

![Theme Astra](https://i.imgur.com/EvlMrMHl.jpg)

---

> **Theme: AwesomePress**

![Theme AwesomePress](https://i.imgur.com/ZODBLeO.png)

---

> **Theme: Storefront**

![Theme Storefront](https://i.imgur.com/tTCQKW4l.jpg)

---

> **Theme: OceanWP**

![Theme OceanWP](https://i.imgur.com/jmFoqFxl.jpg)

---

> **Theme: Twenty Twelve**

![Theme Twenty Twelve](https://i.imgur.com/CkeCs3Yl.jpg)

---

> **Theme: Twenty Sixteen**

![Theme Twenty Sixteen](https://i.imgur.com/yyXlL9Vl.jpg)

---

> **Theme: Twenty Seventeen**

![Theme Twenty Seventeen](https://i.imgur.com/JpxA9ALl.jpg)

Extend the plugin on [Github](https://github.com/maheshwaghmare/copy-the-code/)

### Changelog

** 1.2.0 **

* New: Added settings page for customizing the plugin. Added option `selector` to set the JS selector. Default its `` html tag.

** 1.1.0 **

- Fix: Removed `Copy` button markup from the copied content from the clipboard.

**1.0.0**

- Initial release.