DEV Community

Cover image for New Cut and Paste Tools
The Apostrophe Team for Apostrophe

Posted on • Edited on

New Cut and Paste Tools

The editing experience has always been a top priority for Apostrophe. Developers see many benefits of implementing Apostrophe as their CMS of choice, and one of them is empowering content editors. In the most recent Apostrophe 3 release, we shared an exciting new update, benefitting editors using Apostrophe in the form of new Cut and Paste tools.

Some other CMS solutions force an editor to add content in one interface to then go into a separate interface to preview the result, just to have to jump back into that first interface to move content blocks around to achieve the desired layout or content hierarchy. This is not the case in Apostrophe.

With the WYSIWYG interface of Apostrophe, content creators can view, in real time, the additions and revisions they made to their work, directly on the page. Now, with ApostropheCMS 3.2.0, editors can easily move widgets from one area to another simply by cutting and pasting, without leaving the page.

To do this, an editor will navigate to the desired area and select the ‘cut’ function within the area controls. This area will then be added to a virtual clipboard. If an area can include the widget on the clipboard, a special Clipboard widget will appear in the area's Add UI, where then the editor can paste the widget as desired.

Let’s watch a quick video.

Beyond the reason that it’s just a cool functionality that we can deploy, there are additional benefits in terms of reaching objectives that content managers might have. For example, perhaps an editor has seen a recent decline in form submissions on a certain page, and they believe that if the form was positioned higher on that particular page their submission goal might be achieved. Now, avoid clunky dragging or content block recreation, and cut and paste the entire form to the section that is thought to have a higher conversion potential. Success! 🎉

Our favorite part about this new feature is that it works across pages. An editor can cut a whole section out of one page, navigate to another page, and paste it there.

We have more iterating to do on these new tools, but even in this initial release we think this is significantly faster and easier to use than the previous drag and drop UI.

Get Started

Ready to try it out, but don’t yet have an Apostrophe site? No problem. Spin up a demo and start experimenting with the new cut and paste UI.

Follow along with all of the latest release updates on GitHub and share your experience and tag us on Twitter.

Top comments (0)