View Changes to Your Code with CodeBank Compare

Prev Next

CodeBank Compare is a powerful service that allows users to see changes to their code. Users are alerted to changes to the code using "modified," "new," and "removed" badges within the Table of Contents and within the text of the code. Users can also select an option to view all of the changes in a single view, complete with strikethroughs and highlights showing the specific textual amendments that were made. This article will show you how to view changes to your code with CodeBank Compare.

Important Notes

View Recent Code Changes from the Table of Contents

  1. Navigate to your online code An example online code.

  2. Scroll through the Table of Contents An example table of contents.

  3. Locate any modified, new, and removed badges in the Table of Contents Blue, rectangular Modified badges within the table of contents.

  4. Click the portion of the Table of Contents with the desired badge A table of contents section with a Modified badge to the right of its name.

  5. Badges will appear next to the portions of code that have changed Blue, rectangular Modified badges within the code.


Show Recent Code Changes in the Body of Your Code

  1. Navigate to your online code An example online code.

  2. Click Show Changes The Show Changes button.

  3. Click a link in the Recent Changes List to be taken to that part of the code The Recent Changes pane.

  4. The selected portion of the code will appear with newly added text highlighted yellow and recently removed text indicated by red strikethrough font A changed section with strikethrough and highlighted text.


Compare Code Versions

  1. Navigate to the portion of the code to be compared using the Search or jump to Box or the Table of Contents The search box and and entry in the table of contents.

  2. Select Compare Versions (two sheets of paper icon) in the icon tray above the section of code to be compared The Compare Versions button.

  3. Select any two versions of the code from the versions list The 'Select any two versions' list.

  4. Click View Comparison The green, rectangular View Comparison button above the versions list.

  5. The selected portion of the code will appear with newly added text highlighted yellow and recently removed text indicated by red strikethrough font An example code comparison with new text highlighted.

    Note:

    If there are no differences, no highlights or strikethroughs will be displayed.