blocks|key|327652|text|运行中的bit将很难实现可靠和快速。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|327653|大多数时候，人们不会输入http，甚至不会输入www。|327654|最后，就像你说的，很难确定url中是否包含空格，或者更糟糕的是，会进入下一句话，因为用户没有输入空格。|327655|如果人们因为输入的是http://stakoverflow.com/而不是https://stackoverflow.com/而需要在事后更改url，该怎么办？|offset|length|327656|我认为最好的解决方案是在你的文本编辑器上添加一个“插入缩写的url”按钮，这样人们就可以做到这一点。或者，在发布帖子时在服务器端这样做。|327657|entityMap|0|LINK|mutability|MUTABLE|url|http://stakoverflow.com/|1|https://stackoverflow.com/^0|0|0|0|A|O|0|11|Q|1|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@$H|Z|I|10|1|11]|$H|12|I|13|1|14]]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]]]

The on the fly bit is going to be difficult to make reliable and speedy. 

People won't type http most of the time or even www. 

The end, like you said, is going to be hard to determine if the url contains a space or worse, runs into the next sentence because the user didn't put in a space. 

And what if people need to change the url after the fact because they typed <a href="http://stakoverflow.com/" rel="nofollow noreferrer">http://stakoverflow.com/</a> instead of <a href="https://stackoverflow.com/">https://stackoverflow.com/</a> ?

I think the best solution would be an "insert shortened url" button on your text editor that allowed people to do just that. Or, do it server-side when the post is made.

blocks|key|3077927|text|为什么不向Bit.ly应用程序接口发送jQuery+POST呢？http://blog.themeforest.net/tutorials/creating-an-ajax-web-app-using-the-bitly-api/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3077928|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.themeforest.net/tutorials/creating-an-ajax-web-app-using-the-bitly-api/^0|W|2B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Why not do a jQuery POST to the Bit.ly API?
<a href="http://blog.themeforest.net/tutorials/creating-an-ajax-web-app-using-the-bitly-api/" rel="nofollow noreferrer">http://blog.themeforest.net/tutorials/creating-an-ajax-web-app-using-the-bitly-api/</a>

blocks|key|3291370|text|我在寻找类似的东西时发现了你的帖子，并最终写了一个jQuery插件，它提供了(至少部分)你正在寻找的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3291371|我在Bitbucket上的jQuery+Url+Shortener|offset|length|3291372|这是一个非常简单的插件；我不需要缩短用户的url，所以在缩短它之前我不需要任何长度检查或url测试，尽管我不反对添加这些类型的功能。|3291373|只是觉得你可能会觉得有用。|3291374|至于识别文本框中的URL，我建议使用RegEx+to+match+the+url。|3291375|entityMap|0|LINK|mutability|MUTABLE|url|http://bitbucket.org/jiaaro/jquery-urlshortener/wiki/Home|1|http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=url%2Bregex^0|0|D|K|0|0|0|0|I|M|1|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|12|8|@]|9|@$D|13|E|14|1|15]]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]]]

I found your post while looking for something similar and eventually just wrote a jQuery plugin that provides (at least part of) what you're looking for.

My <a href="http://bitbucket.org/jiaaro/jquery-urlshortener/wiki/Home" rel="nofollow noreferrer">jQuery Url Shortener</a> on Bitbucket

It's a very simple plugin; I didn't need to shorten the user's urls so I don't have any length checking or url testing before shortening it, though I am not averse to adding those types of features.

Just thought you might find it useful.

As for Recognising URLs in your textbox, I would suggest using a <a href="http://www.google.com/search?sourceid=chrome&amp;ie=UTF-8&amp;q=url+regex" rel="nofollow noreferrer">RegEx to match the url</a>.

blocks|key|3077974|text|以下是使用Bitly+API和jQuery获取缩略地址的示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3077975|function+get_short_url(long_url,+login,+api_key,+func)
{
++++$.getJSON(
++++++++"http://api.bitly.com/v3/shorten?callback=?",+
++++++++{+
++++++++++++"format":+"json",
++++++++++++"apiKey":+api_key,
++++++++++++"login":+login,
++++++++++++"longUrl":+long_url
++++++++},
++++++++function(response)
++++++++{
++++++++++++func(response.data.url);
++++++++}
++++);
}|code-block|syntax|javascript|3077976|下面的代码可以用来获取一个短URL：|3077977|/*
Sign+up+for+Bitly+account+at
+https://bitly.com/a/sign_up

and+upon+completion+visit
https://bitly.com/a/your_api_key/+
to+get+"login"+and+"api_key"+values
*/
var+login+=+"LOGIN_HERE";
var+api_key+=+"API_KEY_HERE";
var+long_url+=+"http://www.kozlenko.info";

get_short_url(long_url,+login,+api_key,+function(short_url)+{
++++console.log(short_url);
});|3077978|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Here is an example how to get a shortened URL with Bitly API and jQuery:

<pre><code>function get_short_url(long_url, login, api_key, func)
{
 $.getJSON(
 "http://api.bitly.com/v3/shorten?callback=?", 
 { 
 "format": "json",
 "apiKey": api_key,
 "login": login,
 "longUrl": long_url
 },
 function(response)
 {
 func(response.data.url);
 }
 );
}
</code></pre>

The following code could be used to get a short URL:

<pre><code>/*
Sign up for Bitly account at
 https://bitly.com/a/sign_up

and upon completion visit
https://bitly.com/a/your_api_key/ 
to get "login" and "api_key" values
*/
var login = "LOGIN_HERE";
var api_key = "API_KEY_HERE";
var long_url = "http://www.kozlenko.info";

get_short_url(long_url, login, api_key, function(short_url) {
 console.log(short_url);
});
</code></pre>

blocks|key|3078004|text|你也可以在服务器上用php和curl生成一个简短的url，这样你就不必在网页上暴露你的API密钥了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3078005|<?php
++++//the+long+url+posted+by+your+webpage
++++$url+=+strip_tags($_POST["url"]);

++++$api_user+=+"your_bitly_user_name";
++++$api_key+=+"your_bitly_api_key";

++++//send+it+to+the+bitly+shorten+webservice
++++$ch+=+curl_init+("http://api.bitly.com/v3/shorten?login=$api_user&apiKey=$api_key&longUrl=$url&format=json");
++++curl_setopt($ch,+CURLOPT_RETURNTRANSFER,+1);

++++//the+response+is+a+JSON+object,+send+it+to+your+webpage
++++echo+curl_exec($ch);++++
?>|code-block|syntax|javascript|3078006|那么在你的网页中，代码应该是这样的：|3078007|++++//the+long+url+that+you+want+to+shorten
++++var+longUrl+=+escape(window.location.href)

++++$.ajax({
++++++++url+:+"php/getShortUrl.php",//this+is+the+php+script+above
++++++++dataType+:+"json",
++++++++type+:+"POST",
++++++++data+:+{
++++++++++++url+:+longUrl
++++++++},
++++++++success+:+function(data)+{
++++++++++++if(data.status_txt+===+"OK"){
++++++++++++++++shortUrl+=+data.data.url;
++++++++++++}
++++++++},
++++++++error+:+function(xhr,+error,+message)+{
++++++++++++//no+success,+fallback+to+the+long+url
++++++++++++shortUrl+=+longUrl
++++++++}
++++});|3078008|有关更多详细信息，请参阅bitly+API|offset|length|3078009|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/bitly-api/wiki/ApiDocumentation^0|0|0|0|0|C|9|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

You could also generate a short url with php and curl on the server, this way you don't have to expose your API key in the webpage:

<pre><code>&lt;?php
 //the long url posted by your webpage
 $url = strip_tags($_POST["url"]);

 $api_user = "your_bitly_user_name";
 $api_key = "your_bitly_api_key";

 //send it to the bitly shorten webservice
 $ch = curl_init ("http://api.bitly.com/v3/shorten?login=$api_user&amp;apiKey=$api_key&amp;longUrl=$url&amp;format=json");
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

 //the response is a JSON object, send it to your webpage
 echo curl_exec($ch); 
?&gt;
</code></pre>

Then in your webpage the code should be something like:

<pre><code> //the long url that you want to shorten
 var longUrl = escape(window.location.href)

 $.ajax({
 url : "php/getShortUrl.php",//this is the php script above
 dataType : "json",
 type : "POST",
 data : {
 url : longUrl
 },
 success : function(data) {
 if(data.status_txt === "OK"){
 shortUrl = data.data.url;
 }
 },
 error : function(xhr, error, message) {
 //no success, fallback to the long url
 shortUrl = longUrl
 }
 });
</code></pre>

See the <a href="http://code.google.com/p/bitly-api/wiki/ApiDocumentation" rel="nofollow">bitly API</a> for more details

blocks|key|322984|text|我猜Bitly的API稍微有些变化。现在，您只需要一个访问令牌就可以请求一个短URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|322985|在best+practices之后，我创建了以下仅限Javascript的代码片段：|offset|length|322986|getShortUrl:+function(url,+callback)
{
+++var+accessToken+=+'___YOUR_ACCESS_TOKEN___';
+++var+url+=+'https://api-ssl.bitly.com/v3/shorten?access_token='+%2B+accessToken+%2B+'&longUrl='+%2B+encodeURIComponent(url);

++++$.getJSON(
++++++++url,
++++++++{},
++++++++function(response)
++++++++{
++++++++++++if(callback)
++++++++++++++++callback(response.data.url);
++++++++}
++++);
},|code-block|syntax|javascript|322987|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.bitly.com/best_practices.html^0|0|1|E|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I guess the API of Bitly has changed slightly. You now only really need an access token to request a short URL.

Following the <a href="http://dev.bitly.com/best_practices.html">best practices</a>, I created the following Javascript-only snippet:

<pre><code>getShortUrl: function(url, callback)
{
 var accessToken = '___YOUR_ACCESS_TOKEN___';
 var url = 'https://api-ssl.bitly.com/v3/shorten?access_token=' + accessToken + '&amp;longUrl=' + encodeURIComponent(url);

 $.getJSON(
 url,
 {},
 function(response)
 {
 if(callback)
 callback(response.data.url);
 }
 );
},
</code></pre>

I'm looking for an on the fly URL shortener much like how tweetdeck works. I have found many jQuery and general javascript plugins that take a url and run it through a shortening service such as bit.ly when a button is pressed. However, I have not been able to find one that does it on the fly. My first question is does this already exist someplace? Secondly, if it doesn't, then what would be the best way to recognize a URL that needs to be shortened inside a textbox? My thoughts:

<ol>
<li>On onKeyUp of that text area run through the text looking for http</li>
<li>If found grab the whole URL (how do I determine the end? could be period, comma, space, etc...)</li>
<li>Make sure the URL isn't already a bit.ly URL</li>
<li>Validate the URL (make a request and make sure the http response is not an error, does bit.ly already do this?)</li>
<li>If valid, send the url to bit.ly's API and get the response</li>
<li>Replace the long URL with the short URL in the text area.</li>
</ol>

Thoughts?

jQuery on the fly URL shortener

服务器

Bitbucket

jQuery

JSON

我正在寻找一个在飞行的网址缩短很像tweetdeck的工作方式。我发现很多jQuery和一般的javascript插件都会获取一个url，然后在按下按钮时通过bit.ly等缩写服务运行它。然而，我还没能找到一个能在飞行中做到这一点的。我的第一个问题是，这是不是已经存在了？其次，如果不是这样，那么识别文本框中需要缩短的U...

问jQuery on the fly网址缩写工具
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery on the fly网址缩写工具EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery on the fly网址缩写工具
EN