Skip to content

Latest commit

 

History

History
85 lines (48 loc) · 2.86 KB

design-patterns-controls-DiffEditor.md

File metadata and controls

85 lines (48 loc) · 2.86 KB

DiffEditor

Basics

DiffEditor enables you to display differences in text content in various formats.

When to use

The SDK offers the Editor and DiffEditor control to use when the user is managing text content. You can use them in conjuction with each other. The Editor is useful for creating, viewing and editing content while the DiffEditor enables the user to review changes before or after having saved them.

Use the DiffEditor to show differences in text content for various syntax, including

  • B - Bat
  • C - C, CoffeeScript, Cpp, CSharp, CSHTML, Css, Custom, Dockerfile
  • F - Fsharp
  • G - Go
  • H - Handlebars, HTML
  • I - Ini
  • J - Java, JavaScript, JSHTM, JSON
  • L - Less, Lua
  • M - MarkDown, MySQL
  • O - ObjectiveC
  • P - PgSQL, Php, PowerShell, Pug, Python
  • R - R, Ruby
  • S - SQL, Swift
  • T - Text, TypeScript
  • V - VisualBasic
  • X - XAML, XML

Best practices

Do

  • Set the proper contentType for your needs

Don't

  • Don't make the DiffEditor too narrow, you need enough room to show side-by-side content

Developer tips and tricks

Interactive control and sample source code

Go to the playground site to use the latest control and get source code for your project. Learn more about playground.

The DiffEditor control offers different create methods and has the following entries in the interactive controls playground

Related info