javascript bookmarklet to modify HTML Source in wordpress editor

Question

I'm looking to create a bookmarklet that will modify any URLs that are created using the wordpress editor when creating a new post. This javascript/bookmarklet will add a string of code such as ?=2324 after any URL found in the post. a link to google.com will become google.com?=2324. The element ID for the form is textarea#content.wp-editor-area.

Is this possible?

when you mean url, you mean www.google.com or <a href="www.google.com" /> ? — Alexandre Khoury
– Alexandre Khoury, Commented Jul 9, 2012 at 19:37

Alexandre Khoury · Accepted Answer · 2012-07-11 10:46:52Z

2

First, add any bookmark. Then right-click on it and click on properties. Specify a name.

Then for the url, write:

javascript:var toChange=document.getElementById("content");var re=/("|')https?:\/\/*("|')/gi;toChange.value=toChange.replace(re,function($0){return $0+"?=234";});void(0)

If there is an error, tell it to me.

edited Jul 11, 2012 at 10:46

answered Jul 9, 2012 at 19:18

Alexandre Khoury

4,0625 gold badges40 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

DirkDiggler Over a year ago

That is the concept i need but the bookmarklet needs to actually edit the hyperlinks in the WYSIWIG editor of wordpress. Like a find and replace. Then once the post is saved, it can be viewed and all hyperlinks will have ?=2324 added to them. Thank you thus far!

Alexandre Khoury Over a year ago

I don't know a lot wordpress, maybe if you describe me how it is and the id of the textarea...

DirkDiggler Over a year ago

wordpress uses a WYSYWIG editor. See screenshot i.imgur.com/iy2RY.png. An ideal bookmarklet would find locate the URL in the WYSIWIG editor as http://* and append the =?232 to the URL.

DirkDiggler Over a year ago

does not work as a bookmarklet either. same error in console.

Alexandre Khoury Over a year ago

@user1512806 Is the WYSIWIG in an iframe?

|

Collectives™ on Stack Overflow

javascript bookmarklet to modify HTML Source in wordpress editor

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related