Press This bookmarklet - quick posting from around the web

[matt]

We've had a bookmarklet since WordPress 1.0, it used to be a popup, then we had a sidebar thing, then a redirect to the standard post interface. I think there are some really good examples of a nice quick post interaction that doesn't bounce you off the page. There's a good plugin already:

 http://web.twelvehorses.com/projects/quickpost/

If you know of any other examples add them as comments.

 http://ma.tt/2008/05/favorite-posting-bookmarklet/

Patch uses the QuickPost plugin as a base. Ported it to latest ui.tabs, added gettext, switched to use script loader and wp_category_checklist(), and changed to WP code formatting. It still needs some love, but this is a good start. The shortcut link is in the postbox on the Write->Post page.

(In [7919]) Quick post bookmarklet. First cut. see #6813

Some fixes for TinyMCE: added the new theme, languages, support for Safari, modal dialogs, changed some settings to be the same like the write page, small css fixes, etc.

(In [7923]) Quick post TMCE improvements: add new theme, languages, support for Safari, modal dialogs, changed some settings to be the same like the write page, small css fixes. Props azaozz. see #6813

(In [7924]) Quick post updates: More gettext, escaping, compress bookmarklet JS. see #6813

(In [7927]) Don't pass image list via GET. Fetch images remotely. Load photo tab via AJAX. see #6813

[7928]

(In [7931]) Brand as Press This. see #6813

(In [7933]) Only img src. see #6813

(In [7934]) Press This: Fetch offsite images, fix slashing. see #6813

(In [7945]) Some escaping. see #6813

see #6998, #7025, #7026, #7049, #7066, #7117, #7120

#7120 rearranges UI to put tags on the right. I'm not too crazy about that. I think we need to go through each tab and make some UI decisions.

(In [8071]) Press This UI changes and photo loading fixes from noel. fixes #7120 see #6813

(In [8093]) Press this updates from noel. see #6813

see #7126

Updates are now going in this ticket.

The latest patch fixes problems with paragraphs being transmitted through instead of just line breaks.

I've also attached the loading-publish.gif.

There is still a problem displaying apostrophes despite coming through clean. (?)

Example. Select "it's" in a webpage, click Press This, you'll now get "it\'s". Publish that post and you'll then get "it's" as you should. Anyone? Bueller?

June 16 5:39pm

wp-admin/images/ is the correct path for this file.

(In [8113]) Press This changes from noel. see #6813

Looks like selection doesn't get the stripslashes() treatment. js_escape() strips and readds the slashes. I'm not sure we need js_escape() there. It's meant more for js included in onclicks and other attributes.

I talked with Andrew and seem to have it all figured out now. Another patch to fix the apostrophe/encoding oddities is coming soon.

Fixes for unicode/ascii/apostrophe problems. Upgrades to the Photo tab.

The latest attachment should be a big help. No more problems with Japanese/Hebrew or apostrophe issues. *crosses fingers*

The photo tab also got a nice upgrade to add a photo by URL and resizing the content area for the new photos added (this may need some more testing, but seems well enough for use in popular browsers).

Looks like some merge arrows snuck into the css.

(merge arrows fixed) Fixes for unicode/ascii/apostrophe problems. Upgrades to the Photo tab.

Sorry for being forgetting the merge arrows Ryan! All fixed.

And for misunderstanding the english language in my last reply ;)

(In [8128]) Press This: Fixes for unicode/ascii/apostrophe problems. Upgrades to the Photo tab. Props noel. see #6813

press this photo tab fixes.

Press this fixes for media.php dealing with wp_error object

Fixes corresponding with wp_error object issues - this negates the was patched from rev 8166 (negates 6-19 patch)

This patch fixes problems with wp_error the photo tab and some js issues dealing with cross-browser implementation.

press-this-6-23-4am.diff should be the patch used.

Ignore press-this-6-23-1am.diff, media-6-23-1am.diff, and press-this-6-19-9pm.diff (if not already applied) since the latest patch contains all of those changes (since I diffed against trunk).

(In [8169]) Press This updates from noel. see #6813

Photo tab has begun hotlinking. I'm working on clarifying this issue and getting a patch out asap.

High Priority! Fixes image uploading hotlinking issue.

Patch attached that fixes hotlinking issues.

(In [8172]) Press This image linking fixes from noel. see #6813

Press This was having problems with sideloading images with query strings. A simple fix is attached.

Query String fix for file.php

(In [8192]) Image sideloader fix from noel. see #6813

Fix for image uploader that was adding  http:// for no reason.

(In [8201]) Don't prepend http. Props noel. see #6813

Escape quotes in titles.

Was thinking to change TinyMCE to be compressed when loaded in Press This, but since it only loads 3 js files, it's faster to cache them with Gears instead.

The patch also includes few small css fixes:

• Removed width="475" from the image preview in ThickBox. Small images look quite bad with it. If scaling-down is needed, the images can be resized with 2 lines of js.
• Changed the "Insert Image" and "Cancel" links to look more consistent.

While testing, Press This seems to have some problems:

• If there is a selection on the page, all of it is inserted as a link in the editor.
• If the selection is across two paragraphs, the encoding of the string seems wrong and breaks the editor.
• The popup doesn't open in IE6 and opens in the main window in IE7 if the site doesn't have permission to show popups.
• The layout is broken in IE7. May need to make/load specific css for IE.

(In [8256]) Gears and styling updates for Press This from azaozz. see #6813

CSS cleanup, photo input newline breaks, fixes short_tags problem

(In [8303]) Press This: CSS cleanup, photo input newline breaks, fixes short_tags problem. Props noel. see #6813

Fixes continuous linking issue by using rlm entity;

IE css fixes are almost complete.

wp-admin/css/ IE stylesheet

IE CSS stylesheet conditional comment

Fixes inserting the selection in the editor and stripping of paragraphs when saving.

Does this also include a link back to the original article?

Can I get a cumulative patch with all of these changes in it.

Also, can the IE stylesheet be loaded via the style loader so that gears will know about it?

paulhontz, do you mean in the text tab? I think we don't link back in the Text tab if a selection is being passed, which is the way Tumblr and some others behave, IIRC. We should provide a link back for the Quote tab, however. I'm open to adding a link back to the Text tab though.

I think adding a link on the text tab would be a very beneficial feature. If you come across a cool article, I think it would be more kind to the original author if you took an excerpt, and automatically had a link back to his site (where the content originated).

thanks ryan!

I think it would also make a great addition to any tab.

For example:

[Picture you selected] "Content content content content" url link back

I think this would make a lot of sense. Also, is it possible to pass highlighted pictures through the bookmarklet?

Combined patches from azaozz and noel.

(In [8316]) Press This: Fix inserting the selection in the editor and stripping of paragraphs when saving, IE CSS styling fixes, fix continuous linking in editor. Props noel and azaozz. see #6813

Switching to using our default content cleanup in the editor. Tried it for the patch yesterday, but didn't work in IE. Turns out the IE on my computer was having problems, not the code.

(In [8318]) Press This: Switching to using our default content cleanup in the editor. Props azaozz. see #6813

Few small fixes: properly add and load press-this-ie.css, cleanup of the bookmarklet code.

(In [8323]) Press This: properly add and load press-this-ie.css, cleanup of the bookmarklet code. Props azaozz. see #6813

(In [8330]) rlm entity not so Windows friendly. Use perios instead. see #6813

Fixes issue with Flickr and some other url variations

(In [8332]) Image regex fixes from noel. see #6813