Hướng dẫn convert string to link javascript - chuyển đổi chuỗi thành liên kết javascript

Tôi có phản hồi JSON

Indicator:true
content:"Click here to open your message"

Tôi cần chuyển đổi giá trị của content thành liên kết. Ngay bây giờ nó là trong chuỗi. cách làm cho nó a href liên kết thực tế

Thật không may, mã dưới đây không hoạt động

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

Davin Tryon

65,6K15 Huy hiệu vàng144 Huy hiệu bạc132 Huy hiệu đồng15 gold badges144 silver badges132 bronze badges

Đã hỏi ngày 2 tháng 1 năm 2018 lúc 7:26Jan 2, 2018 at 7:26

MatarishvanmatarishvanMatarishvan

2.3123 Huy hiệu vàng38 Huy hiệu bạc66 Huy hiệu Đồng3 gold badges38 silver badges66 bronze badges

4

Bạn có thể sử dụng DangerouslySetInnerHTML để hiển thị trực tiếp mã HTML trong React.

createMarkup(content) {
  return {__html: content};
}

convertFn(content) {
  return 
;
}

getLink(){
   ... get json response ...
   let content = res.content;
   let linkContent = this.convertFn(content);
}

Chỉnh sửa: Đây là một ví dụ cụ thể của React.js.

Đã trả lời ngày 2 tháng 1 năm 2018 lúc 7:33Jan 2, 2018 at 7:33

raksheetbhatraksheetbhatraksheetbhat

8202 Huy hiệu vàng11 Huy hiệu bạc25 Huy hiệu đồng2 gold badges11 silver badges25 bronze badges

2

Lý do là các biểu tượng trích dẫn. Chuỗi của bạn kết thúc tại Target. Bạn nên đặt các dấu ngoặc kép

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

0 và

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

1 khác với những gì bạn đặt toàn bộ nội dung trong Ex:

content=''

hoặc

content=""

EDIT: Một số người đã hiểu lầm tôi khi nói điều đó bởi vì anh ấy đã không đưa ra trích dẫn bên ngoài Somelink. nó không phải vậy. Nhìn vào mục tiêu. Tại sao

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

1 đen trong khi phần còn lại của nội dung là màu đỏ? Đó là loại trích dẫn được sử dụng ở đây. some people have misunderstood me as to saying its because he didn't put quotes outside of somelink. its not that. look at target. why is

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

1 black while the rest of content is reddish? It's the type of quotes used that matter here.

Đã trả lời ngày 2 tháng 1 năm 2018 lúc 7:33Jan 2, 2018 at 7:33

raksheetbhatraksheetbhatAshwin K Joseph

8202 Huy hiệu vàng11 Huy hiệu bạc25 Huy hiệu đồng2 gold badges4 silver badges14 bronze badges

11

Lý do là các biểu tượng trích dẫn. Chuỗi của bạn kết thúc tại Target. Bạn nên đặt các dấu ngoặc kép

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

0 và

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

1 khác với những gì bạn đặt toàn bộ nội dung trong Ex:

hoặc

htmlToText(content) {
  return {__html: content};
}

render() {
    return (
        

    )
}

EDIT: Một số người đã hiểu lầm tôi khi nói điều đó bởi vì anh ấy đã không đưa ra trích dẫn bên ngoài Somelink. nó không phải vậy. Nhìn vào mục tiêu. Tại sao

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

1 đen trong khi phần còn lại của nội dung là màu đỏ? Đó là loại trích dẫn được sử dụng ở đây.Jan 2, 2018 at 10:23

Ashwin K Josephashwin K Joseph

content = "Click here to open your message"

3412 Huy hiệu vàng4 Huy hiệu bạc14 Huy hiệu đồng

Sử dụng

let content = res.content
var wrapper= document.createElement('div');
wrapper.innerHTML= '
'+content+'
';
var div2 = wrapper.firstChild;

3 Prop để chuyển đổi bất kỳ HTML nào được lưu trữ bên trong chuỗi thành đánh dấu HTML thực tế.Jan 2, 2018 at 7:42

1

Ví dụ:

let content = 'Click here to open your message';
var wrapper = document.createElement('div');
wrapper.innerHTML = '
' + content + '
'; //No need to put in div
let div2 = wrapper.firstChild;
let a = div2.firstChild;
console.log(a.innerText)
console.log(a.getAttribute('href'), a.getAttribute('target'));

Đã trả lời ngày 2 tháng 1 năm 2018 lúc 10:23Jan 2, 2018 at 7:48

vibhor1997avibhor1997avibhor1997a

hoặc có thể trốn thoát1 gold badge16 silver badges34 bronze badges

Làm thế nào để bạn biến một chuỗi thành một liên kết trong JavaScript?

Làm cách nào để biến một chuỗi thành một siêu liên kết?

Href javascript:;?

Làm thế nào để bạn cho một href một giá trị động?