3 * Press This class and display functionality
6 * @subpackage Press_This
17 // Used to trigger the bookmarklet update notice.
20 private $images = array();
22 private $embeds = array();
32 public function __construct() {}
35 * App and site settings data, including i18n strings for the client-side.
40 * @return array Site settings.
42 public function site_settings() {
45 * Filters whether or not Press This should redirect the user in the parent window upon save.
49 * @param bool $redirect Whether to redirect in parent window or not. Default false.
51 'redirInParent' => apply_filters( 'press_this_redirect_in_parent', false ),
56 * Get the source's images and save them locally, for posterity, unless we can't.
61 * @param int $post_id Post ID.
62 * @param string $content Optional. Current expected markup for Press This. Expects slashed. Default empty.
63 * @return string New markup with old image URLs replaced with the local attachment ones if swapped.
65 public function side_load_images( $post_id, $content = '' ) {
66 $content = wp_unslash( $content );
68 if ( preg_match_all( '/<img [^>]+>/', $content, $matches ) && current_user_can( 'upload_files' ) ) {
69 foreach ( (array) $matches[0] as $image ) {
70 // This is inserted from our JS so HTML attributes should always be in double quotes.
71 if ( ! preg_match( '/src="([^"]+)"/', $image, $url_matches ) ) {
75 $image_src = $url_matches[1];
77 // Don't try to sideload a file without a file extension, leads to WP upload error.
78 if ( ! preg_match( '/[^\?]+\.(?:jpe?g|jpe|gif|png)(?:\?|$)/i', $image_src ) ) {
82 // Sideload image, which gives us a new image src.
83 $new_src = media_sideload_image( $image_src, $post_id, null, 'src' );
85 if ( ! is_wp_error( $new_src ) ) {
86 // Replace the POSTED content <img> with correct uploaded ones.
87 // Need to do it in two steps so we don't replace links to the original image if any.
88 $new_image = str_replace( $image_src, $new_src, $image );
89 $content = str_replace( $image, $new_image, $content );
95 return wp_slash( $content );
99 * Ajax handler for saving the post as draft or published.
104 public function save_post() {
105 if ( empty( $_POST['post_ID'] ) || ! $post_id = (int) $_POST['post_ID'] ) {
106 wp_send_json_error( array( 'errorMessage' => __( 'Missing post ID.' ) ) );
109 if ( empty( $_POST['_wpnonce'] ) || ! wp_verify_nonce( $_POST['_wpnonce'], 'update-post_' . $post_id ) ||
110 ! current_user_can( 'edit_post', $post_id ) ) {
112 wp_send_json_error( array( 'errorMessage' => __( 'Invalid post.' ) ) );
117 'post_title' => ( ! empty( $_POST['post_title'] ) ) ? sanitize_text_field( trim( $_POST['post_title'] ) ) : '',
118 'post_content' => ( ! empty( $_POST['post_content'] ) ) ? trim( $_POST['post_content'] ) : '',
119 'post_type' => 'post',
120 'post_status' => 'draft',
121 'post_format' => ( ! empty( $_POST['post_format'] ) ) ? sanitize_text_field( $_POST['post_format'] ) : '',
122 'tax_input' => ( ! empty( $_POST['tax_input'] ) ) ? $_POST['tax_input'] : array(),
123 'post_category' => ( ! empty( $_POST['post_category'] ) ) ? $_POST['post_category'] : array(),
126 if ( ! empty( $_POST['post_status'] ) && 'publish' === $_POST['post_status'] ) {
127 if ( current_user_can( 'publish_posts' ) ) {
128 $post_data['post_status'] = 'publish';
130 $post_data['post_status'] = 'pending';
134 $post_data['post_content'] = $this->side_load_images( $post_id, $post_data['post_content'] );
137 * Filters the post data of a Press This post before saving/updating.
139 * The {@see 'side_load_images'} action has already run at this point.
143 * @param array $post_data The post data.
145 $post_data = apply_filters( 'press_this_save_post', $post_data );
147 $updated = wp_update_post( $post_data, true );
149 if ( is_wp_error( $updated ) ) {
150 wp_send_json_error( array( 'errorMessage' => $updated->get_error_message() ) );
152 if ( isset( $post_data['post_format'] ) ) {
153 if ( current_theme_supports( 'post-formats', $post_data['post_format'] ) ) {
154 set_post_format( $post_id, $post_data['post_format'] );
155 } elseif ( $post_data['post_format'] ) {
156 set_post_format( $post_id, false );
160 $forceRedirect = false;
162 if ( 'publish' === get_post_status( $post_id ) ) {
163 $redirect = get_post_permalink( $post_id );
164 } elseif ( isset( $_POST['pt-force-redirect'] ) && $_POST['pt-force-redirect'] === 'true' ) {
165 $forceRedirect = true;
166 $redirect = get_edit_post_link( $post_id, 'js' );
172 * Filters the URL to redirect to when Press This saves.
176 * @param string $url Redirect URL. If `$status` is 'publish', this will be the post permalink.
177 * Otherwise, the default is false resulting in no redirect.
178 * @param int $post_id Post ID.
179 * @param string $status Post status.
181 $redirect = apply_filters( 'press_this_save_redirect', $redirect, $post_id, $post_data['post_status'] );
184 wp_send_json_success( array( 'redirect' => $redirect, 'force' => $forceRedirect ) );
186 wp_send_json_success( array( 'postSaved' => true ) );
192 * Ajax handler for adding a new category.
197 public function add_category() {
198 if ( false === wp_verify_nonce( $_POST['new_cat_nonce'], 'add-category' ) ) {
199 wp_send_json_error();
202 $taxonomy = get_taxonomy( 'category' );
204 if ( ! current_user_can( $taxonomy->cap->edit_terms ) || empty( $_POST['name'] ) ) {
205 wp_send_json_error();
208 $parent = isset( $_POST['parent'] ) && (int) $_POST['parent'] > 0 ? (int) $_POST['parent'] : 0;
209 $names = explode( ',', $_POST['name'] );
210 $added = $data = array();
212 foreach ( $names as $cat_name ) {
213 $cat_name = trim( $cat_name );
214 $cat_nicename = sanitize_title( $cat_name );
216 if ( empty( $cat_nicename ) ) {
220 // @todo Find a more performant way to check existence, maybe get_term() with a separate parent check.
221 if ( term_exists( $cat_name, $taxonomy->name, $parent ) ) {
222 if ( count( $names ) === 1 ) {
223 wp_send_json_error( array( 'errorMessage' => __( 'This category already exists.' ) ) );
229 $cat_id = wp_insert_term( $cat_name, $taxonomy->name, array( 'parent' => $parent ) );
231 if ( is_wp_error( $cat_id ) ) {
233 } elseif ( is_array( $cat_id ) ) {
234 $cat_id = $cat_id['term_id'];
240 if ( empty( $added ) ) {
241 wp_send_json_error( array( 'errorMessage' => __( 'This category cannot be added. Please change the name and try again.' ) ) );
244 foreach ( $added as $new_cat_id ) {
245 $new_cat = get_category( $new_cat_id );
247 if ( is_wp_error( $new_cat ) ) {
248 wp_send_json_error( array( 'errorMessage' => __( 'Error while adding the category. Please try again later.' ) ) );
252 'term_id' => $new_cat->term_id,
253 'name' => $new_cat->name,
254 'parent' => $new_cat->parent,
257 wp_send_json_success( $data );
261 * Downloads the source's HTML via server-side call for the given URL.
266 * @param string $url URL to scan.
267 * @return string Source's HTML sanitized markup
269 public function fetch_source_html( $url ) {
272 if ( empty( $url ) ) {
273 return new WP_Error( 'invalid-url', __( 'A valid URL was not provided.' ) );
276 $remote_url = wp_safe_remote_get( $url, array(
278 // Use an explicit user-agent for Press This
279 'user-agent' => 'Press This (WordPress/' . $wp_version . '); ' . get_bloginfo( 'url' )
282 if ( is_wp_error( $remote_url ) ) {
286 $allowed_elements = array(
307 $source_content = wp_remote_retrieve_body( $remote_url );
308 $source_content = wp_kses( $source_content, $allowed_elements );
310 return $source_content;
314 * Utility method to limit an array to 50 values.
319 * @param array $value Array to limit.
320 * @return array Original array if fewer than 50 values, limited array, empty array otherwise.
322 private function _limit_array( $value ) {
323 if ( is_array( $value ) ) {
324 if ( count( $value ) > 50 ) {
325 return array_slice( $value, 0, 50 );
335 * Utility method to limit the length of a given string to 5,000 characters.
340 * @param string $value String to limit.
341 * @return bool|int|string If boolean or integer, that value. If a string, the original value
342 * if fewer than 5,000 characters, a truncated version, otherwise an
345 private function _limit_string( $value ) {
348 if ( is_numeric( $value ) || is_bool( $value ) ) {
350 } else if ( is_string( $value ) ) {
351 if ( mb_strlen( $value ) > 5000 ) {
352 $return = mb_substr( $value, 0, 5000 );
357 $return = html_entity_decode( $return, ENT_QUOTES, 'UTF-8' );
358 $return = sanitize_text_field( trim( $return ) );
365 * Utility method to limit a given URL to 2,048 characters.
370 * @param string $url URL to check for length and validity.
371 * @return string Escaped URL if of valid length (< 2048) and makeup. Empty string otherwise.
373 private function _limit_url( $url ) {
374 if ( ! is_string( $url ) ) {
378 // HTTP 1.1 allows 8000 chars but the "de-facto" standard supported in all current browsers is 2048.
379 if ( strlen( $url ) > 2048 ) {
380 return ''; // Return empty rather than a truncated/invalid URL
383 // Does not look like a URL.
384 if ( ! preg_match( '/^([!#$&-;=?-\[\]_a-z~]|%[0-9a-fA-F]{2})+$/', $url ) ) {
388 // If the URL is root-relative, prepend the protocol and domain name
389 if ( $url && $this->domain && preg_match( '%^/[^/]+%', $url ) ) {
390 $url = $this->domain . $url;
393 // Not absolute or protocol-relative URL.
394 if ( ! preg_match( '%^(?:https?:)?//[^/]+%', $url ) ) {
398 return esc_url_raw( $url, array( 'http', 'https' ) );
402 * Utility method to limit image source URLs.
404 * Excluded URLs include share-this type buttons, loaders, spinners, spacers, WordPress interface images,
405 * tiny buttons or thumbs, mathtag.com or quantserve.com images, or the WordPress.com stats gif.
410 * @param string $src Image source URL.
411 * @return string If not matched an excluded URL type, the original URL, empty string otherwise.
413 private function _limit_img( $src ) {
414 $src = $this->_limit_url( $src );
416 if ( preg_match( '!/ad[sx]?/!i', $src ) ) {
419 } else if ( preg_match( '!(/share-?this[^.]+?\.[a-z0-9]{3,4})(\?.*)?$!i', $src ) ) {
420 // Share-this type button
422 } else if ( preg_match( '!/(spinner|loading|spacer|blank|rss)\.(gif|jpg|png)!i', $src ) ) {
423 // Loaders, spinners, spacers
425 } else if ( preg_match( '!/([^./]+[-_])?(spinner|loading|spacer|blank)s?([-_][^./]+)?\.[a-z0-9]{3,4}!i', $src ) ) {
426 // Fancy loaders, spinners, spacers
428 } else if ( preg_match( '!([^./]+[-_])?thumb[^.]*\.(gif|jpg|png)$!i', $src ) ) {
429 // Thumbnails, too small, usually irrelevant to context
431 } else if ( false !== stripos( $src, '/wp-includes/' ) ) {
432 // Classic WordPress interface images
434 } else if ( preg_match( '![^\d]\d{1,2}x\d+\.(gif|jpg|png)$!i', $src ) ) {
435 // Most often tiny buttons/thumbs (< 100px wide)
437 } else if ( preg_match( '!/pixel\.(mathtag|quantserve)\.com!i', $src ) ) {
438 // See mathtag.com and https://www.quantcast.com/how-we-do-it/iab-standard-measurement/how-we-collect-data/
440 } else if ( preg_match( '!/[gb]\.gif(\?.+)?$!i', $src ) ) {
441 // WordPress.com stats gif
449 * Limit embed source URLs to specific providers.
451 * Not all core oEmbed providers are supported. Supported providers include YouTube, Vimeo,
452 * Vine, Daily Motion, SoundCloud, and Twitter.
457 * @param string $src Embed source URL.
458 * @return string If not from a supported provider, an empty string. Otherwise, a reformattd embed URL.
460 private function _limit_embed( $src ) {
461 $src = $this->_limit_url( $src );
466 if ( preg_match( '!//(m|www)\.youtube\.com/(embed|v)/([^?]+)\?.+$!i', $src, $src_matches ) ) {
467 // Embedded Youtube videos (www or mobile)
468 $src = 'https://www.youtube.com/watch?v=' . $src_matches[3];
469 } else if ( preg_match( '!//player\.vimeo\.com/video/([\d]+)([?/].*)?$!i', $src, $src_matches ) ) {
470 // Embedded Vimeo iframe videos
471 $src = 'https://vimeo.com/' . (int) $src_matches[1];
472 } else if ( preg_match( '!//vimeo\.com/moogaloop\.swf\?clip_id=([\d]+)$!i', $src, $src_matches ) ) {
473 // Embedded Vimeo Flash videos
474 $src = 'https://vimeo.com/' . (int) $src_matches[1];
475 } else if ( preg_match( '!//vine\.co/v/([^/]+)/embed!i', $src, $src_matches ) ) {
476 // Embedded Vine videos
477 $src = 'https://vine.co/v/' . $src_matches[1];
478 } else if ( preg_match( '!//(www\.)?dailymotion\.com/embed/video/([^/?]+)([/?].+)?!i', $src, $src_matches ) ) {
479 // Embedded Daily Motion videos
480 $src = 'https://www.dailymotion.com/video/' . $src_matches[2];
482 require_once( ABSPATH . WPINC . '/class-oembed.php' );
483 $oembed = _wp_oembed_get_object();
485 if ( ! $oembed->get_provider( $src, array( 'discover' => false ) ) ) {
494 * Process a meta data entry from the source.
499 * @param string $meta_name Meta key name.
500 * @param mixed $meta_value Meta value.
501 * @param array $data Associative array of source data.
502 * @return array Processed data array.
504 private function _process_meta_entry( $meta_name, $meta_value, $data ) {
505 if ( preg_match( '/:?(title|description|keywords|site_name)$/', $meta_name ) ) {
506 $data['_meta'][ $meta_name ] = $meta_value;
508 switch ( $meta_name ) {
511 case 'og:video:secure_url':
512 $meta_value = $this->_limit_embed( $meta_value );
514 if ( ! isset( $data['_embeds'] ) ) {
515 $data['_embeds'] = array();
518 if ( ! empty( $meta_value ) && ! in_array( $meta_value, $data['_embeds'] ) ) {
519 $data['_embeds'][] = $meta_value;
524 case 'og:image:secure_url':
525 case 'twitter:image0:src':
526 case 'twitter:image0':
527 case 'twitter:image:src':
528 case 'twitter:image':
529 $meta_value = $this->_limit_img( $meta_value );
531 if ( ! isset( $data['_images'] ) ) {
532 $data['_images'] = array();
535 if ( ! empty( $meta_value ) && ! in_array( $meta_value, $data['_images'] ) ) {
536 $data['_images'][] = $meta_value;
547 * Fetches and parses _meta, _images, and _links data from the source.
552 * @param string $url URL to scan.
553 * @param array $data Optional. Existing data array if you have one. Default empty array.
554 * @return array New data array.
556 public function source_data_fetch_fallback( $url, $data = array() ) {
557 if ( empty( $url ) ) {
561 // Download source page to tmp file.
562 $source_content = $this->fetch_source_html( $url );
563 if ( is_wp_error( $source_content ) ) {
564 return array( 'errors' => $source_content->get_error_messages() );
567 // Fetch and gather <meta> data first, so discovered media is offered 1st to user.
568 if ( empty( $data['_meta'] ) ) {
569 $data['_meta'] = array();
572 if ( preg_match_all( '/<meta [^>]+>/', $source_content, $matches ) ) {
573 $items = $this->_limit_array( $matches[0] );
575 foreach ( $items as $value ) {
576 if ( preg_match( '/(property|name)="([^"]+)"[^>]+content="([^"]+)"/', $value, $new_matches ) ) {
577 $meta_name = $this->_limit_string( $new_matches[2] );
578 $meta_value = $this->_limit_string( $new_matches[3] );
580 // Sanity check. $key is usually things like 'title', 'description', 'keywords', etc.
581 if ( strlen( $meta_name ) > 100 ) {
585 $data = $this->_process_meta_entry( $meta_name, $meta_value, $data );
590 // Fetch and gather <img> data.
591 if ( empty( $data['_images'] ) ) {
592 $data['_images'] = array();
595 if ( preg_match_all( '/<img [^>]+>/', $source_content, $matches ) ) {
596 $items = $this->_limit_array( $matches[0] );
598 foreach ( $items as $value ) {
599 if ( ( preg_match( '/width=(\'|")(\d+)\\1/i', $value, $new_matches ) && $new_matches[2] < 256 ) ||
600 ( preg_match( '/height=(\'|")(\d+)\\1/i', $value, $new_matches ) && $new_matches[2] < 128 ) ) {
605 if ( preg_match( '/src=(\'|")([^\'"]+)\\1/i', $value, $new_matches ) ) {
606 $src = $this->_limit_img( $new_matches[2] );
607 if ( ! empty( $src ) && ! in_array( $src, $data['_images'] ) ) {
608 $data['_images'][] = $src;
614 // Fetch and gather <iframe> data.
615 if ( empty( $data['_embeds'] ) ) {
616 $data['_embeds'] = array();
619 if ( preg_match_all( '/<iframe [^>]+>/', $source_content, $matches ) ) {
620 $items = $this->_limit_array( $matches[0] );
622 foreach ( $items as $value ) {
623 if ( preg_match( '/src=(\'|")([^\'"]+)\\1/', $value, $new_matches ) ) {
624 $src = $this->_limit_embed( $new_matches[2] );
626 if ( ! empty( $src ) && ! in_array( $src, $data['_embeds'] ) ) {
627 $data['_embeds'][] = $src;
633 // Fetch and gather <link> data.
634 if ( empty( $data['_links'] ) ) {
635 $data['_links'] = array();
638 if ( preg_match_all( '/<link [^>]+>/', $source_content, $matches ) ) {
639 $items = $this->_limit_array( $matches[0] );
641 foreach ( $items as $value ) {
642 if ( preg_match( '/rel=["\'](canonical|shortlink|icon)["\']/i', $value, $matches_rel ) && preg_match( '/href=[\'"]([^\'" ]+)[\'"]/i', $value, $matches_url ) ) {
643 $rel = $matches_rel[1];
644 $url = $this->_limit_url( $matches_url[1] );
646 if ( ! empty( $url ) && empty( $data['_links'][ $rel ] ) ) {
647 $data['_links'][ $rel ] = $url;
657 * Handles backward-compat with the legacy version of Press This by supporting its query string params.
664 public function merge_or_fetch_data() {
665 // Get data from $_POST and $_GET, as appropriate ($_POST > $_GET), to remain backward compatible.
668 // Only instantiate the keys we want. Sanity check and sanitize each one.
669 foreach ( array( 'u', 's', 't', 'v' ) as $key ) {
670 if ( ! empty( $_POST[ $key ] ) ) {
671 $value = wp_unslash( $_POST[ $key ] );
672 } else if ( ! empty( $_GET[ $key ] ) ) {
673 $value = wp_unslash( $_GET[ $key ] );
678 if ( 'u' === $key ) {
679 $value = $this->_limit_url( $value );
681 if ( preg_match( '%^(?:https?:)?//[^/]+%i', $value, $domain_match ) ) {
682 $this->domain = $domain_match[0];
685 $value = $this->_limit_string( $value );
688 if ( ! empty( $value ) ) {
689 $data[ $key ] = $value;
694 * Filters whether to enable in-source media discovery in Press This.
698 * @param bool $enable Whether to enable media discovery.
700 if ( apply_filters( 'enable_press_this_media_discovery', true ) ) {
702 * If no title, _images, _embed, and _meta was passed via $_POST, fetch data from source as fallback,
703 * making PT fully backward compatible with the older bookmarklet.
705 if ( empty( $_POST ) && ! empty( $data['u'] ) ) {
706 $data = $this->source_data_fetch_fallback( $data['u'], $data );
708 foreach ( array( '_images', '_embeds' ) as $type ) {
709 if ( empty( $_POST[ $type ] ) ) {
713 $data[ $type ] = array();
714 $items = $this->_limit_array( $_POST[ $type ] );
716 foreach ( $items as $key => $value ) {
717 if ( $type === '_images' ) {
718 $value = $this->_limit_img( wp_unslash( $value ) );
720 $value = $this->_limit_embed( wp_unslash( $value ) );
723 if ( ! empty( $value ) ) {
724 $data[ $type ][] = $value;
729 foreach ( array( '_meta', '_links' ) as $type ) {
730 if ( empty( $_POST[ $type ] ) ) {
734 $data[ $type ] = array();
735 $items = $this->_limit_array( $_POST[ $type ] );
737 foreach ( $items as $key => $value ) {
738 // Sanity check. These are associative arrays, $key is usually things like 'title', 'description', 'keywords', etc.
739 if ( empty( $key ) || strlen( $key ) > 100 ) {
743 if ( $type === '_meta' ) {
744 $value = $this->_limit_string( wp_unslash( $value ) );
746 if ( ! empty( $value ) ) {
747 $data = $this->_process_meta_entry( $key, $value, $data );
750 if ( in_array( $key, array( 'canonical', 'shortlink', 'icon' ), true ) ) {
751 $data[ $type ][ $key ] = $this->_limit_url( wp_unslash( $value ) );
758 // Support passing a single image src as `i`
759 if ( ! empty( $_REQUEST['i'] ) && ( $img_src = $this->_limit_img( wp_unslash( $_REQUEST['i'] ) ) ) ) {
760 if ( empty( $data['_images'] ) ) {
761 $data['_images'] = array( $img_src );
762 } elseif ( ! in_array( $img_src, $data['_images'], true ) ) {
763 array_unshift( $data['_images'], $img_src );
769 * Filters the Press This data array.
773 * @param array $data Press This Data array.
775 return apply_filters( 'press_this_data', $data );
779 * Adds another stylesheet inside TinyMCE.
784 * @param string $styles URL to editor stylesheet.
785 * @return string Possibly modified stylesheets list.
787 public function add_editor_style( $styles ) {
788 if ( ! empty( $styles ) ) {
792 $press_this = admin_url( 'css/press-this-editor.css' );
794 $press_this = str_replace( '.css', '-rtl.css', $press_this );
797 return $styles . $press_this;
801 * Outputs the post format selection HTML.
806 * @param WP_Post $post Post object.
808 public function post_formats_html( $post ) {
809 if ( current_theme_supports( 'post-formats' ) && post_type_supports( $post->post_type, 'post-formats' ) ) {
810 $post_formats = get_theme_support( 'post-formats' );
812 if ( is_array( $post_formats[0] ) ) {
813 $post_format = get_post_format( $post->ID );
815 if ( ! $post_format ) {
819 // Add in the current one if it isn't there yet, in case the current theme doesn't support it.
820 if ( $post_format && ! in_array( $post_format, $post_formats[0] ) ) {
821 $post_formats[0][] = $post_format;
825 <div id="post-formats-select">
826 <fieldset><legend class="screen-reader-text"><?php _e( 'Post Formats' ); ?></legend>
827 <input type="radio" name="post_format" class="post-format" id="post-format-0" value="0" <?php checked( $post_format, '0' ); ?> />
828 <label for="post-format-0" class="post-format-icon post-format-standard"><?php echo get_post_format_string( 'standard' ); ?></label>
831 foreach ( $post_formats[0] as $format ) {
832 $attr_format = esc_attr( $format );
835 <input type="radio" name="post_format" class="post-format" id="post-format-<?php echo $attr_format; ?>" value="<?php echo $attr_format; ?>" <?php checked( $post_format, $format ); ?> />
836 <label for="post-format-<?php echo $attr_format ?>" class="post-format-icon post-format-<?php echo $attr_format; ?>"><?php echo esc_html( get_post_format_string( $format ) ); ?></label>
849 * Outputs the categories HTML.
854 * @param WP_Post $post Post object.
856 public function categories_html( $post ) {
857 $taxonomy = get_taxonomy( 'category' );
859 if ( current_user_can( $taxonomy->cap->edit_terms ) ) {
861 <button type="button" class="add-cat-toggle button-link" aria-expanded="false">
862 <span class="dashicons dashicons-plus"></span><span class="screen-reader-text"><?php _e( 'Toggle add category' ); ?></span>
864 <div class="add-category is-hidden">
865 <label class="screen-reader-text" for="new-category"><?php echo $taxonomy->labels->add_new_item; ?></label>
866 <input type="text" id="new-category" class="add-category-name" placeholder="<?php echo esc_attr( $taxonomy->labels->new_item_name ); ?>" value="" aria-required="true">
867 <label class="screen-reader-text" for="new-category-parent"><?php echo $taxonomy->labels->parent_item_colon; ?></label>
868 <div class="postform-wrapper">
870 wp_dropdown_categories( array(
871 'taxonomy' => 'category',
873 'name' => 'new-category-parent',
876 'show_option_none' => '— ' . $taxonomy->labels->parent_item . ' —'
880 <button type="button" class="add-cat-submit"><?php _e( 'Add' ); ?></button>
886 <div class="categories-search-wrapper">
887 <input id="categories-search" type="search" class="categories-search" placeholder="<?php esc_attr_e( 'Search categories by name' ) ?>">
888 <label for="categories-search">
889 <span class="dashicons dashicons-search"></span><span class="screen-reader-text"><?php _e( 'Search categories' ); ?></span>
892 <div aria-label="<?php esc_attr_e( 'Categories' ); ?>">
893 <ul class="categories-select">
894 <?php wp_terms_checklist( $post->ID, array( 'taxonomy' => 'category', 'list_only' => true ) ); ?>
901 * Outputs the tags HTML.
906 * @param WP_Post $post Post object.
908 public function tags_html( $post ) {
909 $taxonomy = get_taxonomy( 'post_tag' );
910 $user_can_assign_terms = current_user_can( $taxonomy->cap->assign_terms );
911 $esc_tags = get_terms_to_edit( $post->ID, 'post_tag' );
913 if ( ! $esc_tags || is_wp_error( $esc_tags ) ) {
918 <div class="tagsdiv" id="post_tag">
920 <input type="hidden" name="tax_input[post_tag]" class="the-tags" value="<?php echo $esc_tags; // escaped in get_terms_to_edit() ?>">
923 if ( $user_can_assign_terms ) {
925 <div class="ajaxtag hide-if-no-js">
926 <label class="screen-reader-text" for="new-tag-post_tag"><?php _e( 'Tags' ); ?></label>
928 <input type="text" id="new-tag-post_tag" name="newtag[post_tag]" class="newtag form-input-tip" size="16" autocomplete="off" value="" aria-describedby="new-tag-desc" />
929 <button type="button" class="tagadd"><?php _e( 'Add' ); ?></button>
932 <p class="howto" id="new-tag-desc">
933 <?php echo $taxonomy->labels->separate_items_with_commas; ?>
940 <div class="tagchecklist"></div>
944 if ( $user_can_assign_terms ) {
946 <button type="button" class="button-link tagcloud-link" id="link-post_tag"><?php echo $taxonomy->labels->choose_from_most_used; ?></button>
952 * Get a list of embeds with no duplicates.
957 * @param array $data The site's data.
958 * @return array Embeds selected to be available.
960 public function get_embeds( $data ) {
961 $selected_embeds = array();
963 // Make sure to add the Pressed page if it's a valid oembed itself
964 if ( ! empty ( $data['u'] ) && $this->_limit_embed( $data['u'] ) ) {
965 $data['_embeds'][] = $data['u'];
968 if ( ! empty( $data['_embeds'] ) ) {
969 foreach ( $data['_embeds'] as $src ) {
970 $prot_relative_src = preg_replace( '/^https?:/', '', $src );
972 if ( in_array( $prot_relative_src, $this->embeds ) ) {
976 $selected_embeds[] = $src;
977 $this->embeds[] = $prot_relative_src;
981 return $selected_embeds;
985 * Get a list of images with no duplicates.
990 * @param array $data The site's data.
993 public function get_images( $data ) {
994 $selected_images = array();
996 if ( ! empty( $data['_images'] ) ) {
997 foreach ( $data['_images'] as $src ) {
998 if ( false !== strpos( $src, 'gravatar.com' ) ) {
999 $src = preg_replace( '%http://[\d]+\.gravatar\.com/%', 'https://secure.gravatar.com/', $src );
1002 $prot_relative_src = preg_replace( '/^https?:/', '', $src );
1004 if ( in_array( $prot_relative_src, $this->images ) ||
1005 ( false !== strpos( $src, 'avatar' ) && count( $this->images ) > 15 ) ) {
1006 // Skip: already selected or some type of avatar and we've already gathered more than 15 images.
1010 $selected_images[] = $src;
1011 $this->images[] = $prot_relative_src;
1015 return $selected_images;
1019 * Gets the source page's canonical link, based on passed location and meta data.
1024 * @param array $data The site's data.
1025 * @return string Discovered canonical URL, or empty
1027 public function get_canonical_link( $data ) {
1030 if ( ! empty( $data['_links']['canonical'] ) ) {
1031 $link = $data['_links']['canonical'];
1032 } elseif ( ! empty( $data['u'] ) ) {
1034 } elseif ( ! empty( $data['_meta'] ) ) {
1035 if ( ! empty( $data['_meta']['twitter:url'] ) ) {
1036 $link = $data['_meta']['twitter:url'];
1037 } else if ( ! empty( $data['_meta']['og:url'] ) ) {
1038 $link = $data['_meta']['og:url'];
1042 if ( empty( $link ) && ! empty( $data['_links']['shortlink'] ) ) {
1043 $link = $data['_links']['shortlink'];
1050 * Gets the source page's site name, based on passed meta data.
1055 * @param array $data The site's data.
1056 * @return string Discovered site name, or empty
1058 public function get_source_site_name( $data ) {
1061 if ( ! empty( $data['_meta'] ) ) {
1062 if ( ! empty( $data['_meta']['og:site_name'] ) ) {
1063 $name = $data['_meta']['og:site_name'];
1064 } else if ( ! empty( $data['_meta']['application-name'] ) ) {
1065 $name = $data['_meta']['application-name'];
1073 * Gets the source page's title, based on passed title and meta data.
1078 * @param array $data The site's data.
1079 * @return string Discovered page title, or empty
1081 public function get_suggested_title( $data ) {
1084 if ( ! empty( $data['t'] ) ) {
1085 $title = $data['t'];
1086 } elseif ( ! empty( $data['_meta'] ) ) {
1087 if ( ! empty( $data['_meta']['twitter:title'] ) ) {
1088 $title = $data['_meta']['twitter:title'];
1089 } else if ( ! empty( $data['_meta']['og:title'] ) ) {
1090 $title = $data['_meta']['og:title'];
1091 } else if ( ! empty( $data['_meta']['title'] ) ) {
1092 $title = $data['_meta']['title'];
1100 * Gets the source page's suggested content, based on passed data (description, selection, etc).
1102 * Features a blockquoted excerpt, as well as content attribution, if any.
1107 * @param array $data The site's data.
1108 * @return string Discovered content, or empty
1110 public function get_suggested_content( $data ) {
1111 $content = $text = '';
1113 if ( ! empty( $data['s'] ) ) {
1115 } else if ( ! empty( $data['_meta'] ) ) {
1116 if ( ! empty( $data['_meta']['twitter:description'] ) ) {
1117 $text = $data['_meta']['twitter:description'];
1118 } else if ( ! empty( $data['_meta']['og:description'] ) ) {
1119 $text = $data['_meta']['og:description'];
1120 } else if ( ! empty( $data['_meta']['description'] ) ) {
1121 $text = $data['_meta']['description'];
1124 // If there is an ellipsis at the end, the description is very likely auto-generated. Better to ignore it.
1125 if ( $text && substr( $text, -3 ) === '...' ) {
1130 $default_html = array( 'quote' => '', 'link' => '', 'embed' => '' );
1132 if ( ! empty( $data['u'] ) && $this->_limit_embed( $data['u'] ) ) {
1133 $default_html['embed'] = '<p>[embed]' . $data['u'] . '[/embed]</p>';
1135 if ( ! empty( $data['s'] ) ) {
1136 // If the user has selected some text, do quote it.
1137 $default_html['quote'] = '<blockquote>%1$s</blockquote>';
1140 $default_html['quote'] = '<blockquote>%1$s</blockquote>';
1141 $default_html['link'] = '<p>' . _x( 'Source:', 'Used in Press This to indicate where the content comes from.' ) .
1142 ' <em><a href="%1$s">%2$s</a></em></p>';
1146 * Filters the default HTML tags used in the suggested content for the editor.
1148 * The HTML strings use printf format. After filtering the content is added at the specified places with `sprintf()`.
1152 * @param array $default_html Associative array with three possible keys:
1153 * - 'quote' where %1$s is replaced with the site description or the selected content.
1154 * - 'link' where %1$s is link href, %2$s is link text, usually the source page title.
1155 * - 'embed' which contains an [embed] shortcode when the source page offers embeddable content.
1156 * @param array $data Associative array containing the data from the source page.
1158 $default_html = apply_filters( 'press_this_suggested_html', $default_html, $data );
1160 if ( ! empty( $default_html['embed'] ) ) {
1161 $content .= $default_html['embed'];
1164 // Wrap suggested content in the specified HTML.
1165 if ( ! empty( $default_html['quote'] ) && $text ) {
1166 $content .= sprintf( $default_html['quote'], $text );
1169 // Add source attribution if there is one available.
1170 if ( ! empty( $default_html['link'] ) ) {
1171 $title = $this->get_suggested_title( $data );
1172 $url = $this->get_canonical_link( $data );
1175 $title = $this->get_source_site_name( $data );
1178 if ( $url && $title ) {
1179 $content .= sprintf( $default_html['link'], $url, $title );
1187 * Serves the app's base HTML, which in turns calls the load script.
1192 * @global WP_Locale $wp_locale
1193 * @global string $wp_version
1194 * @global bool $is_IE
1196 public function html() {
1197 global $wp_locale, $wp_version;
1199 // Get data, new (POST) and old (GET).
1200 $data = $this->merge_or_fetch_data();
1202 $post_title = $this->get_suggested_title( $data );
1204 $post_content = $this->get_suggested_content( $data );
1206 // Get site settings array/data.
1207 $site_settings = $this->site_settings();
1209 // Pass the images and embeds
1210 $images = $this->get_images( $data );
1211 $embeds = $this->get_embeds( $data );
1214 'v' => ! empty( $data['v'] ) ? $data['v'] : '',
1215 'u' => ! empty( $data['u'] ) ? $data['u'] : '',
1216 'hasData' => ! empty( $data ),
1219 if ( ! empty( $images ) ) {
1220 $site_data['_images'] = $images;
1223 if ( ! empty( $embeds ) ) {
1224 $site_data['_embeds'] = $embeds;
1227 // Add press-this-editor.css and remove theme's editor-style.css, if any.
1228 remove_editor_styles();
1230 add_filter( 'mce_css', array( $this, 'add_editor_style' ) );
1232 if ( ! empty( $GLOBALS['is_IE'] ) ) {
1233 @header( 'X-UA-Compatible: IE=edge' );
1236 @header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
1240 <!--[if IE 7]> <html class="lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
1241 <!--[if IE 8]> <html class="lt-ie9" <?php language_attributes(); ?>> <![endif]-->
1242 <!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
1244 <meta http-equiv="Content-Type" content="<?php echo esc_attr( get_bloginfo( 'html_type' ) ); ?>; charset=<?php echo esc_attr( get_option( 'blog_charset' ) ); ?>" />
1245 <meta name="viewport" content="width=device-width">
1246 <title><?php esc_html_e( 'Press This!' ) ?></title>
1249 window.wpPressThisData = <?php echo wp_json_encode( $site_data ); ?>;
1250 window.wpPressThisConfig = <?php echo wp_json_encode( $site_settings ); ?>;
1253 <script type="text/javascript">
1254 var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
1255 pagenow = 'press-this',
1257 adminpage = 'press-this-php',
1258 thousandsSeparator = '<?php echo addslashes( $wp_locale->number_format['thousands_sep'] ); ?>',
1259 decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
1260 isRtl = <?php echo (int) is_rtl(); ?>;
1265 * $post->ID is needed for the embed shortcode so we can show oEmbed previews in the editor.
1266 * Maybe find a way without it.
1268 $post = get_default_post_to_edit( 'post', true );
1269 $post_ID = (int) $post->ID;
1271 wp_enqueue_media( array( 'post' => $post_ID ) );
1272 wp_enqueue_style( 'press-this' );
1273 wp_enqueue_script( 'press-this' );
1274 wp_enqueue_script( 'json2' );
1275 wp_enqueue_script( 'editor' );
1277 $supports_formats = false;
1280 if ( current_theme_supports( 'post-formats' ) && post_type_supports( $post->post_type, 'post-formats' ) ) {
1281 $supports_formats = true;
1283 if ( ! ( $post_format = get_post_format( $post_ID ) ) ) {
1288 /** This action is documented in wp-admin/admin-header.php */
1289 do_action( 'admin_enqueue_scripts', 'press-this.php' );
1291 /** This action is documented in wp-admin/admin-header.php */
1292 do_action( 'admin_print_styles-press-this.php' );
1294 /** This action is documented in wp-admin/admin-header.php */
1295 do_action( 'admin_print_styles' );
1297 /** This action is documented in wp-admin/admin-header.php */
1298 do_action( 'admin_print_scripts-press-this.php' );
1300 /** This action is documented in wp-admin/admin-header.php */
1301 do_action( 'admin_print_scripts' );
1303 /** This action is documented in wp-admin/admin-header.php */
1304 do_action( 'admin_head-press-this.php' );
1306 /** This action is documented in wp-admin/admin-header.php */
1307 do_action( 'admin_head' );
1312 $admin_body_class = 'press-this';
1313 $admin_body_class .= ( is_rtl() ) ? ' rtl' : '';
1314 $admin_body_class .= ' branch-' . str_replace( array( '.', ',' ), '-', floatval( $wp_version ) );
1315 $admin_body_class .= ' version-' . str_replace( '.', '-', preg_replace( '/^([.0-9]+).*/', '$1', $wp_version ) );
1316 $admin_body_class .= ' admin-color-' . sanitize_html_class( get_user_option( 'admin_color' ), 'fresh' );
1317 $admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_locale() ) ) );
1319 /** This filter is documented in wp-admin/admin-header.php */
1320 $admin_body_classes = apply_filters( 'admin_body_class', '' );
1323 <body class="wp-admin wp-core-ui <?php echo $admin_body_classes . ' ' . $admin_body_class; ?>">
1324 <div id="adminbar" class="adminbar">
1325 <h1 id="current-site" class="current-site">
1326 <a class="current-site-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank" rel="home">
1327 <span class="dashicons dashicons-wordpress"></span>
1328 <span class="current-site-name"><?php bloginfo( 'name' ); ?></span>
1331 <button type="button" class="options button-link closed">
1332 <span class="dashicons dashicons-tag on-closed"></span>
1333 <span class="screen-reader-text on-closed"><?php _e( 'Show post options' ); ?></span>
1334 <span aria-hidden="true" class="on-open"><?php _e( 'Done' ); ?></span>
1335 <span class="screen-reader-text on-open"><?php _e( 'Hide post options' ); ?></span>
1339 <div id="scanbar" class="scan">
1341 <label for="url-scan" class="screen-reader-text"><?php _e( 'Scan site for content' ); ?></label>
1342 <input type="url" name="u" id="url-scan" class="scan-url" value="" placeholder="<?php esc_attr_e( 'Enter a URL to scan' ) ?>" />
1343 <input type="submit" name="url-scan-submit" id="url-scan-submit" class="scan-submit" value="<?php esc_attr_e( 'Scan' ) ?>" />
1347 <form id="pressthis-form" method="post" action="post.php" autocomplete="off">
1348 <input type="hidden" name="post_ID" id="post_ID" value="<?php echo $post_ID; ?>" />
1349 <input type="hidden" name="action" value="press-this-save-post" />
1350 <input type="hidden" name="post_status" id="post_status" value="draft" />
1351 <input type="hidden" name="wp-preview" id="wp-preview" value="" />
1352 <input type="hidden" name="post_title" id="post_title" value="" />
1353 <input type="hidden" name="pt-force-redirect" id="pt-force-redirect" value="" />
1356 wp_nonce_field( 'update-post_' . $post_ID, '_wpnonce', false );
1357 wp_nonce_field( 'add-category', '_ajax_nonce-add-category', false );
1361 <div class="wrapper">
1362 <div class="editor-wrapper">
1363 <div class="alerts" role="alert" aria-live="assertive" aria-relevant="all" aria-atomic="true">
1366 if ( isset( $data['v'] ) && $this->version > $data['v'] ) {
1368 <p class="alert is-notice">
1369 <?php printf( __( 'You should upgrade <a href="%s" target="_blank">your bookmarklet</a> to the latest version!' ), admin_url( 'tools.php' ) ); ?>
1377 <div id="app-container" class="editor">
1378 <span id="title-container-label" class="post-title-placeholder" aria-hidden="true"><?php _e( 'Post title' ); ?></span>
1379 <h2 id="title-container" class="post-title" contenteditable="true" spellcheck="true" aria-label="<?php esc_attr_e( 'Post title' ); ?>" tabindex="0"><?php echo esc_html( $post_title ); ?></h2>
1381 <div class="media-list-container">
1382 <div class="media-list-inner-container">
1383 <h2 class="screen-reader-text"><?php _e( 'Suggested media' ); ?></h2>
1384 <ul class="media-list"></ul>
1389 wp_editor( $post_content, 'pressthis', array(
1390 'drag_drop_upload' => true,
1391 'editor_height' => 600,
1392 'media_buttons' => false,
1393 'textarea_name' => 'post_content',
1397 'wordpress_adv_hidden' => false,
1398 'add_unload_trigger' => false,
1399 'statusbar' => false,
1400 'autoresize_min_height' => 600,
1401 'wp_autoresize_on' => true,
1402 'plugins' => 'lists,media,paste,tabfocus,fullscreen,wordpress,wpautoresize,wpeditimage,wpgallery,wplink,wptextpattern,wpview',
1403 'toolbar1' => 'bold,italic,bullist,numlist,blockquote,link,unlink',
1404 'toolbar2' => 'undo,redo',
1406 'quicktags' => array(
1407 'buttons' => 'strong,em,link,block,del,ins,img,ul,ol,li,code,more',
1415 <div class="options-panel-back is-hidden" tabindex="-1"></div>
1416 <div class="options-panel is-off-screen is-hidden" tabindex="-1">
1417 <div class="post-options">
1419 <?php if ( $supports_formats ) : ?>
1420 <button type="button" class="button-link post-option">
1421 <span class="dashicons dashicons-admin-post"></span>
1422 <span class="post-option-title"><?php _ex( 'Format', 'post format' ); ?></span>
1423 <span class="post-option-contents" id="post-option-post-format"><?php echo esc_html( get_post_format_string( $post_format ) ); ?></span>
1424 <span class="dashicons post-option-forward"></span>
1428 <button type="button" class="button-link post-option">
1429 <span class="dashicons dashicons-category"></span>
1430 <span class="post-option-title"><?php _e( 'Categories' ); ?></span>
1431 <span class="dashicons post-option-forward"></span>
1434 <button type="button" class="button-link post-option">
1435 <span class="dashicons dashicons-tag"></span>
1436 <span class="post-option-title"><?php _e( 'Tags' ); ?></span>
1437 <span class="dashicons post-option-forward"></span>
1441 <?php if ( $supports_formats ) : ?>
1442 <div class="setting-modal is-off-screen is-hidden">
1443 <button type="button" class="button-link modal-close">
1444 <span class="dashicons post-option-back"></span>
1445 <span class="setting-title" aria-hidden="true"><?php _ex( 'Format', 'post format' ); ?></span>
1446 <span class="screen-reader-text"><?php _e( 'Back to post options' ) ?></span>
1448 <?php $this->post_formats_html( $post ); ?>
1452 <div class="setting-modal is-off-screen is-hidden">
1453 <button type="button" class="button-link modal-close">
1454 <span class="dashicons post-option-back"></span>
1455 <span class="setting-title" aria-hidden="true"><?php _e( 'Categories' ); ?></span>
1456 <span class="screen-reader-text"><?php _e( 'Back to post options' ) ?></span>
1458 <?php $this->categories_html( $post ); ?>
1461 <div class="setting-modal tags is-off-screen is-hidden">
1462 <button type="button" class="button-link modal-close">
1463 <span class="dashicons post-option-back"></span>
1464 <span class="setting-title" aria-hidden="true"><?php _e( 'Tags' ); ?></span>
1465 <span class="screen-reader-text"><?php _e( 'Back to post options' ) ?></span>
1467 <?php $this->tags_html( $post ); ?>
1469 </div><!-- .options-panel -->
1470 </div><!-- .wrapper -->
1472 <div class="press-this-actions">
1473 <div class="pressthis-media-buttons">
1474 <button type="button" class="insert-media button-link" data-editor="pressthis">
1475 <span class="dashicons dashicons-admin-media"></span>
1476 <span class="screen-reader-text"><?php _e( 'Add Media' ); ?></span>
1479 <div class="post-actions">
1480 <span class="spinner"> </span>
1481 <div class="split-button">
1482 <div class="split-button-head">
1483 <button type="button" class="publish-button split-button-primary" aria-live="polite">
1484 <span class="publish"><?php echo ( current_user_can( 'publish_posts' ) ) ? __( 'Publish' ) : __( 'Submit for Review' ); ?></span>
1485 <span class="saving-draft"><?php _e( 'Saving…' ); ?></span>
1486 </button><button type="button" class="split-button-toggle" aria-haspopup="true" aria-expanded="false">
1487 <i class="dashicons dashicons-arrow-down-alt2"></i>
1488 <span class="screen-reader-text"><?php _e('More actions'); ?></span>
1491 <ul class="split-button-body">
1492 <li><button type="button" class="button-link draft-button split-button-option"><?php _e( 'Save Draft' ); ?></button></li>
1493 <li><button type="button" class="button-link standard-editor-button split-button-option"><?php _e( 'Standard Editor' ); ?></button></li>
1494 <li><button type="button" class="button-link preview-button split-button-option"><?php _e( 'Preview' ); ?></button></li>
1502 /** This action is documented in wp-admin/admin-footer.php */
1503 do_action( 'admin_footer' );
1505 /** This action is documented in wp-admin/admin-footer.php */
1506 do_action( 'admin_print_footer_scripts-press-this.php' );
1508 /** This action is documented in wp-admin/admin-footer.php */
1509 do_action( 'admin_print_footer_scripts' );
1511 /** This action is documented in wp-admin/admin-footer.php */
1512 do_action( 'admin_footer-press-this.php' );
1523 * @global WP_Press_This $wp_press_this
1525 $GLOBALS['wp_press_this'] = new WP_Press_This;