The PENCIL that helps you DOCTOR. GET IT? (Many icons from: http://www.famfamfam.com/lab/icons/silk/)
Change the locally displayed text and content of webpages on the fly. Useful if you want to doctor up a nice fake screencap ("Duke Nukem Forever release date set!" ... wait... that example doesn't work anymore does it).
- Open a webpage
- Click the outline of a pencil in the omnibox (if you don't see it, Dr. Pencil can't edit that page due to Chrome's API restrictions, try an http or https website that isn't the extension gallery).
- Type stuff in the page, delete stuff, select stuff, open the popup with the pencil in the omnibox at any time.
- Use the popup to make other changes to the current selection.
- Enter text in the dropdowns to use any valid CSS color style, font name, or HTML tag to wrap text in (in the "Style" field).
- Find the camera button in the popup to take a picture of your creation.
- Click the stop button in the popup to stop editing and return the webpage to normal browsing mode.
Known Limitations/Bugs I couldn't work around... a result of bugs or implementation details in Chrome:
- Undo and redo don't work properly with text typing, only with the effects of the popup toolbar. Use the keyboard shortcuts Ctrl+Z and Ctrl+Y instead.
- Cut/Copy/Paste will rely on a future Chrome extension API and so are disabled for now. Use the wrench menu or keyboard shortcuts.
- The current style cannot be displayed, you can only select a style or type a block HTML element name to enclose the selected text in.
- Previews of fonts are not properly rendered in the font drop down.
- Direct setting of font sizes is limited to 7 possible values in px. The px values in the dropdown may not be accurate in non-96 DPI screen setups or when pages are zoomed (the proper size will still be displayed in the actual select box value). Use the accompanying buttons to adjust the font sizes in increments of 1px.
- Spellcheck will end up underlining words, spoiling your doctoring. You can turn it off with a toolbar button in the popup, but the lines seem to stick so you might want to do it before you start editing.
- Pressing backspace in an infobar (infobar is disabled, so this is for future reference) causes the tab to navigate back, wiping out your work. When infobars are enabled if this problem still exists a workaround is to open the page you want to work on in its own tab so it has no tab history and can't be navigated backwards.
- This extension uses document.designMode which seems to have a lot of shortcomings and quirks. Likely much of the glitches you see are beyond my control (unless they specifically extend to the Dr. Pencil UI).
- I made the pencil image in the extension logo myself, I suck at art. :) If a better replacement falls into my inbox I will accept it and give full attribution! :)
Planned Future Features:
- Clipboard API in a future version of Chrome will allow for the use of the clipboard toolbar buttons. I need to wait until the API moves out of experimental. When it does I'll create a separate Dr. Pencil release for users of the Dev channel so Stable users without the API can continue to use Dr. Pencil.
- Infobar API in a future version of Chrome will allow me to ditch the current popup and make it look a lot nicer with a full "toolbar". This is already implemented (hence the color scheme in the popup) but disabled for the gallery. Same plan as with the clipboard API.
- I plan to make some additional, nicer UI with sweet AJAX action (!!!) for making links, inserting images, and taking a snapshot to overlay over the current page instead of using prompt() or opening a new tab for the latter one.
- Leveraging the insertHTML command to add toolbar buttons for missing HTML tags such as tables, audio, video, etc.
- manifest_version 2 support.
- Initial release.