Browsers have a built-in feature misleadingly named "designMode". DesignMode enables a text editing mode in the browser similar to a standard text editor. You can use it to edit any text on a web page without needing to look at the HTML in DevTools.
Using the DevTools Console
You can enable or disable it using the devTools console in most browsers by typing:
document.designMode = "on";
document.designMode = "off";
Toggling designMode in the Mod&Dot Browser Extension
The browser extension includes a button so you can toggle designMode while editing a page without having to type the command into the DevTools console every time.
While recording edits, click this button in the extension's tooltip:
Here's an example of how it looks to edit text using designMode:
