Is It Possible to get text of undo in javascript

Question

Is it possible to get the 'text' which I will get back on undo. For Example: I have two paragraphs

Para1
Para2 <--- deleting para2 using backspace

When I will do ctrl+z or undo , para2 will be retrieved back. Is there any way in javascript to get that 'para2' will be returned in the undo option (I want to get 'para2' in some js variable. I know it will come in editor automatically) ? Search a lot but didn't get any solution. Any help will be highly appreciated

P.S: I need this because I want to remove some attributes in my html on undo.

I very much doubt there's anyway to get that information for free, you'll need to do your own tracking. But it would help if you could be more specific: Is this in a contenteditable element? A textarea? An input? — T.J. Crowder
– T.J. Crowder, Commented Jul 15, 2016 at 7:33
Unless you dynamically load it into a var and then do something with it. CTRL-Z & CTRL-V / Cut and paste - is an operating systems feature and not a feature of any web language. — Dan_
– Dan_, Commented Jul 15, 2016 at 7:34
@GuruprasadRao can be anything on which undo works. In my case its contenteditable div — Ankur Aggarwal
– Ankur Aggarwal, Commented Jul 15, 2016 at 7:35

zer00ne · Accepted Answer · 2016-07-15 10:38:17Z

0

UPDATE 2

Due to OP's question changes, I will address this one last time.

P.S: I need this because I want to remove some attributes in my html on undo.

Undo Retrieves deleted text

Delete Removes text

If you have a ton of attributes in your html, use the text editor's replace feature. What text editor do you use?

UPDATE 1

Added a new function getUndone(). Do the following to test it:

Delete some text.
click the ⤺ button.
click the Get button.
The undone portion of text will be back as expected.
The undone text is also stored in a variable (i.e. sel).
The undone text is also in clipboard.
The undone text is displayed as well.
Used execCommand('undo') to undo.
Used execCommand('copy') to store in clipboard.
Used window.getSelection() to retrieve selected text and store in sel.
Used .toString() to display undone text.

execCommand API is made for creating text editors. It has a ton of methods and properties. The following Snippet has bold, italics, underline, and undo.

 document.execCommand( 'undo',false,null);

SNIPPET

<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <style>
    body {
      font: 400 16px/1.4'serif';
    }
    #editor1 {
      border: 3px inset grey;
      height: 100px;
      width: 381px;
      margin: 10px auto 0;
    }
    fieldset {
      margin: 2px auto 15px;
      width: 358px;
    }
    button {
      width: 5ex;
      text-align: center;
      padding: 1px 3px;
    }
  </style>
</head>

<body>

  <div id="editor1" contenteditable="true">
    The quick brown fox jumped over the lazy dog.
  </div>
  <fieldset>
    <button class="fontStyle" onclick="document.execCommand('italic',false,null);" title="Italicize Highlighted Text"><i>I</i>
    </button>
    <button class="fontStyle" onclick="document.execCommand( 'bold',false,null);" title="Bold Highlighted Text"><b>B</b>
    </button>
    <button class="fontStyle" onclick="document.execCommand( 'underline',false,null);"><u>U</u>
    </button>
    <button class="fontStyle" onclick="document.execCommand( 'undo',false,null);"><b>&#10554;</b>
    </button>
    <button class="fontStyle" onclick="getUndone()">Get</button>
    <br/>
    <label for='data'>Data:
      <input id="data">
    </label>
  </fieldset>
  <script>
    function getUndone() {
      var data = document.getElementById('data');
      var sel = window.getSelection();
      document.execCommand('undo', false, null);
      document.execCommand('copy', false, null);
      data.value = sel.toString();

    }
  </script>

edited Jul 15, 2016 at 10:38

answered Jul 15, 2016 at 8:27

zer00ne

45.2k6 gold badges50 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ankur Aggarwal Over a year ago

You haven't understood my question. I want to get the text which will be back on undo not the undo execution command

zer00ne Over a year ago

That doesn't make sense. The text in undo can be retrieved with an undo command. You said "In my case its contenteditable div" That's an example of undo text being retrieved on a contenteditable div. Did you try the Snippet? It's the blue button labeled Run code snippet

Ankur Aggarwal Over a year ago

retrieved means retrieval in some javascript variable. Updating question with more clear explanation

zer00ne Over a year ago

@AnkurAggarwal see update. I believe I understood whatever you said, not whatever you meant.

Collectives™ on Stack Overflow

Is It Possible to get text of undo in javascript

1 Answer 1

UPDATE 2

Undo Retrieves deleted text

Delete Removes text

UPDATE 1

SNIPPET

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

UPDATE 2

Undo Retrieves deleted text

Delete Removes text

UPDATE 1

SNIPPET

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related