Skip to main content

jQuery Text to Link Script?



Does anyone know of a script that can select all text references to URLs and automatically replace them with anchor tags pointing to those locations?







For example:



http://www.google.com



would automatically turn into



<a href="http://www.google.com">http://www.google.com</a>







Note: I am wanting this because I don't want to go through all my content and wrap them with anchor tags.



Source: Tips4all

Comments

  1. JQuery isn't going to help you a whole lot here as you're not really concerned with DOM traversal/manipulation (other than creating the anchor tag). If all your URLs were in <p class="url"> tags then perhaps.

    A vanilla JavaScript solution is probably what you want, and as fate would have it, this guy should have you covered.

    ReplyDelete
  2. If you want a solution from another perspective... if you can run the pages through php and HTML Purifier, it can autoformat the output and linkify any urls.

    ReplyDelete
  3. Doing this server-side is not an option sometimes. Think of a client-side Twitter widget (that goes directly to Twitter API using jsonp), and you want to linkify all the URLs in the Tweets dynamically...

    ReplyDelete
  4. You are not precise enough on why you want this but...

    If this is just about lazyness of creating the links, you should really reconsider using JavaScript to dynamically create links on your website. This means that every browser that don't have JavaScript will not be able to use your website.

    There may not be many browsers out there without JavaScript but there are still some important ones like GoogleBot or YahooBot.

    If this is really taking you a long time to create the links, you may consider a server-side alternative... Or maybe a not-so-dynamic solution like a Perl or Ruby script that you could run on your source files before deploying them.

    ReplyDelete

Post a Comment

Popular posts from this blog

[韓日関係] 首相含む大幅な内閣改造の可能性…早ければ来月10日ごろ=韓国

div not scrolling properly with slimScroll plugin

I am using the slimScroll plugin for jQuery by Piotr Rochala Which is a great plugin for nice scrollbars on most browsers but I am stuck because I am using it for a chat box and whenever the user appends new text to the boxit does scroll using the .scrollTop() method however the plugin's scrollbar doesnt scroll with it and when the user wants to look though the chat history it will start scrolling from near the top. I have made a quick demo of my situation http://jsfiddle.net/DY9CT/2/ Does anyone know how to solve this problem?

Why does this javascript based printing cause Safari to refresh the page?

The page I am working on has a javascript function executed to print parts of the page. For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth. The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/ Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way. Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided? P.S.: On my real site the same occurs with Chrome. In the ex