Make WordPress Core

Tagged: editor Toggle Comment Threads | Keyboard Shortcuts

  • Ella Iseulde Van Dorpe 8:46 pm on January 16, 2016 Permalink |
    Tags: , editor   

    Editor wishlist for 4.5 

  • Ella Iseulde Van Dorpe 6:42 pm on November 3, 2015 Permalink |
    Tags: editor   

    Weekly editor chat resumed 

    After some quiet time in #core-editor, we’d like to resume the weekly editor chats. The next one will be before the weekly developer meeting on Wednesday, 4 November 2015, 18:00 UTC. It will be used to discuss new features, answer questions, and do component bug scrub if there is time. See you Wednesday!

  • Ella Iseulde Van Dorpe 8:54 am on August 1, 2015 Permalink
    Tags: , , editor   

    Editor Enhancements in 4.3 

    Text Patterns

    We added a small set of text patterns, or text shortcuts if you will. These will hopefully keep you focussed better on your writing and save you some time. 🙂

    Typing *  or -  will automatically give you a proper HTML list right away. Same for 1.  or  1) , but then ordered. Not your intention? Pressing backspace will undo this change. You can also use the undo button, ctrl/cmd+z or esc.

    Starting your paragraph with two to six number signs # will convert that paragraph to a heading. Similarly the greater-than symbol > will convert the paragraph to a blockquote.

    We’re planning to add some more next release, and a way for plugins to extend this.

    Here’s a demo video @boren made.

    Inline Link Toolbar

    This toolbar will show up when you put your cursor in a link. You’ll now be able to see a short version of the URL without having to open the link modal all the time. Clicking it will open the page that it links to in a new browser tab. If you wanted to do this before, you had to open the link modal and copy paste the URL in a new browser tab yourself.

    It also comes with an edit and remove button. We hope to move the editing experience inline next release as well.

    Inline link toolbar

    • Bjørn Johansen 8:25 am on August 5, 2015 Permalink | Log in to Reply

      I think this is pretty sweet.

      However, in some locales, this will at one point cause an issue when someone tries to start a paragraph with a date that is the first day of a month. At least here in Norway we write dates as e.g. “1. september” where the dot means “1st”.

      • Bjørn Johansen 8:28 am on August 5, 2015 Permalink | Log in to Reply

        Sorry for commenting before thinking. This is where the undo functionality becomes very handy.

        • John Blackbourn 1:38 pm on August 5, 2015 Permalink | Log in to Reply

          Valid point, Bjørn. Hopefully the combination of being able to press backspace, undo, esc, or cmd/ctrl+z will mean that anyone who does end up with an unexpected list, blockquote, etc will be able to back out of it one way or another.

    • Fernando Tellado 3:52 pm on August 5, 2015 Permalink | Log in to Reply

      I’ve found a bug with links. When you try to change an image link inserted in the editor to another one link from the chain (link) icon in the editor the image disappear. I think this is a bug related to the new inline link editor ’cause it has appeared after its introduction

    • Lara Littlefield 2:56 pm on August 10, 2015 Permalink | Log in to Reply

      I am so excited about these editor ✨ enhancements. This is a huge help for mobile and alternate device/UI composing and editing.

    • Jeff Chandler 9:32 pm on August 17, 2015 Permalink | Log in to Reply

      Why is this video not embeddable/shareable?

    • frameitsam 4:54 pm on August 22, 2015 Permalink | Log in to Reply

      This is all good and well, but what happened to the “edit” and “remove” buttons when you select an image in the editor? These handy functions seem to have disabled the image editing functions.

  • Ella Iseulde Van Dorpe 9:26 pm on July 29, 2015 Permalink
    Tags: , , editor   

    Old Distraction Free Writing Code Removed in 4.3 

    This release we removed all old DFW code, which hasn’t been used in core since 4.1. We left it in core for two releases so plugin authors had the time to update. If it is essential to your plugin, the files in 4.2 can still be reused and improved. See [32677].

  • Ella Iseulde Van Dorpe 1:17 pm on July 23, 2015 Permalink
    Tags: , , editor   

    Word/character count updates in 4.3 

    Here are several adjustments we did:

    • Instead of updating on enter/return, it will now refresh when you stop typing.
    • For word count, it will exclude a lot more characters that shouldn’t be counted as words.
    • For character count, we no longer exclude any of these characters. This means that numbers and common western punctuation are no longer excluded compared to 4.2. Emoji and other astral characters are now counted as one character instead of two.
    • We added a new type all, in addition to words and characters, that will count characters including spaces. This seemed necessary for Japanese and maybe other languages. Edit: this is now character_including_spaces and character_excluding_spaces.
    • Shortcodes and HTML comments are now excluded.

    See ticket #30966 for more information.

    Please test the latest beta which includes these changes.

  • Ryan Boren 12:01 am on July 15, 2015 Permalink
    Tags: , bubbles, , content-overrun, , edit-site, editor, , , , , network-admin, right-now, ,   

    Today in the Nightly: Site icons in the customizer, editor patterns, more accessible comment bubbles, row toggle focus styling 

    Install the nightly, and try out this fresh batch of shiny.

    Site Icons in the Customizer

    I’ve long wanted site icons in the customizer alongside site title and tagline. The identity information that I always want to edit when first setting up a site are now all together in the customizer.

    For more visuals, see these visual records.

    See #16434.

    Editor Patterns

    Create bulleted lists, ordered lists, and blockquotes using markdown like patterns. I find this particularly handy on phones when the editor toolbar is offscreen.

    Screen Shot 2015-07-14 at 4.39.12 PM

    See #31441.

    Better focus styling for list table row toggles

    See #32395.

    Better accessibility and design for the comments bubble

    The comments columns in our list tables were among the most confusing for screen reader users. Accessibility and visuals are now improved.

    See #32152.

    Eliminate content overruns on small screens

    An audit of content overruns on small screens resulted in many fixes.



    See #32846.

    Styling improvements on small screens for Right Now in the network admin

    See #32962.

    Improved header information in Network Admin Edit Site tabs

    • Use the site’s name rather than URL in the Edit Site header.
    • Provide “Visit” and “Dashboard” links for the site on all tabs.



    See #32525.

    Disambiguate “Automatically add new top-level pages to this menu”

    In the customizer, a menu’s auto-add pages option is now separated from the preceding menu location checkboxes.

    See #32820.

     Passwords UI Improvements

    Passwords received a couple of improvements. The show/hide toggles look better, and passwords ui is on the install screen. Passwords on the install screen still needs a little more flow work.

    See #32589 and #32925.

    For more visuals, see these visual records.

    Reduce link noise in media library list view

    This is visually subtle but removes confusion for screen readers.


    See #32254.


    Previously: Today in the Nightly: Customize in the Toolbar, Passwords UI, List Tables on Phones, Dashicons

  • Andrew Ozz 1:31 am on July 9, 2015 Permalink
    Tags: , , editor,   

    Editor changes in WordPress 4.3 

    The editor initialization was updated. The main change is that the content for both Visual and Text editors is prepared/escaped the same. We used to run the content through the PHP wpautop() when the default editor was TinyMCE. This is no longer needed as we run the textarea content through the JavaScript wpautop() before initializing TinyMCE.

    In that terms wp_richedit_pre() and wp_htmledit_pre() were deprecated together with the richedit_pre and htmledit_pre filters. They were replaced by format_for_editor() and the format_for_editor filter. For more information see #32425.

    Another change is the complete removal of the code for the old Distraction Free Writing mode. This code was disabled and has been unused since WordPress 4.1. We left it in core so the authors of plugins that were using it would have plenty of time to update.

    If this is essential for some plugins, the files from WordPress 4.2 can be reused. For more information see #30949.

    If you are the author of a plugin that uses any of the deprecated functions or filters, please update it now. If your plugin uses wp_editor(), please test it in the latest beta.

    As always, feedback is very welcome.

    • Samuel Wood (Otto) 1:39 am on July 9, 2015 Permalink | Log in to Reply

      FYI to support team members. Any major editor JS change causes massive issues, because of caching. Bottom line, adding a version to the JS files, like we do, doesn’t solve the problem for people like CloudFlare users and people with overly crazy caching situations. Expect that these changes will cause big upticks of reports of breakage and silly demands to revert. CLEARING CACHES WILL FIX IT. The trick is finding out what kind of cache they use, and then clearing that.

      Just saying. This always happens for every major JS change.

      • Andrew Ozz 3:32 am on July 9, 2015 Permalink | Log in to Reply

        Yeah, this used to be a really big problem some time ago. Lately the situation has been improving. We have been updating TinyMCE and the custom plugins in each new WordPress release. There are still some reports of editor JS errors, but far less than few years ago.

    • Leo Caseiro 2:08 am on July 9, 2015 Permalink | Log in to Reply

      Hi @azaozz believe the PHP function is wpautop()

    • crispinbalfour 7:56 am on August 21, 2015 Permalink | Log in to Reply

      I am not sure whether this is a place to ask this but I have posted a query and nobody is responding.

      I have updated to 4.3 and now the GT3 Page builder in Skew Theme is not working. The developer gave me a fix so I can at least see the content in the Text Area module, but there are no buttons for inserting/editing links any more.

      The developer indicated this was a bug with Tiny MCE in the latest release – is this the case? From what is written above Tiny MCE is no longer a part of things, and the GT3 is not going to work anymore?


    • hernangonzalez 9:49 pm on August 23, 2015 Permalink | Log in to Reply

      This change seems to be a headache for those who had chosen to no use wpautop() on their blogs (disabled via plugins or custom themes) and who want to control the HTML markup themselves.

    • lokidude99 10:47 pm on August 26, 2015 Permalink | Log in to Reply

      Seems to have broken all my sites that used qtranslate plus a plugin that seems to have recently become unsupported.

      Debug mode throws no errors and the only error I see in the console is ..

      Uncaught TypeError: Cannot read property ‘canvas’ of undefinedb.closeAllTags @ quicktags.min.js?ver=4.3:1d @ editor.min.js?ver=4.3:1(anonymous function) @ editor.min.js?ver=4.3:1i @ tinymce.min.js?ver=4203-20150730:2m @ tinymce.min.js?ver=4203-20150730:2

      When you click on the visual tab in the editor.

      Any suggestions on where I should look to fix this?

      Urgently need assistance on this.

    • WooRockets 8:32 am on September 9, 2015 Permalink | Log in to Reply

      Thanks for informing us about the problem with the visual editor. Current we are using wp_editor() function for our plugin: WR PageBuilder, and it isn’t working on WordPress 4.3 (it was working well on WordPress 4.2). I’d really appreciate if you could suggest me a way to fix this problem. Thank you very much.

    • WooRockets 8:48 am on September 9, 2015 Permalink | Log in to Reply

      Please see screenshot problem here:



      • Andrew Ozz 3:47 pm on September 9, 2015 Permalink | Log in to Reply

        Looks like an error in an “inline” script on that page. To troubleshoot: best to enable `SCRITP_DEBUG`, then look at the script where the first error occurs. My guess is that the plugin doesn’t select the editor switching buttons properly.

    • abeeken 8:48 am on September 14, 2015 Permalink | Log in to Reply

      Hello people, hopefully this is the correct thread for this; it’s the only one that I can find that seems to pertain to the problem I’m having!

      So, I’ve got a Network install that I’m running a very specific suite of sites on for use at our University. A feature I’ve included in this is that certain pages allow registered users to add content via a TinyMCE editor instantiated using the wp_editor() function. This was working all fine and great until I updated to WP4.3 at which point the editor loads the Visual and Code tabs, but none of the formatting buttons – in fact, it’s always displaying in the text view with no formatting at all. In addition, the Admin menu bar is also not displaying for any pages which display the wp_editor() field.

      Is this a known issue in 4.3 or is it likely to be something to do with my particular install? I’ve tried switching themes, disabling plugins etc but it specifically seems to be tied in with my using this function.

      Any help or confirmation of this issue would be greatly appreciated.

  • Ryan Boren 10:56 pm on June 30, 2015 Permalink
    Tags: , , editor, image-editor, , , ,   

    Today in the Nightly: Site Icons, Text editor in Press This 

    Here are a few cool things that recently landed in trunk. They are available right now in the nightly build. Install the nightly, and try them out.

    Site Icons

    We’ve wanted site icons in core for a long time. #16434 was opened four years ago and will be resolved as fixed for 4.3.


    Our crop controls are not easy to use on my iPhone 6+. The images overflow the right side of the screen. Horizontally and vertically scrolling an image bigger than the screen while working a rubber band select that resets when the image is tapped is not pleasant.

    Provide feedback on #16434 or on this post.

    See these visual records for more screenshots and flow storyboards.

    Text editor in Press This

    Press This now has a Text editor for editing HTML, just like the standard editor in post-new.php.


    Provide feedback on #32706, in #core-pressthis, or on this post.

     Padding for image settings

    The Image Crop and Thumbnail Settings boxes received a little bottom padding.

    And so that we are always aware of what our mobile experience looks like, here are those settings boxes on an iPhone 6+.

    When you see a sidebar obscuring content on a phone, you can be pretty sure you’re witnessing lingering desktop bias. These screens were designed for desktops where you have room to use  sidebars. You can’t make a screen responsive and call it ready for a phone. The image flow effort is working on this.

    Provide feedback on #31845 or on this post.

    Manage in the Customizer

    Appearance > Menus received a “Manage in the Customizer” button to match Appearance > Widgets.

    Screen Shot 2015-06-30 at 3.16.57 PM

    Next, fix up mobile.


    Provide feedback on #32808 or on this post.


    Previously: Today in the Nightly: Inline link toolbar and Press This split button

    • Emil Uzelac 11:05 pm on June 30, 2015 Permalink | Log in to Reply

      Just awesome!

    • Ryan Boren 11:45 pm on June 30, 2015 Permalink | Log in to Reply

      To create these posts, I work my way through the latest commits looking for changes to visuals. From the changesets, I visit the tickets. If the tickets don’t have before and after screenshots for both a desktop and a phone, I test the changes on a desktop and a phone and take screenshots. I upload those screenshots to the ticket. I comment on the ticket with any bugs I find in the process. I often find something, especially on phones. If I don’t have time to test and screenshot, I tag the ticket with needs-screenshots so I can get back to it later.

      Now that I have tickets with screenshots. I collect those screenshots and publish them as “Today in the Nightly” using the tool we’re all making together, WordPress. I often find bugs that way, too. Triage, recursive dogfooding, visual archiving, visual awareness, and a useful post to show for it. Recruiting drive: This is a great way to contribute. Help us with flow patrol, as we call it. 🙂

    • Andre 4:27 am on July 2, 2015 Permalink | Log in to Reply

      I am just now playing with the beta 4.3, but regarding the site icon…I’m sure many will be extremely happy about that feature being part of the core. The only thing that should be given consideration is the labeling of it. I think it might confuse many end-users who may wonder what is a site icon when most are familiar with the term “favicon”, which as I understand, is the correct name for it. Just something to think about.

  • Ella Iseulde Van Dorpe 3:39 pm on June 8, 2015 Permalink
    Tags: editor   

    Editor Chat Tomorrow 

    Tomorrow we have our weekly editor chat (9 June 2015 21:00 UTC) in the #core-editor Slack channel. Here are some points we want to discuss. If any of these are of particular interest to you, be sure to attend. 🙂

    • Last week we added the text pattern plugin, please test! Are there any other patterns we should add? High on the list are for a block quote, #{1,6}  for headings and --- for a horizontal rule. #31441
    • What should happen to word count? Do we (re)move it? When and how should it be refreshed? Currently it only refreshes on enter and backspace, which is not ideal. In any case we also need to fix the counter itself (ignore more unicode ranges, shortcodes…) and this makes the counter slower. #30966
    • Inline linking. We’ve been talking about this for a while. There are some interesting mock ups from @joen, we should iterate on them and code it. Link text may go away. Should we keep “Open link in a new window/tab” in core? If you want to know more about the way it will work or help out, join us. 🙂 If there is consensus it may still make 4.3.
    • Another thing that should be coded asap is the caption placeholder. #32175

    If there’s anything else you’d like to bring up that’s editor related, don’t hesitate to do so.

    • Shapeshifter 3 4:48 pm on June 8, 2015 Permalink | Log in to Reply

      I’m not picking on you individually Ella, but why has WordPress (whether coming from dot com OR dot.org) seemed to have been on an incremental path to limit user Link Management. The standard old Link Manager was disabled by default over two years ago, and now needs this plugin to be re-enabled: https://wordpress.org/support/view/plugin-reviews/link-manager.

      Also, I personally use “Open link in a new window/tab” every day, and wonder why the Core Contributors would want to stop offering that: https://toolbox-4-websites.com/design ?

      Why doesn’t WordPress just post a disclaimer on the homepages of both dot.com AND dot.org stating:
      “These are the things we DON’T want you to do with OUR SOFTWARE.”?

      • Ella Iseulde Van Dorpe 8:13 pm on June 8, 2015 Permalink | Log in to Reply

        The Link Manager is not related to the editor, and this is before my time. 🙂

        “Open link in a new window/tab” – I’m not saying we should remove it, just saying we should talk about it. In my humble opinion this should be the decision of the reader, not the writer.

    • Helen Hou-Sandi 5:21 pm on June 8, 2015 Permalink | Log in to Reply

      Leaving a note here to remind myself for tomorrow: I’d like to see if there’s anything we can do to make it smoother when views refresh after an undo. It’s pretty jarring right now and all the more obvious when undoing a text pattern format.

    • Robert Dall 5:31 pm on June 8, 2015 Permalink | Log in to Reply

      I personally like use and advise my clients to use the Word Count that is included in WordPress it helps me and them write content to a certain amount. Which has benefits to SEO. It small and unobtrusive if it’s not improved it should still be kept for these obvious advantages.

    • Julien 8:17 am on June 9, 2015 Permalink | Log in to Reply

      Regarding the inline linking mock ups, I personally feel that the one without dark overlay is best. It keeps the focus on writing and editing while when the overlay appears, I feel like doing something else and loosing my focus on the article. What do you guys think?

  • Ella Iseulde Van Dorpe 5:34 pm on May 1, 2015 Permalink
    Tags: , editor   

    Editor wish list for 4.3 

    This is a list with improvement we’ve been planning for 4.3 and beyond. It’s open for suggestions and discussion, and it will continuously be updated.

    • Improve the editor on mobile. – #29923
      • Contextual floating toolbar.
      • Fix touch and focus issues. – #31247
      • Improve the spacing around the editor?
      • Combine “Add Media” with any buttons added by plugins. – #29989
    • Save and update without a page reload. For this we will need to look into nonce refreshing. – #7756
    • cmd/ctrl+S should work in the text editor and when the visual editor is not focussed. – #31655
    • Fix word count. – #30966
    • Bullet list shortcut. – #31441
    • Drag and drop linked images, captioned images and views. – #28272, #28003, #28826
    • Caption placeholder. – #32175
    • Add tests for our TinyMCE plugins. – #31596
    • Remove old Distraction Free Writing? – #30949
    • Improve editor scrolling.
    • Better default editor styles. – #31253, #32176
    • Inline link form. – Mock ups from @joen. One step done.
    • Leaving dialog. – #28566

    Some things we started looking at for future releases:

    • Better structure for meta boxes. (needs tickets, mock ups)

    Anything you’d like to see in this release or would like to work on? Please leave a comment.

compose new post
next post/next comment
previous post/previous comment
show/hide comments
go to top
go to login
show/hide help
shift + esc
Skip to toolbar