How to add a full edit link to front-end editor?

2 Views

I would like to add a full edit button to the Front-end Editor plugin.

It’s currently like this:

Read More

[EDIT] Text text text

I would like to make it like:

[EDIT] Text text text (enables front-end editor)

[FULL EDIT] Text Text Text (goes to the back-end editor)

I think this is the current code for the [EDIT] button:

wp-content/plugins/front-end-editor/build/editor.min.js: 

base.prototype.pre_edit_button = function() {
      var _this = this;
      return jQuery('<button>', {
        'class': 'fee-hover-edit',
        'html': FrontEndEditor.data.edit_text,
        'click': function(ev) {
          _this.last_mouse_pos = ev.pageY;
          return _this.start_editing();
        }
      });
Post Views: 2

Related posts

Leave a Reply

1 comment

  1. I assume the plugin is a separate thing and does its work by itself.

    What you need is to include in your theme template files the default Edit button.

    First off, you need a good code editor. Notepad++, Sublime Text, NetBeans, to cite a few.

    Check one of the default WordPress themes, TwentyTen, TwentyEleven or TwentyTwelve. You’ll see this: <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>. This is the default Edit button that you are searching for. Swap to this theme and try to tweak it until you get the idea.

    Probably, you’ll need some CSS to position it near the plugin’s button and to make it visually similar.

    Update
    Just found this excellent Answer by @MikeSchinkel:
    Recommended Books on WordPress for Management and non-Developers?.