Device, Method, and Graphical User Interface for Annotating Content

An electronic device, comprising:

• a touch-sensitive display;
• one or more input devices;
• one or more processors;
• a non-transitory memory;
• and
• one or more programs, wherein the one or more programs are stored in the non-transitory memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying, on the touch-sensitive display, a content creation region that includes typed text and one or more blank areas that do not include content;
• detecting a user input on the touch-sensitive display that includes movement of a contact in the content creation region;
• in response to detecting the user input:
• in accordance with a determination that the user input includes movement of a stylus contact in a respective blank area, displaying a visual separator between the typed text and the respective blank area and drawing a mark based on movement of the stylus contact during the user input;
• and
• in accordance with a determination that the user input includes movement of a finger contact in the respective blank area, scrolling the content creation region based on movement of the finger contact during the user input;
• detecting a contact at a location in the typed text;
• and
• in response to detecting the contact at a location in the typed text, displaying, on the touch-sensitive display, a cursor at the location in the typed text and a keyboard for insertion of additional typed text.

A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which, when executed by an electronic device with one or more processors, a non-transitory memory, and a touch-sensitive display, cause the electronic device to perform:

• displaying, on the touch-sensitive display, a content creation region that includes typed text and one or more blank areas that do not include content;
• detecting a user input on the touch-sensitive display that includes movement of a contact in the content creation region;
• in response to detecting the user input:
• in accordance with a determination that the user input includes movement of a stylus contact in a respective blank area, displaying a visual separator between the typed text and the respective blank area and drawing a mark based on movement of the stylus contact during the user input;
• and
• in accordance with a determination that the user input includes movement of a finger contact in the respective blank area, scrolling the content creation region based on movement of the finger contact during the user input;
• detecting a contact at a location in the typed text;
• and
• in response to detecting the contact at a location in the typed text, displaying, on the touch-sensitive display, a cursor at the location in the typed text and a keyboard for insertion of additional typed text.