Front-end Editor in action

Front-end Editor is a plugin that lets you edit posts or pages directly from your site. No need to load the admin backend just to correct a typo.

To edit something, just double-click it.

Current Features

  • edit title or content
  • works for posts and pages
  • should work with any theme
  • lightweight

This is just the first version and more features are still to come. What I have in mind:

  • include WYSIWYG editor
  • edit tags and/or categories

Reactions (1)

Comments (33)

  • Len says:

    As I said at Weblog Tools Collection, nice work! This is sure to add heaps of convenience for a lot users.

  • baron says:

    Works great, thank you

  • fred says:

    Thank you – works like a charm. Did a post about it in Swedish @ my blog.

    Now, let’s see – is ‘Am zis.’ Post Comment? ;)

  • Alex says:

    Very well done. Very much looking forward to having TinyMCE in the editing field. Also, would be great if the editing field were resizable.

    • scribu says:

      Loading TinyMCE basically means loading half the back-end scripts, which is what this plugin is trying to avoid. A more lightweight editor will probably be used.

      As for the resizing, I was thinking of adding “autogrow”, like on Facebook.

  • Victor Teixeira says:

    Have you seen flutter? It has edit in place functionality with a small WYSIWYG editor.

  • Agustin Garassino says:

    Hi! I’ve made a comment of your plugin in my Spanish Wordpres Blog: http://www.universowordpress.com/front-end-editor-edita-tus-post-fuera-del-administrador

    Thanks for your work!

  • Peter says:

    I had to update the autogrow.js file to the newest version for it to work for me as the text area didn’t show everything, just a small portion from the beginning of the post/page. Namely I changed this: $.browser.msie to this: jQuery.browser.msie
    Now it is working perfectly fine. Thanks for this great plugin.

  • Robin Chang says:

    Hi, thanks for all the help through the discussion in the mailing list. I appreciate it and everything, and I understand that there are limitations with a Plugin, thus I requested for more control and let me change the core instead of creating a Plugin.

    And also, when I mentioned JQuery, that was just to say what I was going to use to do so, not saying that you didn’t.

    Sorry if I stepped out of my bound by sending this proposal to GSoC.

    And once again, thank you for all the help.

  • Mukesh Dak says:

    Really a superb Plugin. It should definitely save my time

  • Mael says:

    Very great !
    Do you plan to extend it to images ? Updates of pages would be incerdibly quick, often people juste change depreciated taglines and visuals.
    PS : how to be alerted of updates ?

    • scribu says:

      I haven’t thought about images. It depends on the editor I’ll be adding in the future.

      As for updates, you’ll get an update notification in the Plugins section in WordPress.

      Also, you can subscribe to this feed.

      • Mael says:

        Thanks !
        A feature suggestion : make possible to edit paragraphs instead of entire post.
        That will require a option page, a lot of work, you do do what you want !
        ;)

        • scribu says:

          It would definetly be nice to have. Thanks for the ideea.

          • Mael says:

            Glad you liked it !
            So an other one :) : You can surely use the built-in tinyMce plugin that displays when mouse hover :
            /wp-includes/js/tinymce/plugins/wpeditimage/

            • scribu says:

              I intend to keep away from tinyMCE and me thinks that plugin won’t work without tinyMCE.

              • Mael says:

                you can use the icon, that user know well, but without use tinymce…or just partially load the manager (I’m not sure of that, I’m not developper !)
                Other thing : I just found a bug for html entities :
                a sentence like “I can’t deal with exposé” become “I can&#8217 ;t deal with exposé”.
                Refreshing the page make the bug disappear.
                See you !

  • Daniel says:

    I love the plugin. Of course a wysiwyg would be awesome! I like the idea of it being just minimal like b, i, ul, link, unlink, lists

  • Hi, cool plugin! Since my autogrow wasn’t working either in Safari, I searched for an alternative and found Growfield. I have adapted the plugin for Growfield. Growfield has the added benefit of being backwards compatible with jQuery 1.2 and works with the latest jQuery 1.3 branch (because jQuery.browser.msie is deprecated in jQuery 1.3). I have also included autogrow.js with a lot of fixes I found in the jQuery forums, so oif you still want to use autogrow.js, you’d better use that version.

    The zipfile can be found here:Front-End-Editor-JPH

    • scribu says:

      Thanks for taking the time!

      However, I’ve noticed that Growfield cuts the content given a blockquote, for example. So I think I’ll be sticking to autogrow.

  • 0p0 says:

    awesome!
    you just made my life freaking easier! haha!
    what about text widget compatibility? :P
    that would be cool hehe

  • 0p0 says:

    The plugin has a conflict with Multilevel Navigation Plugin, it strips the title property from the links generated by the plug, you come to my site and see what it does…
    Front-end Editor also does this to the Titles wrapped in permalinks, links to popup-comments and to linked dates in the WordPress calendar… I’m sad about it…

    I’ll deactivate the plug tomorrow. Come over the site and look at the problems I’m having.
    I’ll be glad to use it again when you solve the titles properties issue I really love the plug’s functionality :) .