← All changes | classes/class-copy-the-code-shortcode.php +73 -75 3.4.0 → 2.2.2 View file →

		@@ -5,10 +5,8 @@
5	5	* @package Copy the Code
6	6	* @since 2.2.0
7	7	*/
8	8
9		-use CopyTheCode\Helpers;
10		-
11	9	if ( ! class_exists( 'Copy_The_Code_Shortcode' ) ) :
12	10
13	11	/**
14	12	* Shortcode
		@@ -42,103 +40,103 @@
42	40	/**
43	41	* Constructor
44	42	*/
45	43	public function __construct() {
	44	+ add_action( 'after_setup_theme', array( $this, 'init_admin_settings' ) );
46	45	add_shortcode( 'copy', array( $this, 'shortcode_markup' ) );
47		- add_shortcode( 'copy_inline', array( $this, 'copy_inline_markup' ) );
48		- add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
49	46	}
50	47
51	48	/**
52		- * Enqueue scripts
	49	+ * Shortcode markup
53	50	*
54		- * @since 3.1.0
	51	+ * @since 2.2.0
	52	+ * @param array $atts Shortcode parameters.
	53	+ * @param mixed $content Shortcode content.
	54	+ * @return mixed
55	55	*/
56		- public function enqueue_scripts() {
57		- // Core.
58		- wp_enqueue_script( 'ctc-clipboard', COPY_THE_CODE_URI . 'assets/js/clipboard.js', [ 'jquery' ], COPY_THE_CODE_VER, true );
	56	+ public function shortcode_markup( $atts = array(), $content = '' ) {
59	57
60		- // Shortcode.
61		- wp_enqueue_style( 'ctc-copy-inline', COPY_THE_CODE_URI . 'assets/css/copy-inline.css', [], COPY_THE_CODE_VER );
62		- wp_enqueue_script( 'ctc-copy-inline', COPY_THE_CODE_URI . 'assets/js/copy-inline.js', [ 'jquery' ], COPY_THE_CODE_VER, true );
	58	+ $atts = shortcode_atts(
	59	+ array(
	60	+ 'target' => '',
	61	+ 'text' => 'Copy',
	62	+ 'copied-text' => 'Copied!',
	63	+ 'tag' => 'a',
	64	+ 'class' => '',
	65	+ 'copy-as' => 'text',
	66	+ 'content' => $content,
	67	+ ),
	68	+ $atts
	69	+ );
	70	+
	71	+ return '<' . esc_html( $atts['tag'] ) . ' class="copy-the-code-shortcode ' . esc_attr( $atts['class'] ) . '" data-target="' . esc_attr( $atts['target'] ) . '" data-button-text="' . esc_attr( $atts['text'] ) . '" data-button-copy-text="' . esc_attr( $atts['copied-text'] ) . '" data-content="' . esc_attr( $atts['content'] ) . '" data-copy-as="' . esc_attr( $atts['copy-as'] ) . '">' . esc_html( $atts['text'] ) . '</' . esc_html( $atts['tag'] ) . '>';
63	72	}
64	73
65	74	/**
66		- * Copy inline markup
	75	+ * Register menus
67	76	*
68		- * @since 3.1.0
69		- *
70		- * @param array $atts Shortcode parameters.
71		- * @param mixed $content Shortcode content.
72		- *
73		- * @return mixed
	77	+ * @since 2.2.0
	78	+ * @return void
74	79	*/
75		- public function copy_inline_markup( $atts = array(), $content = '' ) {
76		- $atts = shortcode_atts( [
77		- 'text' => '',
78		- 'display' => '',
79		- 'hidden' => '',
80		- 'style' => '',
81		- 'tooltip' => esc_html__( 'Copied', 'copy-the-code' ),
82		- ], $atts );
	80	+ function init_admin_settings() {
	81	+ if ( current_user_can( 'edit_posts' ) ) {
	82	+ add_action( 'admin_menu', array( $this, 'register' ) );
	83	+ }
	84	+ }
83	85
84		- $display = $atts['display'] ? $atts['display'] : $atts['text'];
85		- $style = $atts['style'] ? 'ctc-inline-style-' . $atts['style'] : '';
86		- $hidden = 'yes' === $atts['hidden'] ? 'ctc-inline-hidden' : '';
87		- $tooltip = esc_html__( 'Copied', 'copy-the-code' );
88		-
89		- ob_start();
90		- ?>
91		- <span class="ctc-inline-copy <?php echo esc_attr( $style ); ?>" aria-label="<?php echo esc_attr( $tooltip ); ?>">
92		- <span class="ctc-inline-copy-text <?php echo esc_attr( $hidden ); ?>"><?php echo esc_html( $display ); ?></span>
93		- <span class="ctc-inline-copy-icon" role="button" aria-label="<?php echo esc_attr( $tooltip ); ?>">
94		- <?php echo Helpers::get_svg_copy_icon(); ?>
95		- <?php echo Helpers::get_svg_checked_icon(); ?>
96		- </span>
97		- </span>
98		- <?php
99		- return ob_get_clean();
	86	+ /**
	87	+ * Registers the add new portfolio form admin menu for adding portfolios.
	88	+ *
	89	+ * @since 2.2.0
	90	+ *
	91	+ * @return void
	92	+ */
	93	+ public function register() {
	94	+ add_submenu_page(
	95	+ 'options-general.php',
	96	+ __( 'Add New', 'copy-the-code' ),
	97	+ __( ' → Add New', 'copy-the-code' ),
	98	+ 'manage_options',
	99	+ 'copy-to-clipboard-add-new',
	100	+ array( Copy_The_Code_Page::get_instance(), 'add_new_page' )
	101	+ );
	102	+ add_submenu_page(
	103	+ 'options-general.php',
	104	+ __( 'Shortcode Info', 'copy-the-code' ),
	105	+ __( ' → Shortcode Info', 'copy-the-code' ),
	106	+ 'manage_options',
	107	+ 'shortcode',
	108	+ array( $this, 'shortcode_page_markup' )
	109	+ );
100	110	}
101	111
102	112	/**
103		- * Shortcode markup
	113	+ * Shortcode Page Markup
104	114	*
105	115	* @since 2.2.0
106		- * @param array $atts Shortcode parameters.
107		- * @param mixed $content Shortcode content.
108		- * @return mixed
109	116	*/
110		- public function shortcode_markup( $atts = array(), $content = '' ) {
111		- $atts = apply_filters(
112		- 'copy_the_code_shortcode_atts',
113		- shortcode_atts(
114		- array(
115		- 'target' => '',
116		- 'title' => __( 'Copy to Clipboard', 'copy-the-code' ),
117		- 'text' => $content,
118		- 'copied-text' => 'Copied to Clipboard',
119		- 'tag' => 'span',
120		- 'class' => '',
121		- 'copy-as' => 'text',
122		- 'content' => $content,
123		- 'link' => isset( $atts['link'] ) ? $atts['link'] : '',
124		- 'style' => '',
125		- 'color' => '',
126		- 'icon-color' => '',
127		- ),
128		- $atts
129		- )
130		- );
	117	+ public function shortcode_page_markup() {
	118	+ ?>
	119	+ <h1>Shortcode</h1>
131	120
132		- $color = $atts['color'];
133		- $display_content = wp_kses_post( $atts['text'] );
134		- if ( 'icon' === $atts['style'] ) {
135		- $icon_color = ! empty( $atts['icon-color'] ) ? $atts['icon-color'] : '#b5b5b5';
	121	+ <p>Just use the shortcode as:</p>
136	122
137		- $display_content = '<svg style="fill: ' . esc_attr( $icon_color ) . '" viewBox="-21 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m186.667969 416c-49.984375 0-90.667969-40.683594-90.667969-90.667969v-218.664062h-37.332031c-32.363281 0-58.667969 26.300781-58.667969 58.664062v288c0 32.363281 26.304688 58.667969 58.667969 58.667969h266.664062c32.363281 0 58.667969-26.304688 58.667969-58.667969v-37.332031zm0 0"></path><path d="m469.332031 58.667969c0-32.40625-26.261719-58.667969-58.664062-58.667969h-224c-32.40625 0-58.667969 26.261719-58.667969 58.667969v266.664062c0 32.40625 26.261719 58.667969 58.667969 58.667969h224c32.402343 0 58.664062-26.261719 58.664062-58.667969zm0 0"></path></svg>';
138		- }
	123	+ <p><code>[copy content="100OFF"]</code></p>
139	124
140		- return '<' . esc_html( $atts['tag'] ) . ' title="' . esc_attr( $atts['title'] ) . '" class="copy-the-code-shortcode ' . esc_attr( $atts['class'] ) . '" data-target="' . esc_attr( $atts['target'] ) . '" data-button-text="' . esc_attr( $atts['text'] ) . '" data-button-copy-text="' . esc_attr( $atts['copied-text'] ) . '" data-content="' . esc_attr( wp_strip_all_tags( $atts['content'] ) ) . '" data-copy-as="' . esc_attr( $atts['copy-as'] ) . '" data-link="' . esc_attr( $atts['link'] ) . '" style="color: ' . esc_attr( $color ) . '" >' . $display_content . '</' . esc_html( $atts['tag'] ) . '>';
	125	+ <p>It dispaly the "Copy" text on frontend and on click on it the string "100OFF" copied to clipboard.
	126	+
	127	+ <p>We can change the "Copy" text with any other text as <code>text="Click Me"</code>.</p>
	128	+ <p>E.g. <code>[copy text="Click Me" content="100OFF"]</code></p>
	129	+ <p>Here we can see the text "Click Me" and on click on it the text "100OFF" copied to the clipboard.</p>
	130	+
	131	+ <p>See short video:</p>
	132	+
	133	+ <iframe title="copy-content-with-shortcode-mp4" width="640" height="340" src="https://videopress.com/embed/Mo6nR60h?preloadContent=metadata&amp;hd=1" frameborder="0" allowfullscreen=""></iframe>
	134	+
	135	+ <p>That’s it.</p>
	136	+
	137	+ <p>Read more at <a href='https://maheshwaghmare.com/doc/copy-anything-to-clipboard/#shortcode' target="_blank">copy with shortcode</a></p>
	138	+ <?php
141	139	}
142	140
143	141	}
144	142