إيجاد رابط في جافا سكريبت

1

هذا رمز في مشروعي:

<textarea id="url" ></textarea>
<script type="text/javascript">
function convert()
{
  var text=document.getElementById("url").value;
  var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
  var text1=text.replace(exp, "<a href='$1'>$1</a>");
  var exp2 =/(^|[^\/])(www\.[\S]+(\b|$))/gim;
  document.getElementById("converted_url").innerHTML=text1.replace(exp2, '$1<a target="_blank" href="http://$2">$2</a>');
}
$(document).ready(function(){
   $("#url").keypress(function( event ) {
      $("#converted_url").html($(this).val());
         if ( event.which == 32 ) {
            convert();
         }
  }).keyup(function(){
     $("#converted_url").html($(this).val());
  }) ;
 });
</script>
<p id="converted_url" ></p>

عندما اكتب شيئًا في textarea واضغط على مسافة إذا كان هناك رابط في النص سيربط الرمز عنوان url في converted_url .

أريد أن أعرف كيفية إظهار الروابط في textarea فقط إذا كان ذلك ممكنًا.

إذا لم يكن ما يمكنني فعله لكتابة النص وإظهار الرابط في مكان واحد.

1 إجابة

0

لا يمكنك عرض العلامات في منطقة النص. لذلك يمكنك استخدامها div contenteditable في حين أن. جرب الكود التالي على jsfiddle.net

بشكل أساسي ، تحل الوظائف محل الرابط خارج العلامات في مصدر html من div ثم تستبدل المؤشر في نهاية النص.

حظا طيبا وفقك الله.

:مؤلف

أسئلة ذات صلة

فوق
قائمة طعام