{"id":15264,"date":"2019-11-05T21:44:30","date_gmt":"2019-11-05T21:44:30","guid":{"rendered":"http:\/\/www.glitnir.com\/?page_id=15264"},"modified":"2019-11-08T15:03:08","modified_gmt":"2019-11-08T15:03:08","slug":"undo-redo-history","status":"publish","type":"page","link":"https:\/\/www.glitnir.com\/index.php\/using-the-editor\/undo-redo-history\/","title":{"rendered":"Undo, redo &#038; history"},"content":{"rendered":"<div id=\"pl-15264\"  class=\"panel-layout\" ><div id=\"pg-15264-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-15264-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-15264-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Say hello to the new\u00a0<strong>undo, redo &amp; message changes history<\/strong>\u00a0feature!<\/p>\n<p><img src=\"https:\/\/support.beefree.io\/hc\/article_attachments\/360009109451\/UNDO-BEE.gif\" alt=\"UNDO-BEE.gif\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>When designing with the editor, you can rewind and fast-forward to any point in your recent edit history. As soon as a change in the message is detected, a compact <em>Undo<\/em>\u00a0widget displays in the bottom left corner of the editor, as shown here...<\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-1060\" src=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_widget-1024x327.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_widget-1024x327.png 1024w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_widget-300x96.png 300w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_widget-768x246.png 768w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_widget.png 1320w\" alt=\"\" width=\"600\" height=\"192\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The widget displays 3 items that correspond to these 3 actions:<\/p>\n<ul>\n<li><strong>Undo\u00a0<\/strong>&amp;<strong>\u00a0Redo\u00a0<\/strong>arrows\u00a0that offer the classic pattern to move back and forth between changes.<\/li>\n<li><strong>A history icon<\/strong>\u00a0that expands a timeline of the latest changes, as shown below.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-1064\" src=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_timeline-1024x954.jpg\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_timeline-1024x954.jpg 1024w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_timeline-300x279.jpg 300w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_timeline-768x715.jpg 768w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/undo_timeline.jpg 1338w\" alt=\"\" width=\"600\" height=\"559\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The history timeline allows you to browse back and forth through the most recent changes.<\/p>\n<p>For each event in the timeline, the editor displays:<\/p>\n<ul>\n<li>An icon to identify the type of content that was changed (an image, a text, etc.)<\/li>\n<li>A description of what changed, including the new value assigned to the element, if any<\/li>\n<li>The exact time the change occurred<\/li>\n<\/ul>\n<p>All these details provide a lot of information about what kind of edit was applied and when, giving you the ability to go back to a previous state with a high degree of precision.<\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-1062\" src=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-browse-1024x868.jpg\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-browse-1024x868.jpg 1024w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-browse-300x254.jpg 300w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-browse-768x651.jpg 768w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-browse.jpg 1340w\" alt=\"\" width=\"600\" height=\"509\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>When you select a previous step in the timeline, the content or row that was edited displays as the selected item, providing further context.<\/p>\n<p>Note that when you go back in time, the timeline for more recent changes remains available, allowing you to move forward again, without losing any of the edits.<\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-1063\" src=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-rewind-1024x923.jpg\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-rewind-1024x923.jpg 1024w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-rewind-300x270.jpg 300w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-rewind-768x692.jpg 768w, https:\/\/docs.beefree.io\/wp-content\/uploads\/2018\/08\/history-rewind.jpg 1342w\" alt=\"\" width=\"600\" height=\"541\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The\u00a0<em>Undo<\/em>\u00a0widget currently remembers the 15 most recent changes in the current browser session (it does not remember changes that happened during a different session), but you can always rewind to the \"Message opened\" step to go all the way back to the beginning.<\/p>\n<p>Here is a quick video that shows you the feature in action.<\/p>\n<p class=\"wysiwyg-text-align-center\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/lw3QiNmFnlo\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>We hope you like this feature and look forward to hearing your thoughts in the comments below!<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Say hello to the new\u00a0undo, redo &amp; message changes history\u00a0feature! &nbsp; When designing with the editor, you can rewind and fast-forward to any point in your recent edit history. As soon as a change in the message is detected, a compact Undo\u00a0widget displays in the bottom left corner of the editor, as shown here&#8230; &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15226,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15264"}],"collection":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/comments?post=15264"}],"version-history":[{"count":3,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15264\/revisions"}],"predecessor-version":[{"id":15405,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15264\/revisions\/15405"}],"up":[{"embeddable":true,"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/pages\/15226"}],"wp:attachment":[{"href":"https:\/\/www.glitnir.com\/index.php\/wp-json\/wp\/v2\/media?parent=15264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}