WordPress.org

Ready to get started?Download WordPress

Ideas

Improved Visual Editor

  1. Spencer Hill
    Member

    12345

    There is a desperate need for an improved visual editor.

    TinyMCE is a faithful component to many successful content managers but it's simply outdated and very buggy for non-technical users.

    I recommend replacing the TinyMCE editor with a new one entirely or making some major enhancements. Here's what I recommend:

    - Integrate a "Simplified Editor" & "Advanced Editor" views (Similar to the "Kichen Sink" functionality with TinyMCE).

    - Ensure the editor doesn't insert extra code remove user inserted code (such as spaces or code entered while in "Code View"). Ex. TinyMCE will add span tags in a seemingly erratic pattern. It also removes line breaks and paragraph tags if additional plugins that hack TinyMCE aren't installed.

    - Ensure the editor produces clean and compliant code. Ex. it inserts "<p><br class="spacer_" /></p>" when it should insert <p> </p> or a

    - Implement jQuery into the editor to utilize AJAX requests and harness the power of the jQuery UI instead of the visually displeasing TinyMCE skin.

    - Improved table editing. Out of 150 clients I don't have more than five that can successfully use the table editor. Ex. The icons for the various table functions (like add cells, remove cells, etc...) are cryptic and too small for older people to clearly see and understand. Many non-technical people don't understand how to use a table without drag-and-drawing functionalities. This is a crucial element when designing the layout of a page from a non-developer-and-visual-editor users' point of view. If you create a table that doesn't have a defined width or height it's literally impossible to place your cursor between table cells to insert text or images.

    - Simplify the way the visual editor inherits theme styles. Ex. create a function that looks for a "global.css" file in the theme's directory like it does with "styles.css". That way developers can use a single stylesheet for globals across the site and globals in the visual editor.

    - Once jQuery is implemented integrate "drag and drop" functionality for a simplified approach to adding images to the visual editor. Ex. A user drags an image from their desktop and drops it onto the spot they choose in the visual editor. It shows a loading symbol then fades in a polite message bubble with a thumbnail and other fields that TinyMCE currently asks (alt, class, link, dimensions, etc...). After the user has set those values that click "Done" and it's automatically placed in the spot they selected and added to the "Media Library".

    - The visual editor should be applied to custom fields. If users want straight HTML they can just click "Code View".

    Posted: 3 years ago #
  2. jeffthibodeau
    Member

    Really could use better table functionality in the visual editor.

    Posted: 3 years ago #
  3. aradams
    Member

    12345

    All great suggestions, Spencer. The Visual Editor really mangles the HTML, is buggy, and the teeny tiny icons are incomprehensible.

    As a site manager I use TinyMCE Advanced to turn off the undesirable "font" tags etc., but why these are even still in the editor is beyond me! It's like the Editor is in 2002 and hasn't heard of Separation of Presentation and Content.

    Posted: 3 years ago #
  4. Spencer Hill
    Member

    12345

    Thanks for the bump fellas. Good way to phrase it aradams!

    Posted: 3 years ago #
  5. dotta
    Member

    Would be great to see some improvements in the visual editor.. Many non-wordpress users struggle with it(alignment, spacing etc..)

    But gotta give credit to how far wordpress has come so far:)

    Posted: 3 years ago #
  6. Spencer Hill
    Member

    12345

    Thanks!

    Posted: 3 years ago #
  7. marie-aude
    Member

    12345

    There are a lot of plugins available for that, aren't they ?

    Posted: 3 years ago #
  8. Spencer Hill
    Member

    12345

    I've done a lot of research and found some that were useful, but none that really were complete. Those that had some of these features lacked in others it seemed.

    Posted: 3 years ago #
  9. mp3bol.in
    Member

    I agree with you, When I do edit my old post and add some text and do equal size then my all text size not remain same.

    Posted: 3 years ago #
  10. Arley McBlain
    Member

    12345

    I often wish for full control of spacing. It would be nice if there was a Setting for the WYSIWYG that made you responsible for the <p> and
    tags instead of WP stripping them out.

    Posted: 2 years ago #

RSS feed for this topic

Reply »

You must log in to post.

  • Rating

    12345
    301 Votes
  • Status

    Good idea! We're working on it