SyntaxEditor Adding Multi-Line Editing Features

by Avatar Bill Henning (Actipro) - 2 comments
Friday, October 18, 2013 at 9:58am

PostBannerSyntaxEditorDevNotes

We've got an exciting new SyntaxEditor feature to announce that's been desired by a number of customers.  And best of all, it's coming to all our supported platforms:  WPF, Silverlight, WinRT/XAML (coming very shortly), and WinForms.

The new feature is the ability to edit multiple lines when a block selection is active, also known as column editing.  First, let's review block selections.

Block Selection

Block selection occurs when you hold Shift+Alt and press the arrow keys.  For instance if you press the Shift+Alt+Down shortcut a couple times, you create a block selection that in previous versions would end up selecting the entire three lines since its selection was zero-width (no real characters were selected).  If you then pressed Shift+Alt+Right, it would make a rectangular selection that is three lines tall and one character wide.

At this point you could extend the selection further and then copy it, move to a new location in the document, paste it, and the entire block would be pasted in place there.  This is a very handy editing feature in some scenarios.

Changes to Block Selection

In the next SyntaxEditor releases, we have altered how things work when you have the zero-width block selection.  Again this is the scenario where you start with no selection and press Shift+Alt+Down a couple times.  In the updated code, we now no longer show selection over all the lines and instead, render a thin line that displays where the block selection is.

BlockEditing1

In the screenshot above, you can see the blue lines that indicate the location of the zero-width block selection.

BlockEditing2

If we extend the block selection to the right, it become a rectangle that covers the class attributes.  We now can delete that by pressing Del.

Multi-Line Editing

Now let's get onto a demonstration of the new features coming for multi-line editing.

BlockEditing3

Again, I've created a zero-width block selection and now I'll start typing.

BlockEditing4

I've typed in the div tag again but I only did it once.  It automatically entered the characters I typed on each line that was part of the zero-width block selection.  That's pretty neat!

Not only does normal character typing work while doing multi-line editing, but Tab (indent), Shift+Tab (outdent), Del (delete next character), Backspace (delete previous character), Shift+Del (delete to next word start), and Shift+Backspace (delete to previous word start) also do.  For instance if I press Backspace to delete the last character I typed, the result is this:

BlockEditing5

The last character I typed (a >) is now gone in all three lines.

Summary

These sorts for multi-line editing features can really help increase productivity in a number of editing scenarios.  They will be included in the next releases of our WPF, Silverlight, and WinForms controls.  And they will be included in the upcoming WinRT version of SyntaxEditor as well.

WPF Controls 2013.2 Build 591 Released

by Avatar Bill Henning (Actipro)
Monday, October 14, 2013 at 5:22am

Silverlight Controls 2013.2 Build 161 Released

by Avatar Bill Henning (Actipro)
Monday, October 14, 2013 at 5:21am

SyntaxEditor for WinRT - Ready for Beta Testing

by Avatar Bill Henning (Actipro)
Tuesday, October 8, 2013 at 3:52pm

PostBannerSyntaxEditorDevNotes

The WinRT XAML port of our popular SyntaxEditor syntax-highlighting code editor control is now development complete and we're looking for beta testers to help make sure it's production ready for it's launch after Windows 8.1 is released.

The SyntaxEditor port includes our LL(*) Parser Framework, as well as shows off the advanced premium language add-ons: .NET Languages Add-on (C# and VB), and the Web Languages Add-on (XML and JavaScript).

Launcher

Note that Visual Studio 2013 RC (or later) and Windows 8.1 are required for this beta.

Please contact us if you would like to assist us by helping to test the control and its add-ons in your Windows 8.1 apps.  In your e-mail to us, give a brief overview of how you intend to use the product.

We look forward to hearing from you!

Actipro Blog 2013 Q3 Posting Summary

by Avatar Bill Henning (Actipro)
Tuesday, October 1, 2013 at 9:42am

PostBannerBlogPostSummary

What We Accomplished

In this quarter we released the 2013.2 versions of our WPF and Silverlight control sets.  This major new version added pie/donut charts and other enhancements to our Charts product, an InertiaScrollViewer control that supports touch and friction scrolling, and a ton of new features to SyntaxEditor, like an optional advanced JavaScript language implementation, word wrap (Silverlight), delimiter auto-complete and indent, indentation guides, improved printing support, and more.

We released some great new icon sets that use the flat Office 2013 style and are perfect for modern-styled desktop apps or web pages.  Download the new free Icons sampler to see the quality of our icons.

Our free Code Writer Windows 8 app saw a major new version that improved the live tile, added print support, block auto-indent, a Twilight background theme, improved copy and share, protocol activation, tutorial overlays, and more.

What’s Coming Next

Coming up next will be the launch of our WinRT XAML 2013.2 version, which adds the Charts enhancements recently added to WPF/Silverlight, a full implementation of the SyntaxEditor code editor control, and numerous add-ons for SyntaxEditor.  This will finally let you add robust text and code editing features to Windows 8.1 apps, just like in popular IDEs, script editors, etc.  Contact us if you 'd like to help beta test.

Our Code Writer app has received numerous updates to improve its design for new features in Windows 8.1.  We'll be launching that version after Windows 8.1 is publicly released in a couple weeks.

We also will be working on some new control ideas and will continue to add more SyntaxEditor enhancements.

Blog Post List

Control Product Development

Control Product Releases

Icons

Code Writer App