クォーテーションで囲われていないURIにマッチする正規表現
解決済
回答 3
投稿
- 評価
- クリップ 1
- VIEW 1,865
元の文字列が、
http://foo.bar/baz.html<br>"http://hoge.piyo/fuga.php"<br>'http://ex.ample/'の場合、
<a href="http://foo.bar/baz.html">http://foo.bar/baz.html</a><br>"http://hoge.piyo/fuga.php"<br>'http://ex.ample/'という形を目指しています。（<br>は改行を示しているわけではなく、"<br>"という文字列で渡されます。最終的にinnerHTMLになります）
元の文字列は改行を含みません（かならず1行で渡されます）。また、URIが出現する回数は不定です。
使用言語はVanilla JSです。
適切な正規表現パターンをご教示頂きたく思います。
function foo(txt){
var chk = /h?ttps?:\/\//gi;
if(!chk.test(txt)) return txt;
var ptn = ''; // <- ???
return txt.replace(ptn, '<a href="$&">$&</a>');
}-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
checkベストアンサー
0
こんな感じでどうでしょうか？
function foo(txt){
var chk = /h?ttps?:\/\//gi;
if(!chk.test(txt)) return txt;
txt.match(/(https*\:\/\/[\w\d\-.\?\=\_\/]+)<br>"(https*\:\/\/[\w\d\-.\?\=\_\/]+)"<br>\'(https*\:\/\/[\w\d\-.\?\=\_\/]+)\'/gi);
return '<a href="' +RegExp.$1+ '">'+ RegExp.$1 +'</a><br>' + RegExp.$2 + '"<br>\''+ RegExp.$3 + '\'';
}投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
0
1. クォートの有無に関係なくURIをmatch
2. matchの結果をループで回し、クォートがあるものはスルー、無いものは置換
という手順に分けることにしました。
さらに無学で恐縮ですが、シングルクォートは予約語（URIの一部として出現しうる）でした。
以下のコードでは、同じURIが2回出現すると壊れるのですが……、取り急ぎこれで行こうと思います。
ご指導ありがとうございました。
function foo(txt){
var hits = txt.match(/"?h?ttps?:\/\/[\w\d:/?#[\]@!$&'()*+,;=\-._~]+"?/gi);
if(hits.length < 1) return txt;
var quoted = /"h?ttps?:\/\/[\w\d:/?#[\]@!$&'()*+,;=\-._~]+"/i;
for(var i=0; i<hits.length; i++){
// クォートで囲われているのはスルー
if(quoted.test(hits[i])) continue;
var replacement = new RegExp(hits[i], '');
txt = txt.replace(replacement, '<a href="$&">$&</a>');
} // next i
return txt;
}投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
-1
var array = source.split("<br>");
var replaced = [];
for(var i in array)
{
if(array[i] === ""){ continue; }
replaced.push(
array[i].match(/^("h?ttps?\:\/\/.+"|'h?ttps?\:\/\/.+')$/)?
array[i] :
'<a href="'+array[i]+'">'+array[i]+'</a>'
);
}
console.log(replaced.join("<br>"));
あんまり正規表現のみににこだわらなくてもいいような…
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう！
- ただいまの回答率 89.05%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる
2015/03/03 19:04
元になるテキストは必ずしも例の形ではなく、ダブルクォート含みのURIが10個来る場合もあれば、50回<br>が続いた後にクォート無しのURLが1つだけ書かれている場合もあります。（URIが出現する回数は不定です。だけでは不明瞭でしたね。失礼しました。）
2015/03/04 11:00
シングルクォートで囲まれたURIの抽出だと思ってました。面目ないです。
以下のコードで動作確認できました。
function foo(txt){
var chk = /h?ttps?:\/\//gi;
if(!chk.test(txt)) return txt;
var ptn = /[^\'\"]?(https?:\/\/[\w\d\-.\?\=_\/\~]+)[^\'\"]</ig; // <- ???
return txt.replace(ptn, '<a href="$&">$&</a>');
}
alert(foo('http://foo.bar/baz.html<br>"http://hoge.piyo/fuga.php\'http://ex.ample/\''));