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 * Filter whether or not Press This should redirect the user in the parent window upon save.
49 * @param bool false 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['post_status'] = 'publish';
130 $post['post_status'] = 'pending';
134 $post['post_content'] = $this->side_load_images( $post_id, $post['post_content'] );
136 $updated = wp_update_post( $post, true );
138 if ( is_wp_error( $updated ) ) {
139 wp_send_json_error( array( 'errorMessage' => $updated->get_error_message() ) );
141 if ( isset( $post['post_format'] ) ) {
142 if ( current_theme_supports( 'post-formats', $post['post_format'] ) ) {
143 set_post_format( $post_id, $post['post_format'] );
144 } elseif ( $post['post_format'] ) {
145 set_post_format( $post_id, false );
149 if ( 'publish' === get_post_status( $post_id ) ) {
150 $redirect = get_post_permalink( $post_id );
156 * Filter the URL to redirect to when Press This saves.
160 * @param string $url Redirect URL. If `$status` is 'publish', this will be the post permalink.
161 * Otherwise, the default is false resulting in no redirect.
162 * @param int $post_id Post ID.
163 * @param string $status Post status.
165 $redirect = apply_filters( 'press_this_save_redirect', $redirect, $post_id, $post['post_status'] );
168 wp_send_json_success( array( 'redirect' => $redirect ) );
170 wp_send_json_success( array( 'postSaved' => true ) );
176 * AJAX handler for adding a new category.
181 public function add_category() {
182 if ( false === wp_verify_nonce( $_POST['new_cat_nonce'], 'add-category' ) ) {
183 wp_send_json_error();
186 $taxonomy = get_taxonomy( 'category' );
188 if ( ! current_user_can( $taxonomy->cap->edit_terms ) || empty( $_POST['name'] ) ) {
189 wp_send_json_error();
192 $parent = isset( $_POST['parent'] ) && (int) $_POST['parent'] > 0 ? (int) $_POST['parent'] : 0;
193 $names = explode( ',', $_POST['name'] );
194 $added = $data = array();
196 foreach ( $names as $cat_name ) {
197 $cat_name = trim( $cat_name );
198 $cat_nicename = sanitize_title( $cat_name );
200 if ( empty( $cat_nicename ) ) {
204 // @todo Find a more performant to check existence, maybe get_term() with a separate parent check.
205 if ( ! $cat_id = term_exists( $cat_name, $taxonomy->name, $parent ) ) {
206 $cat_id = wp_insert_term( $cat_name, $taxonomy->name, array( 'parent' => $parent ) );
209 if ( is_wp_error( $cat_id ) ) {
211 } elseif ( is_array( $cat_id ) ) {
212 $cat_id = $cat_id['term_id'];
218 if ( empty( $added ) ) {
219 wp_send_json_error( array( 'errorMessage' => __( 'This category cannot be added. Please change the name and try again.' ) ) );
222 foreach ( $added as $new_cat_id ) {
223 $new_cat = get_category( $new_cat_id );
225 if ( is_wp_error( $new_cat ) ) {
226 wp_send_json_error( array( 'errorMessage' => __( 'Error while adding the category. Please try again later.' ) ) );
230 'term_id' => $new_cat->term_id,
231 'name' => $new_cat->name,
232 'parent' => $new_cat->parent,
235 wp_send_json_success( $data );
239 * Downloads the source's HTML via server-side call for the given URL.
244 * @param string $url URL to scan.
245 * @return string Source's HTML sanitized markup
247 public function fetch_source_html( $url ) {
248 // Download source page to tmp file.
249 $source_tmp_file = ( ! empty( $url ) ) ? download_url( $url, 30 ) : '';
250 $source_content = '';
252 if ( ! is_wp_error( $source_tmp_file ) && file_exists( $source_tmp_file ) ) {
254 // Get the content of the source page from the tmp file..
255 $source_content = wp_kses(
256 @file_get_contents( $source_tmp_file ),
268 'itemprop' => array(),
272 'property' => array(),
274 'content' => array(),
279 // All done with backward compatibility. Let's do some cleanup, for good measure :)
280 unlink( $source_tmp_file );
282 } else if ( is_wp_error( $source_tmp_file ) ) {
283 $source_content = new WP_Error( 'upload-error', sprintf( __( 'Error: %s' ), sprintf( __( 'Could not download the source URL (native error: %s).' ), $source_tmp_file->get_error_message() ) ) );
284 } else if ( ! file_exists( $source_tmp_file ) ) {
285 $source_content = new WP_Error( 'no-local-file', sprintf( __( 'Error: %s' ), __( 'Could not save or locate the temporary download file for the source URL.' ) ) );
288 return $source_content;
292 * Utility method to limit an array to 50 values.
297 * @param array $value Array to limit.
298 * @return array Original array if fewer than 50 values, limited array, empty array otherwise.
300 private function _limit_array( $value ) {
301 if ( is_array( $value ) ) {
302 if ( count( $value ) > 50 ) {
303 return array_slice( $value, 0, 50 );
313 * Utility method to limit the length of a given string to 5,000 characters.
318 * @param string $value String to limit.
319 * @return bool|int|string If boolean or integer, that value. If a string, the original value
320 * if fewer than 5,000 characters, a truncated version, otherwise an
323 private function _limit_string( $value ) {
326 if ( is_numeric( $value ) || is_bool( $value ) ) {
328 } else if ( is_string( $value ) ) {
329 if ( mb_strlen( $value ) > 5000 ) {
330 $return = mb_substr( $value, 0, 5000 );
335 $return = html_entity_decode( $return, ENT_QUOTES, 'UTF-8' );
336 $return = sanitize_text_field( trim( $return ) );
343 * Utility method to limit a given URL to 2,048 characters.
348 * @param string $url URL to check for length and validity.
349 * @return string Escaped URL if of valid length (< 2048) and makeup. Empty string otherwise.
351 private function _limit_url( $url ) {
352 if ( ! is_string( $url ) ) {
356 // HTTP 1.1 allows 8000 chars but the "de-facto" standard supported in all current browsers is 2048.
357 if ( strlen( $url ) > 2048 ) {
358 return ''; // Return empty rather than a truncated/invalid URL
361 // Does not look like an URL.
362 if ( ! preg_match( '/^([!#$&-;=?-\[\]_a-z~]|%[0-9a-fA-F]{2})+$/', $url ) ) {
366 // If the URL is root-relative, prepend the protocol and domain name
367 if ( $url && $this->domain && preg_match( '%^/[^/]+%', $url ) ) {
368 $url = $this->domain . $url;
371 // Not absolute or protocol-relative URL.
372 if ( ! preg_match( '%^(?:https?:)?//[^/]+%', $url ) ) {
376 return esc_url_raw( $url, array( 'http', 'https' ) );
380 * Utility method to limit image source URLs.
382 * Excluded URLs include share-this type buttons, loaders, spinners, spacers, WP interface images,
383 * tiny buttons or thumbs, mathtag.com or quantserve.com images, or the WP stats gif.
388 * @param string $src Image source URL.
389 * @return string If not matched an excluded URL type, the original URL, empty string otherwise.
391 private function _limit_img( $src ) {
392 $src = $this->_limit_url( $src );
394 if ( preg_match( '/\/ad[sx]{1}?\//', $src ) ) {
397 } else if ( preg_match( '/(\/share-?this[^\.]+?\.[a-z0-9]{3,4})(\?.*)?$/', $src ) ) {
398 // Share-this type button
400 } else if ( preg_match( '/\/(spinner|loading|spacer|blank|rss)\.(gif|jpg|png)/', $src ) ) {
401 // Loaders, spinners, spacers
403 } else if ( preg_match( '/\/([^\.\/]+[-_]{1})?(spinner|loading|spacer|blank)s?([-_]{1}[^\.\/]+)?\.[a-z0-9]{3,4}/', $src ) ) {
404 // Fancy loaders, spinners, spacers
406 } else if ( preg_match( '/([^\.\/]+[-_]{1})?thumb[^.]*\.(gif|jpg|png)$/', $src ) ) {
407 // Thumbnails, too small, usually irrelevant to context
409 } else if ( preg_match( '/\/wp-includes\//', $src ) ) {
410 // Classic WP interface images
412 } else if ( preg_match( '/[^\d]{1}\d{1,2}x\d+\.(gif|jpg|png)$/', $src ) ) {
413 // Most often tiny buttons/thumbs (< 100px wide)
415 } else if ( preg_match( '/\/pixel\.(mathtag|quantserve)\.com/', $src ) ) {
416 // See mathtag.com and https://www.quantcast.com/how-we-do-it/iab-standard-measurement/how-we-collect-data/
418 } else if ( preg_match( '/\/[gb]\.gif(\?.+)?$/', $src ) ) {
419 // Classic WP stats gif
427 * Limit embed source URLs to specific providers.
429 * Not all core oEmbed providers are supported. Supported providers include YouTube, Vimeo,
430 * Vine, Daily Motion, SoundCloud, and Twitter.
435 * @param string $src Embed source URL.
436 * @return string If not from a supported provider, an empty string. Otherwise, a reformattd embed URL.
438 private function _limit_embed( $src ) {
439 $src = $this->_limit_url( $src );
441 if ( preg_match( '/\/\/(m|www)\.youtube\.com\/(embed|v)\/([^\?]+)\?.+$/', $src, $src_matches ) ) {
442 // Embedded Youtube videos (www or mobile)
443 $src = 'https://www.youtube.com/watch?v=' . $src_matches[3];
444 } else if ( preg_match( '/\/\/player\.vimeo\.com\/video\/([\d]+)([\?\/]{1}.*)?$/', $src, $src_matches ) ) {
445 // Embedded Vimeo iframe videos
446 $src = 'https://vimeo.com/' . (int) $src_matches[1];
447 } else if ( preg_match( '/\/\/vimeo\.com\/moogaloop\.swf\?clip_id=([\d]+)$/', $src, $src_matches ) ) {
448 // Embedded Vimeo Flash videos
449 $src = 'https://vimeo.com/' . (int) $src_matches[1];
450 } else if ( preg_match( '/\/\/vine\.co\/v\/([^\/]+)\/embed/', $src, $src_matches ) ) {
451 // Embedded Vine videos
452 $src = 'https://vine.co/v/' . $src_matches[1];
453 } else if ( preg_match( '/\/\/(www\.)?dailymotion\.com\/embed\/video\/([^\/\?]+)([\/\?]{1}.+)?/', $src, $src_matches ) ) {
454 // Embedded Daily Motion videos
455 $src = 'https://www.dailymotion.com/video/' . $src_matches[2];
456 } else if ( ! preg_match( '/\/\/(m|www)\.youtube\.com\/watch\?/', $src ) // Youtube video page (www or mobile)
457 && ! preg_match( '/\/youtu\.be\/.+$/', $src ) // Youtu.be video page
458 && ! preg_match( '/\/\/vimeo\.com\/[\d]+$/', $src ) // Vimeo video page
459 && ! preg_match( '/\/\/(www\.)?dailymotion\.com\/video\/.+$/', $src ) // Daily Motion video page
460 && ! preg_match( '/\/\/soundcloud\.com\/.+$/', $src ) // SoundCloud audio page
461 && ! preg_match( '/\/\/twitter\.com\/[^\/]+\/status\/[\d]+$/', $src ) // Twitter status page
462 && ! preg_match( '/\/\/vine\.co\/v\/[^\/]+/', $src ) ) { // Vine video page
470 * Process a meta data entry from the source.
475 * @param string $meta_name Meta key name.
476 * @param mixed $meta_value Meta value.
477 * @param array $data Associative array of source data.
478 * @return array Processed data array.
480 private function _process_meta_entry( $meta_name, $meta_value, $data ) {
481 if ( preg_match( '/:?(title|description|keywords|site_name)$/', $meta_name ) ) {
482 $data['_meta'][ $meta_name ] = $meta_value;
484 switch ( $meta_name ) {
487 case 'og:video:secure_url':
488 $meta_value = $this->_limit_embed( $meta_value );
490 if ( ! isset( $data['_embeds'] ) ) {
491 $data['_embeds'] = array();
494 if ( ! empty( $meta_value ) && ! in_array( $meta_value, $data['_embeds'] ) ) {
495 $data['_embeds'][] = $meta_value;
500 case 'og:image:secure_url':
501 case 'twitter:image0:src':
502 case 'twitter:image0':
503 case 'twitter:image:src':
504 case 'twitter:image':
505 $meta_value = $this->_limit_img( $meta_value );
507 if ( ! isset( $data['_images'] ) ) {
508 $data['_images'] = array();
511 if ( ! empty( $meta_value ) && ! in_array( $meta_value, $data['_images'] ) ) {
512 $data['_images'][] = $meta_value;
523 * Fetches and parses _meta, _images, and _links data from the source.
528 * @param string $url URL to scan.
529 * @param array $data Optional. Existing data array if you have one. Default empty array.
530 * @return array New data array.
532 public function source_data_fetch_fallback( $url, $data = array() ) {
533 if ( empty( $url ) ) {
537 // Download source page to tmp file.
538 $source_content = $this->fetch_source_html( $url );
539 if ( is_wp_error( $source_content ) ) {
540 return array( 'errors' => $source_content->get_error_messages() );
543 // Fetch and gather <meta> data first, so discovered media is offered 1st to user.
544 if ( empty( $data['_meta'] ) ) {
545 $data['_meta'] = array();
548 if ( preg_match_all( '/<meta [^>]+>/', $source_content, $matches ) ) {
549 $items = $this->_limit_array( $matches[0] );
551 foreach ( $items as $value ) {
552 if ( preg_match( '/(property|name)="([^"]+)"[^>]+content="([^"]+)"/', $value, $new_matches ) ) {
553 $meta_name = $this->_limit_string( $new_matches[2] );
554 $meta_value = $this->_limit_string( $new_matches[3] );
556 // Sanity check. $key is usually things like 'title', 'description', 'keywords', etc.
557 if ( strlen( $meta_name ) > 100 ) {
561 $data = $this->_process_meta_entry( $meta_name, $meta_value, $data );
566 // Fetch and gather <img> data.
567 if ( empty( $data['_images'] ) ) {
568 $data['_images'] = array();
571 if ( preg_match_all( '/<img [^>]+>/', $source_content, $matches ) ) {
572 $items = $this->_limit_array( $matches[0] );
574 foreach ( $items as $value ) {
575 if ( ( preg_match( '/width=(\'|")(\d+)\\1/i', $value, $new_matches ) && $new_matches[2] < 256 ) ||
576 ( preg_match( '/height=(\'|")(\d+)\\1/i', $value, $new_matches ) && $new_matches[2] < 128 ) ) {
581 if ( preg_match( '/src=(\'|")([^\'"]+)\\1/i', $value, $new_matches ) ) {
582 $src = $this->_limit_img( $new_matches[2] );
583 if ( ! empty( $src ) && ! in_array( $src, $data['_images'] ) ) {
584 $data['_images'][] = $src;
590 // Fetch and gather <iframe> data.
591 if ( empty( $data['_embeds'] ) ) {
592 $data['_embeds'] = array();
595 if ( preg_match_all( '/<iframe [^>]+>/', $source_content, $matches ) ) {
596 $items = $this->_limit_array( $matches[0] );
598 foreach ( $items as $value ) {
599 if ( preg_match( '/src=(\'|")([^\'"]+)\\1/', $value, $new_matches ) ) {
600 $src = $this->_limit_embed( $new_matches[2] );
602 if ( ! empty( $src ) && ! in_array( $src, $data['_embeds'] ) ) {
603 $data['_embeds'][] = $src;
609 // Fetch and gather <link> data.
610 if ( empty( $data['_links'] ) ) {
611 $data['_links'] = array();
614 if ( preg_match_all( '/<link [^>]+>/', $source_content, $matches ) ) {
615 $items = $this->_limit_array( $matches[0] );
617 foreach ( $items as $value ) {
618 if ( preg_match( '/rel=["\'](canonical|shortlink|icon)["\']/i', $value, $matches_rel ) && preg_match( '/href=[\'"]([^\'" ]+)[\'"]/i', $value, $matches_url ) ) {
619 $rel = $matches_rel[1];
620 $url = $this->_limit_url( $matches_url[1] );
622 if ( ! empty( $url ) && empty( $data['_links'][ $rel ] ) ) {
623 $data['_links'][ $rel ] = $url;
633 * Handles backward-compat with the legacy version of Press This by supporting its query string params.
640 public function merge_or_fetch_data() {
641 // Get data from $_POST and $_GET, as appropriate ($_POST > $_GET), to remain backward compatible.
644 // Only instantiate the keys we want. Sanity check and sanitize each one.
645 foreach ( array( 'u', 's', 't', 'v' ) as $key ) {
646 if ( ! empty( $_POST[ $key ] ) ) {
647 $value = wp_unslash( $_POST[ $key ] );
648 } else if ( ! empty( $_GET[ $key ] ) ) {
649 $value = wp_unslash( $_GET[ $key ] );
654 if ( 'u' === $key ) {
655 $value = $this->_limit_url( $value );
657 if ( preg_match( '%^(?:https?:)?//[^/]+%i', $value, $domain_match ) ) {
658 $this->domain = $domain_match[0];
661 $value = $this->_limit_string( $value );
664 if ( ! empty( $value ) ) {
665 $data[ $key ] = $value;
670 * Filter whether to enable in-source media discovery in Press This.
674 * @param bool $enable Whether to enable media discovery.
676 if ( apply_filters( 'enable_press_this_media_discovery', true ) ) {
678 * If no title, _images, _embed, and _meta was passed via $_POST, fetch data from source as fallback,
679 * making PT fully backward compatible with the older bookmarklet.
681 if ( empty( $_POST ) && ! empty( $data['u'] ) ) {
682 $data = $this->source_data_fetch_fallback( $data['u'], $data );
684 foreach ( array( '_images', '_embeds' ) as $type ) {
685 if ( empty( $_POST[ $type ] ) ) {
689 $data[ $type ] = array();
690 $items = $this->_limit_array( $_POST[ $type ] );
692 foreach ( $items as $key => $value ) {
693 if ( $type === '_images' ) {
694 $value = $this->_limit_img( wp_unslash( $value ) );
696 $value = $this->_limit_embed( wp_unslash( $value ) );
699 if ( ! empty( $value ) ) {
700 $data[ $type ][] = $value;
705 foreach ( array( '_meta', '_links' ) as $type ) {
706 if ( empty( $_POST[ $type ] ) ) {
710 $data[ $type ] = array();
711 $items = $this->_limit_array( $_POST[ $type ] );
713 foreach ( $items as $key => $value ) {
714 // Sanity check. These are associative arrays, $key is usually things like 'title', 'description', 'keywords', etc.
715 if ( empty( $key ) || strlen( $key ) > 100 ) {
719 if ( $type === '_meta' ) {
720 $value = $this->_limit_string( wp_unslash( $value ) );
722 if ( ! empty( $value ) ) {
723 $data = $this->_process_meta_entry( $key, $value, $data );
726 if ( in_array( $key, array( 'canonical', 'shortlink', 'icon' ), true ) ) {
727 $data[ $type ][ $key ] = $this->_limit_url( wp_unslash( $value ) );
736 * Filter the Press This data array.
740 * @param array $data Press This Data array.
742 return apply_filters( 'press_this_data', $data );
746 * Adds another stylesheet inside TinyMCE.
751 * @param string $styles URL to editor stylesheet.
752 * @return string Possibly modified stylesheets list.
754 public function add_editor_style( $styles ) {
755 if ( ! empty( $styles ) ) {
759 $press_this = admin_url( 'css/press-this-editor.css' );
761 $press_this = str_replace( '.css', '-rtl.css', $press_this );
764 return $styles . $press_this;
768 * Outputs the post format selection HTML.
773 * @param WP_Post $post Post object.
775 public function post_formats_html( $post ) {
776 if ( current_theme_supports( 'post-formats' ) && post_type_supports( $post->post_type, 'post-formats' ) ) {
777 $post_formats = get_theme_support( 'post-formats' );
779 if ( is_array( $post_formats[0] ) ) {
780 $post_format = get_post_format( $post->ID );
782 if ( ! $post_format ) {
786 // Add in the current one if it isn't there yet, in case the current theme doesn't support it.
787 if ( $post_format && ! in_array( $post_format, $post_formats[0] ) ) {
788 $post_formats[0][] = $post_format;
792 <div id="post-formats-select">
793 <fieldset><legend class="screen-reader-text"><?php _e( 'Post formats' ); ?></legend>
794 <input type="radio" name="post_format" class="post-format" id="post-format-0" value="0" <?php checked( $post_format, '0' ); ?> />
795 <label for="post-format-0" class="post-format-icon post-format-standard"><?php echo get_post_format_string( 'standard' ); ?></label>
798 foreach ( $post_formats[0] as $format ) {
799 $attr_format = esc_attr( $format );
802 <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 ); ?> />
803 <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>
816 * Outputs the categories HTML.
821 * @param WP_Post $post Post object.
823 public function categories_html( $post ) {
824 $taxonomy = get_taxonomy( 'category' );
826 if ( current_user_can( $taxonomy->cap->edit_terms ) ) {
828 <button type="button" class="add-cat-toggle button-subtle" aria-expanded="false">
829 <span class="dashicons dashicons-plus"></span><span class="screen-reader-text"><?php _e( 'Toggle add category' ); ?></span>
831 <div class="add-category is-hidden">
832 <label class="screen-reader-text" for="new-category"><?php echo $taxonomy->labels->add_new_item; ?></label>
833 <input type="text" id="new-category" class="add-category-name" placeholder="<?php echo esc_attr( $taxonomy->labels->new_item_name ); ?>" value="" aria-required="true">
834 <label class="screen-reader-text" for="new-category-parent"><?php echo $taxonomy->labels->parent_item_colon; ?></label>
835 <div class="postform-wrapper">
837 wp_dropdown_categories( array(
838 'taxonomy' => 'category',
840 'name' => 'new-category-parent',
843 'show_option_none' => '— ' . $taxonomy->labels->parent_item . ' —'
847 <button type="button" class="add-cat-submit"><?php _e( 'Add' ); ?></button>
853 <div class="categories-search-wrapper">
854 <input id="categories-search" type="search" class="categories-search" placeholder="<?php esc_attr_e( 'Search categories by name' ) ?>">
855 <label for="categories-search">
856 <span class="dashicons dashicons-search"></span><span class="screen-reader-text"><?php _e( 'Search categories' ); ?></span>
859 <div aria-label="<?php esc_attr_e( 'Categories' ); ?>">
860 <ul class="categories-select">
861 <?php wp_terms_checklist( $post->ID, array( 'taxonomy' => 'category', 'list_only' => true ) ); ?>
868 * Outputs the tags HTML.
873 * @param WP_Post $post Post object.
875 public function tags_html( $post ) {
876 $taxonomy = get_taxonomy( 'post_tag' );
877 $user_can_assign_terms = current_user_can( $taxonomy->cap->assign_terms );
878 $esc_tags = get_terms_to_edit( $post->ID, 'post_tag' );
880 if ( ! $esc_tags || is_wp_error( $esc_tags ) ) {
885 <div class="tagsdiv" id="post_tag">
887 <input type="hidden" name="tax_input[post_tag]" class="the-tags" value="<?php echo $esc_tags; // escaped in get_terms_to_edit() ?>">
890 if ( $user_can_assign_terms ) {
892 <div class="ajaxtag hide-if-no-js">
893 <label class="screen-reader-text" for="new-tag-post_tag"><?php _e( 'Tags' ); ?></label>
895 <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" />
896 <button type="button" class="tagadd"><?php _e( 'Add' ); ?></button>
899 <p class="howto" id="new-tag-desc">
900 <?php echo $taxonomy->labels->separate_items_with_commas; ?>
907 <div class="tagchecklist"></div>
911 if ( $user_can_assign_terms ) {
913 <button type="button" class="button-reset button-link tagcloud-link" id="link-post_tag"><?php echo $taxonomy->labels->choose_from_most_used; ?></button>
919 * Get a list of embeds with no duplicates.
924 * @param array $data The site's data.
925 * @returns array Embeds selected to be available.
927 public function get_embeds( $data ) {
928 $selected_embeds = array();
930 if ( ! empty( $data['_embeds'] ) ) {
931 foreach( $data['_embeds'] as $src ) {
932 $prot_relative_src = preg_replace( '/^https?:/', '', $src );
934 if ( in_array( $prot_relative_src, $this->embeds ) ) {
938 $selected_embeds[] = $src;
939 $this->embeds[] = $prot_relative_src;
943 return $selected_embeds;
947 * Get a list of images with no duplicates.
952 * @param array $data The site's data.
955 public function get_images( $data ) {
956 $selected_images = array();
958 if ( ! empty( $data['_images'] ) ) {
959 foreach( $data['_images'] as $src ) {
960 if ( false !== strpos( $src, 'gravatar.com' ) ) {
961 $src = preg_replace( '%http://[\d]+\.gravatar\.com/%', 'https://secure.gravatar.com/', $src );
964 $prot_relative_src = preg_replace( '/^https?:/', '', $src );
966 if ( in_array( $prot_relative_src, $this->images ) ||
967 ( false !== strpos( $src, 'avatar' ) && count( $this->images ) > 15 ) ) {
968 // Skip: already selected or some type of avatar and we've already gathered more than 15 images.
972 $selected_images[] = $src;
973 $this->images[] = $prot_relative_src;
977 return $selected_images;
981 * Gets the source page's canonical link, based on passed location and meta data.
986 * @param array $data The site's data.
987 * @returns string Discovered canonical URL, or empty
989 public function get_canonical_link( $data ) {
992 if ( ! empty( $data['_links']['canonical'] ) ) {
993 $link = $data['_links']['canonical'];
994 } elseif ( ! empty( $data['u'] ) ) {
996 } elseif ( ! empty( $data['_meta'] ) ) {
997 if ( ! empty( $data['_meta']['twitter:url'] ) ) {
998 $link = $data['_meta']['twitter:url'];
999 } else if ( ! empty( $data['_meta']['og:url'] ) ) {
1000 $link = $data['_meta']['og:url'];
1004 if ( empty( $link ) && ! empty( $data['_links']['shortlink'] ) ) {
1005 $link = $data['_links']['shortlink'];
1012 * Gets the source page's site name, based on passed meta data.
1017 * @param array $data The site's data.
1018 * @returns string Discovered site name, or empty
1020 public function get_source_site_name( $data ) {
1023 if ( ! empty( $data['_meta'] ) ) {
1024 if ( ! empty( $data['_meta']['og:site_name'] ) ) {
1025 $name = $data['_meta']['og:site_name'];
1026 } else if ( ! empty( $data['_meta']['application-name'] ) ) {
1027 $name = $data['_meta']['application-name'];
1035 * Gets the source page's title, based on passed title and meta data.
1040 * @param array $data The site's data.
1041 * @returns string Discovered page title, or empty
1043 public function get_suggested_title( $data ) {
1046 if ( ! empty( $data['t'] ) ) {
1047 $title = $data['t'];
1048 } elseif( ! empty( $data['_meta'] ) ) {
1049 if ( ! empty( $data['_meta']['twitter:title'] ) ) {
1050 $title = $data['_meta']['twitter:title'];
1051 } else if ( ! empty( $data['_meta']['og:title'] ) ) {
1052 $title = $data['_meta']['og:title'];
1053 } else if ( ! empty( $data['_meta']['title'] ) ) {
1054 $title = $data['_meta']['title'];
1062 * Gets the source page's suggested content, based on passed data (description, selection, etc).
1064 * Features a blockquoted excerpt, as well as content attribution, if any.
1069 * @param array $data The site's data.
1070 * @returns string Discovered content, or empty
1072 public function get_suggested_content( $data ) {
1073 $content = $text = '';
1075 if ( ! empty( $data['s'] ) ) {
1077 } else if ( ! empty( $data['_meta'] ) ) {
1078 if ( ! empty( $data['_meta']['twitter:description'] ) ) {
1079 $text = $data['_meta']['twitter:description'];
1080 } else if ( ! empty( $data['_meta']['og:description'] ) ) {
1081 $text = $data['_meta']['og:description'];
1082 } else if ( ! empty( $data['_meta']['description'] ) ) {
1083 $text = $data['_meta']['description'];
1086 // If there is an ellipsis at the end, the description is very likely auto-generated. Better to ignore it.
1087 if ( $text && substr( $text, -3 ) === '...' ) {
1092 $default_html = array( 'quote' => '', 'link' => '', 'embed' => '' );
1094 require_once( ABSPATH . WPINC . '/class-oembed.php' );
1095 $oembed = _wp_oembed_get_object();
1097 if ( ! empty( $data['u'] ) && $oembed->get_provider( $data['u'], array( 'discover' => false ) ) ) {
1098 $default_html['embed'] = '<p>[embed]' . $data['u'] . '[/embed]</p>';
1100 if ( ! empty( $data['s'] ) ) {
1101 // If the user has selected some text, do quote it.
1102 $default_html['quote'] = '<blockquote>%1$s</blockquote>';
1105 $default_html['quote'] = '<blockquote>%1$s</blockquote>';
1106 $default_html['link'] = '<p>' . _x( 'Source:', 'Used in Press This to indicate where the content comes from.' ) .
1107 ' <em><a href="%1$s">%2$s</a></em></p>';
1111 * Filter the default HTML for the Press This editor.
1115 * @param array $default_html Associative array with two keys: 'quote' where %1$s is replaced with the site description
1116 * or the selected content, and 'link' there %1$s is link href, %2$s is link text.
1118 $default_html = apply_filters( 'press_this_suggested_html', $default_html, $data );
1120 if ( ! empty( $default_html['embed'] ) ) {
1121 $content .= $default_html['embed'];
1124 // Wrap suggested content in the specified HTML.
1125 if ( ! empty( $default_html['quote'] ) && $text ) {
1126 $content .= sprintf( $default_html['quote'], $text );
1129 // Add source attribution if there is one available.
1130 if ( ! empty( $default_html['link'] ) ) {
1131 $title = $this->get_suggested_title( $data );
1132 $url = $this->get_canonical_link( $data );
1135 $title = $this->get_source_site_name( $data );
1138 if ( $url && $title ) {
1139 $content .= sprintf( $default_html['link'], $url, $title );
1147 * Serves the app's base HTML, which in turns calls the load script.
1152 public function html() {
1153 global $wp_locale, $wp_version;
1155 // Get data, new (POST) and old (GET).
1156 $data = $this->merge_or_fetch_data();
1158 $post_title = $this->get_suggested_title( $data );
1160 if ( empty( $title ) ) {
1161 $title = __( 'New Post' );
1164 $post_content = $this->get_suggested_content( $data );
1166 // Get site settings array/data.
1167 $site_settings = $this->site_settings();
1169 // Pass the images and embeds
1170 $images = $this->get_images( $data );
1171 $embeds = $this->get_embeds( $data );
1174 'v' => ! empty( $data['v'] ) ? $data['v'] : '',
1175 'u' => ! empty( $data['u'] ) ? $data['u'] : '',
1176 'hasData' => ! empty( $data ),
1179 if ( ! empty( $images ) ) {
1180 $site_data['_images'] = $images;
1183 if ( ! empty( $embeds ) ) {
1184 $site_data['_embeds'] = $embeds;
1187 // Add press-this-editor.css and remove theme's editor-style.css, if any.
1188 remove_editor_styles();
1190 add_filter( 'mce_css', array( $this, 'add_editor_style' ) );
1192 if ( ! empty( $GLOBALS['is_IE'] ) ) {
1193 @header( 'X-UA-Compatible: IE=edge' );
1196 @header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
1200 <!--[if IE 7]> <html class="lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
1201 <!--[if IE 8]> <html class="lt-ie9" <?php language_attributes(); ?>> <![endif]-->
1202 <!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
1204 <meta http-equiv="Content-Type" content="<?php echo esc_attr( get_bloginfo( 'html_type' ) ); ?>; charset=<?php echo esc_attr( get_option( 'blog_charset' ) ); ?>" />
1205 <meta name="viewport" content="width=device-width">
1206 <title><?php esc_html_e( 'Press This!' ) ?></title>
1209 window.wpPressThisData = <?php echo wp_json_encode( $site_data ); ?>;
1210 window.wpPressThisConfig = <?php echo wp_json_encode( $site_settings ); ?>;
1213 <script type="text/javascript">
1214 var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
1215 pagenow = 'press-this',
1217 adminpage = 'press-this-php',
1218 thousandsSeparator = '<?php echo addslashes( $wp_locale->number_format['thousands_sep'] ); ?>',
1219 decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
1220 isRtl = <?php echo (int) is_rtl(); ?>;
1225 * $post->ID is needed for the embed shortcode so we can show oEmbed previews in the editor.
1226 * Maybe find a way without it.
1228 $post = get_default_post_to_edit( 'post', true );
1229 $post_ID = (int) $post->ID;
1231 wp_enqueue_media( array( 'post' => $post_ID ) );
1232 wp_enqueue_style( 'press-this' );
1233 wp_enqueue_script( 'press-this' );
1234 wp_enqueue_script( 'json2' );
1235 wp_enqueue_script( 'editor' );
1237 $supports_formats = false;
1240 if ( current_theme_supports( 'post-formats' ) && post_type_supports( $post->post_type, 'post-formats' ) ) {
1241 $supports_formats = true;
1243 if ( ! ( $post_format = get_post_format( $post_ID ) ) ) {
1248 /** This action is documented in wp-admin/admin-header.php */
1249 do_action( 'admin_enqueue_scripts', 'press-this.php' );
1251 /** This action is documented in wp-admin/admin-header.php */
1252 do_action( 'admin_print_styles-press-this.php' );
1254 /** This action is documented in wp-admin/admin-header.php */
1255 do_action( 'admin_print_styles' );
1257 /** This action is documented in wp-admin/admin-header.php */
1258 do_action( 'admin_print_scripts-press-this.php' );
1260 /** This action is documented in wp-admin/admin-header.php */
1261 do_action( 'admin_print_scripts' );
1263 /** This action is documented in wp-admin/admin-header.php */
1264 do_action( 'admin_head-press-this.php' );
1266 /** This action is documented in wp-admin/admin-header.php */
1267 do_action( 'admin_head' );
1272 $admin_body_class = 'press-this';
1273 $admin_body_class .= ( is_rtl() ) ? ' rtl' : '';
1274 $admin_body_class .= ' branch-' . str_replace( array( '.', ',' ), '-', floatval( $wp_version ) );
1275 $admin_body_class .= ' version-' . str_replace( '.', '-', preg_replace( '/^([.0-9]+).*/', '$1', $wp_version ) );
1276 $admin_body_class .= ' admin-color-' . sanitize_html_class( get_user_option( 'admin_color' ), 'fresh' );
1277 $admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_locale() ) ) );
1279 /** This filter is documented in wp-admin/admin-header.php */
1280 $admin_body_classes = apply_filters( 'admin_body_class', '' );
1283 <body class="wp-admin wp-core-ui <?php echo $admin_body_classes . ' ' . $admin_body_class; ?>">
1284 <div id="adminbar" class="adminbar">
1285 <h1 id="current-site" class="current-site">
1286 <a class="current-site-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank" rel="home">
1287 <span class="dashicons dashicons-wordpress"></span>
1288 <span class="current-site-name"><?php bloginfo( 'name' ); ?></span>
1291 <button type="button" class="options button-subtle closed">
1292 <span class="dashicons dashicons-tag on-closed"></span>
1293 <span class="screen-reader-text on-closed"><?php _e( 'Show post options' ); ?></span>
1294 <span aria-hidden="true" class="on-open"><?php _e( 'Done' ); ?></span>
1295 <span class="screen-reader-text on-open"><?php _e( 'Hide post options' ); ?></span>
1299 <div id="scanbar" class="scan">
1301 <label for="url-scan" class="screen-reader-text"><?php _e( 'Scan site for content' ); ?></label>
1302 <input type="url" name="u" id="url-scan" class="scan-url" value="" placeholder="<?php esc_attr_e( 'Enter a URL to scan' ) ?>" />
1303 <input type="submit" name="url-scan-submit" id="url-scan-submit" class="scan-submit" value="<?php esc_attr_e( 'Scan' ) ?>" />
1307 <form id="pressthis-form" method="post" action="post.php" autocomplete="off">
1308 <input type="hidden" name="post_ID" id="post_ID" value="<?php echo $post_ID; ?>" />
1309 <input type="hidden" name="action" value="press-this-save-post" />
1310 <input type="hidden" name="post_status" id="post_status" value="draft" />
1311 <input type="hidden" name="wp-preview" id="wp-preview" value="" />
1312 <input type="hidden" name="post_title" id="post_title" value="" />
1315 wp_nonce_field( 'update-post_' . $post_ID, '_wpnonce', false );
1316 wp_nonce_field( 'add-category', '_ajax_nonce-add-category', false );
1320 <div class="wrapper">
1321 <div class="editor-wrapper">
1322 <div class="alerts" role="alert" aria-live="assertive" aria-relevant="all" aria-atomic="true">
1325 if ( isset( $data['v'] ) && $this->version > $data['v'] ) {
1327 <p class="alert is-notice">
1328 <?php printf( __( 'You should upgrade <a href="%s" target="_blank">your bookmarklet</a> to the latest version!' ), admin_url( 'tools.php' ) ); ?>
1336 <div id="app-container" class="editor">
1337 <span id="title-container-label" class="post-title-placeholder" aria-hidden="true"><?php _e( 'Post title' ); ?></span>
1338 <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>
1340 <div class="media-list-container">
1341 <div class="media-list-inner-container">
1342 <h2 class="screen-reader-text"><?php _e( 'Suggested media' ); ?></h2>
1343 <ul class="media-list"></ul>
1348 wp_editor( $post_content, 'pressthis', array(
1349 'drag_drop_upload' => true,
1350 'editor_height' => 600,
1351 'media_buttons' => false,
1352 'textarea_name' => 'post_content',
1356 'wordpress_adv_hidden' => false,
1357 'add_unload_trigger' => false,
1358 'statusbar' => false,
1359 'autoresize_min_height' => 600,
1360 'wp_autoresize_on' => true,
1361 'plugins' => 'lists,media,paste,tabfocus,fullscreen,wordpress,wpautoresize,wpeditimage,wpgallery,wplink,wpview',
1362 'toolbar1' => 'bold,italic,bullist,numlist,blockquote,link,unlink',
1363 'toolbar2' => 'undo,redo',
1365 'quicktags' => false,
1372 <div class="options-panel-back is-hidden" tabindex="-1"></div>
1373 <div class="options-panel is-off-screen is-hidden" tabindex="-1">
1374 <div class="post-options">
1376 <?php if ( $supports_formats ) : ?>
1377 <button type="button" class="button-reset post-option">
1378 <span class="dashicons dashicons-admin-post"></span>
1379 <span class="post-option-title"><?php _ex( 'Format', 'post format' ); ?></span>
1380 <span class="post-option-contents" id="post-option-post-format"><?php echo esc_html( get_post_format_string( $post_format ) ); ?></span>
1381 <span class="dashicons post-option-forward"></span>
1385 <button type="button" class="button-reset post-option">
1386 <span class="dashicons dashicons-category"></span>
1387 <span class="post-option-title"><?php _e( 'Categories' ); ?></span>
1388 <span class="dashicons post-option-forward"></span>
1391 <button type="button" class="button-reset post-option">
1392 <span class="dashicons dashicons-tag"></span>
1393 <span class="post-option-title"><?php _e( 'Tags' ); ?></span>
1394 <span class="dashicons post-option-forward"></span>
1398 <?php if ( $supports_formats ) : ?>
1399 <div class="setting-modal is-off-screen is-hidden">
1400 <button type="button" class="button-reset modal-close">
1401 <span class="dashicons post-option-back"></span>
1402 <span class="setting-title" aria-hidden="true"><?php _ex( 'Format', 'post format' ); ?></span>
1403 <span class="screen-reader-text"><?php _e( 'Back to post options' ) ?></span>
1405 <?php $this->post_formats_html( $post ); ?>
1409 <div class="setting-modal is-off-screen is-hidden">
1410 <button type="button" class="button-reset modal-close">
1411 <span class="dashicons post-option-back"></span>
1412 <span class="setting-title" aria-hidden="true"><?php _e( 'Categories' ); ?></span>
1413 <span class="screen-reader-text"><?php _e( 'Back to post options' ) ?></span>
1415 <?php $this->categories_html( $post ); ?>
1418 <div class="setting-modal tags is-off-screen is-hidden">
1419 <button type="button" class="button-reset modal-close">
1420 <span class="dashicons post-option-back"></span>
1421 <span class="setting-title" aria-hidden="true"><?php _e( 'Tags' ); ?></span>
1422 <span class="screen-reader-text"><?php _e( 'Back to post options' ) ?></span>
1424 <?php $this->tags_html( $post ); ?>
1426 </div><!-- .options-panel -->
1427 </div><!-- .wrapper -->
1429 <div class="press-this-actions">
1430 <div class="pressthis-media-buttons">
1431 <button type="button" class="insert-media button-subtle" data-editor="pressthis">
1432 <span class="dashicons dashicons-admin-media"></span>
1433 <span class="screen-reader-text"><?php _e( 'Add Media' ); ?></span>
1436 <div class="post-actions">
1437 <span class="spinner"> </span>
1438 <button type="button" class="button-subtle draft-button" aria-live="polite">
1439 <span class="save-draft"><?php _e( 'Save Draft' ); ?></span>
1440 <span class="saving-draft"><?php _e( 'Saving...' ); ?></span>
1442 <a href="<?php echo esc_url( get_edit_post_link( $post_ID ) ); ?>" class="edit-post-link" style="display: none;" target="_blank"><?php _e( 'Standard Editor' ); ?></a>
1443 <button type="button" class="button-subtle preview-button"><?php _e( 'Preview' ); ?></button>
1444 <button type="button" class="button-primary publish-button"><?php echo ( current_user_can( 'publish_posts' ) ) ? __( 'Publish' ) : __( 'Submit for Review' ); ?></button>
1450 /** This action is documented in wp-admin/admin-footer.php */
1451 do_action( 'admin_footer' );
1453 /** This action is documented in wp-admin/admin-footer.php */
1454 do_action( 'admin_print_footer_scripts' );
1456 /** This action is documented in wp-admin/admin-footer.php */
1457 do_action( 'admin_footer-press-this.php' );
1466 $GLOBALS['wp_press_this'] = new WP_Press_This;