Introducing Smoother Editing and New Playlists

Introducing Smoother Editing and New Playlists

Extra, extra, read all about it: we’re thrilled to announce a whole batch of improvements to your blogs, from image editing in the body of your posts to better, sleeker audio playlists — and more.

We frequently introduce new and improved features to your blogs, and it’s now time for the first major update of 2014. What can you expect from this round of enhancements?

  • A better-performing Visual Editor, with drag and drop file upload support, instant gallery previews, and better compatibility with text pasted from Microsoft Word and other applications.
  • The ability to resize and replace images you’ve already inserted into your posts without having to make a detour to your Media Manager.
  • New, sleek audio playlists for users with the Space Upgrade.

For a more detailed overview of these changes, read on!

A new and improved editor

Your Visual Editor has received a lot of love in this update for better overall performance. While most of these changes remain under the hood and won’t affect your everyday editing, there is a notable improvement for all users who regularly paste in text from external word processors or writing apps.

<img aria-describedby="caption-25065" data-attachment-id="25065" data-permalink="https://wordpress.com/blog/2014/03/25/editor-playlists-improvements/paste-as-text/" data-orig-file="https://en-blog.files.wordpress.com/2014/03/paste-as-text.png" data-orig-size="1614,478" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="You can avoid formatting issues by setting all pasted text to be automatically stripped of any code." data-image-description="

You can avoid formatting issues by setting all pasted text to be automatically stripped of any code.

” data-image-caption=”

You can avoid formatting issues by setting all pasted text to be automatically stripped of any code.

” data-medium-file=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-9.png” data-large-file=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists.png” class=”wp-image-25065 size-full” src=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists.png” alt=”You can avoid formatting issues by setting all pasted text to be automatically stripped of any code.” srcset=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists.png 720w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-7.png 1440w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-8.png 150w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-9.png 300w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-10.png 768w, https://en-blog.files.wordpress.com/2014/03/paste-as-text.png?w=1024 1024w” sizes=”(max-width: 720px) 100vw, 720px”>

You can avoid formatting issues by setting all pasted text to be automatically stripped of any code.

With this current update, text pasted from Microsoft Word gets automatically stripped of any code, so that you don’t encounter any formatting issues on your blog.

For all other imported text, you can now choose whether your blog removes all formatting automatically or leaves it in place: in your Visual Editor, simply turn the “Paste as text” mode on, and you’re set — paste away in peace.

Instant gallery previews

Remember that light-blue dotted placeholder for galleries? Well, we finally got rid of it.

<img aria-describedby="caption-attachment-25690" data-attachment-id="25690" data-permalink="https://wordpress.com/blog/2014/03/25/editor-playlists-improvements/screen-shot-2014-03-25-at-9-35-04-am-2/" data-orig-file="https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-35-04-am1.png" data-orig-size="1029,603" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Instant Gallery Previews" data-image-description="

Instant Gallery Previews

” data-image-caption=”

Instant Gallery Previews

” data-medium-file=”https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-35-04-am1.png?w=300″ data-large-file=”https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-35-04-am1.png?w=720″ class=”size-large wp-image-25690″ src=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-1.png” alt=”Instant Gallery Previews” srcset=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-1.png 720w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-11.png 150w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-12.png 300w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-13.png 768w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-14.png 1024w, https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-35-04-am1.png 1029w” sizes=”(max-width: 720px) 100vw, 720px”>

Instant Gallery Previews

When inserting galleries into your WordPress.com posts and pages, you will now get a full preview instead of a placeholder.

Drag and drop file uploads

Drag and drop uploads have been supported for quite a while now on WordPress.com, but today we take them one step further.

Better Drag & Drop Support

Better drag and drop support

You can now drop a file directly into the post editor without having to open the Add Media screen. This also works in Distraction Free Writing mode, and supports multiple files.

Enhanced image editing

Inserting images into your posts has always been a breeze — you’d simply click on the “Add Media” button and select the desired images from your Media Manager. But what if you wanted to resize or replace your image after it’s already been inserted? This would require another trip to the Media Manager.

Not anymore.

<img aria-describedby="caption-attachment-25693" data-attachment-id="25693" data-permalink="https://wordpress.com/blog/2014/03/25/editor-playlists-improvements/screen-shot-2014-03-25-at-9-43-38-am/" data-orig-file="https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-43-38-am.png" data-orig-size="1189,545" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Resize an image you’ve already added to your post directly in the editor." data-image-description="

Resize an image you’ve already added to your post directly in the editor.

” data-image-caption=”

Resize an image you’ve already added to your post directly in the editor.

” data-medium-file=”https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-43-38-am.png?w=300″ data-large-file=”https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-43-38-am.png?w=720″ class=”size-large wp-image-25693″ src=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-3.png” alt=”Resize an image you’ve already added to your post directly in the editor.” srcset=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-3.png 720w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-19.png 150w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-20.png 300w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-21.png 768w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-22.png 1024w, https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-43-38-am.png 1189w” sizes=”(max-width: 720px) 100vw, 720px”>

Resize an image you’ve already added to your post directly in the editor.

Now, when you click on an already-inserted image in the Visual Editor, you’ll not only encounter a streamlined look, but also two new features.

First, you can resize the image by dragging its corners, like you do in any image-editing software. Second, if you decide to use a different image in the same spot in your post, click on the pencil icon in the top-right corner of the image, and you’ll have the option to select a new image to replace the existing one.

That’s a whole lot of clicks saved.

But wait, there’s a bonus! If you wish to to crop, scale, flip, or rotate your image, select it in the Add Media screen (or click the pencil icon on an already-inserted image) then simply click Edit Image.

<img aria-describedby="caption-attachment-25697" data-attachment-id="25697" data-permalink="https://wordpress.com/blog/2014/03/25/editor-playlists-improvements/screen-shot-2014-03-25-at-9-50-19-am/" data-orig-file="https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-50-19-am.png" data-orig-size="1425,607" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Scale, crop, rotate, and more" data-image-description="

Scale, crop, rotate, and more

” data-image-caption=”

Scale, crop, rotate, and more

” data-medium-file=”https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-50-19-am.png?w=300″ data-large-file=”https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-50-19-am.png?w=720″ class=”size-large wp-image-25697″ src=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-4.png” alt=”Scale, crop, rotate, and more” srcset=”https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-23.png 718w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-24.png 150w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-25.png 300w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-26.png 768w, https://megawordpresshosting.com/wp-content/uploads/2022/02/introducing-smoother-editing-and-new-playlists-27.png 1024w, https://en-blog.files.wordpress.com/2014/03/screen-shot-2014-03-25-at-9-50-19-am.png 1425w” sizes=”(max-width: 720px) 100vw, 720px”>

Scale, crop, rotate, and more

Use the controls at the top to edit your image, and hit Save when you’re done. Made a mistake? No worries: you can always restore your original image with a single click.

New audio playlists

What’s better than adding a song to your posts? Embedding a whole playlist, of course!

In this round of updates, we’re thrilled to introduce a new look and better functionality to audio playlists. You can embed these using the same playlist shortcode you’ve used before, or by clicking on Add Media in your post editor, then choosing Create Playlist.

Edit, reorder and insert an audio playlist

Edit, reorder, and insert an audio playlist

You’ll be able to order your tracks and select the track information you’d like to have visible in your post. Once you save your draft (or publish your post), the new, sleek playlist will be displayed:

The new look of the audio playlist.

The new look of the audio playlist.

Please note that uploading audio files to your Media Library requires the Space Upgrade.

Updates coming to your self-hosted sites, too

All the new improvements we’re introducing today are part of the WordPress 3.9 release, which WordPress.com users test out first. These and other updates will be coming to all self-hosted WordPress sites in April. Meanwhile, you can already help test the second beta.

We’re constantly tinkering behind the scenes and making updates to make your dashboard experience the best it can be. If you have feedback or questions, chime in on the Forums. For support questions, contact Support.


0.000000 0.000000

Posted by WordPress Guru