| @@ -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 |
| @@ -33,9 +31,9 @@ | ||
| 33 | 31 | * @return object initialized object of class. |
| 34 | 32 | */ |
| 35 | 33 | public static function get_instance() { |
| 36 | 34 | if ( ! isset( self::$instance ) ) { |
| 37 | - self::$instance = new self(); | |
| 35 | + self::$instance = new self; | |
| 38 | 36 | } |
| 39 | 37 | return self::$instance; |
| 40 | 38 | } |
| 41 | 39 | |
| @@ -42,114 +40,103 @@ | ||
| 42 | 40 | /** |
| 43 | 41 | * Constructor |
| 44 | 42 | */ |
| 45 | 43 | public function __construct() { |
| 46 | - add_shortcode( 'copy', [ $this, 'shortcode_markup' ] ); | |
| 47 | - add_shortcode( 'copy_inline', [ $this, 'copy_inline_markup' ] ); | |
| 48 | - add_action( 'wp_enqueue_scripts', [ $this, 'enqueue_scripts' ] ); | |
| 44 | + add_action( 'after_setup_theme', array( $this, 'init_admin_settings' ) ); | |
| 45 | + add_shortcode( 'copy', array( $this, 'shortcode_markup' ) ); | |
| 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 | |
| 77 | + * @since 2.2.0 | |
| 78 | + * @return void | |
| 79 | + */ | |
| 80 | + function init_admin_settings() { | |
| 81 | + if ( current_user_can( 'edit_posts' ) ) { | |
| 82 | + add_action( 'admin_menu', array( $this, 'register' ) ); | |
| 83 | + } | |
| 84 | + } | |
| 85 | + | |
| 86 | + /** | |
| 87 | + * Registers the add new portfolio form admin menu for adding portfolios. | |
| 69 | 88 | * |
| 70 | - * @param array $atts Shortcode parameters. | |
| 71 | - * @param mixed $content Shortcode content. | |
| 89 | + * @since 2.2.0 | |
| 72 | 90 | * |
| 73 | - * @return mixed | |
| 91 | + * @return void | |
| 74 | 92 | */ |
| 75 | - public function copy_inline_markup( $atts = [], $content = '' ) { | |
| 76 | - $atts = shortcode_atts( | |
| 77 | - [ | |
| 78 | - 'text' => '', | |
| 79 | - 'display' => '', | |
| 80 | - 'hidden' => '', | |
| 81 | - 'style' => '', | |
| 82 | - 'tooltip' => esc_html__( 'Copied', 'copy-the-code' ), | |
| 83 | - ], | |
| 84 | - $atts | |
| 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' ) | |
| 85 | 101 | ); |
| 86 | - | |
| 87 | - $text = $atts['text'] ? $atts['text'] : $content; | |
| 88 | - $display = $atts['display'] ? $atts['display'] : $atts['text']; | |
| 89 | - $style = $atts['style'] ? 'ctc-inline-style-' . $atts['style'] : ''; | |
| 90 | - $hidden = 'yes' === $atts['hidden'] ? 'ctc-inline-hidden' : ''; | |
| 91 | - $tooltip = esc_html__( 'Copied', 'copy-the-code' ); | |
| 92 | - | |
| 93 | - ob_start(); | |
| 94 | - ?> | |
| 95 | - <span class="ctc-inline-copy <?php echo esc_attr( $style ); ?>" aria-label="<?php echo esc_attr( $tooltip ); ?>"> | |
| 96 | - <span class="ctc-inline-copy-text <?php echo esc_attr( $hidden ); ?>"><?php echo esc_html( $display ); ?></span> | |
| 97 | - <textarea style="display: none;" class="ctc-inline-copy-textarea" readonly="readonly"><?php echo esc_html( $text ); ?></textarea> | |
| 98 | - <span class="ctc-inline-copy-icon" role="button" aria-label="<?php echo esc_attr( $tooltip ); ?>"> | |
| 99 | - <?php echo Helpers::get_svg_copy_icon(); ?> | |
| 100 | - <?php echo Helpers::get_svg_checked_icon(); ?> | |
| 101 | - </span> | |
| 102 | - </span> | |
| 103 | - <?php | |
| 104 | - return ob_get_clean(); | |
| 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 | + ); | |
| 105 | 110 | } |
| 106 | 111 | |
| 107 | 112 | /** |
| 108 | - * Shortcode markup | |
| 113 | + * Shortcode Page Markup | |
| 109 | 114 | * |
| 110 | 115 | * @since 2.2.0 |
| 111 | - * @param array $atts Shortcode parameters. | |
| 112 | - * @param mixed $content Shortcode content. | |
| 113 | - * @return mixed | |
| 114 | 116 | */ |
| 115 | - public function shortcode_markup( $atts = [], $content = '' ) { | |
| 116 | - $atts = apply_filters( | |
| 117 | - 'copy_the_code_shortcode_atts', | |
| 118 | - shortcode_atts( | |
| 119 | - [ | |
| 120 | - 'target' => '', | |
| 121 | - 'title' => __( 'Copy to Clipboard', 'copy-the-code' ), | |
| 122 | - 'text' => $content, | |
| 123 | - 'copied-text' => 'Copied to Clipboard', | |
| 124 | - 'tag' => 'span', | |
| 125 | - 'class' => '', | |
| 126 | - 'copy-as' => 'text', | |
| 127 | - 'content' => $content, | |
| 128 | - 'link' => isset( $atts['link'] ) ? $atts['link'] : '', | |
| 129 | - 'style' => '', | |
| 130 | - 'color' => '', | |
| 131 | - 'icon-color' => '', | |
| 132 | - ], | |
| 133 | - $atts | |
| 134 | - ) | |
| 135 | - ); | |
| 117 | + public function shortcode_page_markup() { | |
| 118 | + ?> | |
| 119 | + <h1>Shortcode</h1> | |
| 136 | 120 | |
| 137 | - $color = $atts['color']; | |
| 138 | - $display_content = wp_kses_post( $atts['text'] ); | |
| 139 | - if ( 'icon' === $atts['style'] ) { | |
| 140 | - $icon_color = ! empty( $atts['icon-color'] ) ? $atts['icon-color'] : '#b5b5b5'; | |
| 121 | + <p>Just use the shortcode as:</p> | |
| 141 | 122 | |
| 142 | - $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>'; | |
| 143 | - } | |
| 123 | + <p><code>[copy content="100OFF"]</code></p> | |
| 144 | 124 | |
| 145 | - $tag = strtolower( $atts['tag'] ); | |
| 146 | - $allowed_tags = [ 'a', 'button', 'span', 'div' ]; | |
| 147 | - if ( ! in_array( $tag, $allowed_tags, true ) ) { | |
| 148 | - $tag = 'span'; | |
| 149 | - } | |
| 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> | |
| 150 | 132 | |
| 151 | - 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'] ) . '>'; | |
| 133 | + <iframe title="copy-content-with-shortcode-mp4" width="640" height="340" src="https://videopress.com/embed/Mo6nR60h?preloadContent=metadata&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 | |
| 152 | 139 | } |
| 153 | 140 | |
| 154 | 141 | } |
| 155 | 142 | |
