如何在 WIX table 的列中添加链接?
How Can I add Links in column of WIX table?
我正在实施加密 API。 Wix 平台的最新消息和当前市值。
我正在使用 table 格式我已经完成了所有的事情,比如图像、文本和日期都显示在列中但是,我还需要一件事,那就是 link 用户可以通过它点击它并转到原始新闻。
这是我使用 WIX 库显示新闻的代码 $w
。
import {fetch} from 'wix-fetch';
import wixData from 'wix-data';
$w.onReady(function () {
//TODO: write your page related code here...
fetch("https://data.messari.io/api/v1/news", {method: "get"})
.then( (httpResponse) => {
let url = httpResponse.url;
let statusCode = httpResponse.status;
let statusText = httpResponse.statusText;
let headers = httpResponse.headers;
let bodyUsed = httpResponse.bodyUsed;
if (httpResponse.ok) {
return httpResponse.json();
}
else {
return Promise.reject("Fetch did not succeed");
}
} )
.then( (json) => {
// $w('#text21').post;
// const myTableData = [
// {"name": "A", "age": 45},
// {"name": "B", "age": 34},
// {"name": "C", "num": 19}
// ];
var mydata = json.data;
for(let i = 0; i < mydata.length; i++){
delete mydata[i].id;
delete mydata[i].author;
delete mydata[i].references;
delete mydata[i].tags;
}
console.log(mydata);
$w("#table1").rows = mydata;
// console.log(json.data);
// console.log(mydata);
} )
.catch( (err) => {
console.log(err);
} );
在 JSON 变量中我得到了消息 link 但是,当我修改它并与
连接时
mydata.push({'link': json.data[i].link});
// 将 link 推送到 mydata 变量中,以便我可以发送到 for 循环中的 table。
mydata[i].link = "<a href="+mydata[i].link+">Click Here</a>"; // edting for render a link tag in for loop too.
问题是它显示 table 完整的锚标签,不像 click here
我找不到解决方案,如果您知道,请post回答。
您可以为该列使用格式文本数据类型。可以从数据 table 的管理列中选择数据类型。富文本将帮助您根据需要显示 HTML 内容。
我正在实施加密 API。 Wix 平台的最新消息和当前市值。
我正在使用 table 格式我已经完成了所有的事情,比如图像、文本和日期都显示在列中但是,我还需要一件事,那就是 link 用户可以通过它点击它并转到原始新闻。
这是我使用 WIX 库显示新闻的代码 $w
。
import {fetch} from 'wix-fetch';
import wixData from 'wix-data';
$w.onReady(function () {
//TODO: write your page related code here...
fetch("https://data.messari.io/api/v1/news", {method: "get"})
.then( (httpResponse) => {
let url = httpResponse.url;
let statusCode = httpResponse.status;
let statusText = httpResponse.statusText;
let headers = httpResponse.headers;
let bodyUsed = httpResponse.bodyUsed;
if (httpResponse.ok) {
return httpResponse.json();
}
else {
return Promise.reject("Fetch did not succeed");
}
} )
.then( (json) => {
// $w('#text21').post;
// const myTableData = [
// {"name": "A", "age": 45},
// {"name": "B", "age": 34},
// {"name": "C", "num": 19}
// ];
var mydata = json.data;
for(let i = 0; i < mydata.length; i++){
delete mydata[i].id;
delete mydata[i].author;
delete mydata[i].references;
delete mydata[i].tags;
}
console.log(mydata);
$w("#table1").rows = mydata;
// console.log(json.data);
// console.log(mydata);
} )
.catch( (err) => {
console.log(err);
} );
在 JSON 变量中我得到了消息 link 但是,当我修改它并与
连接时mydata.push({'link': json.data[i].link});
// 将 link 推送到 mydata 变量中,以便我可以发送到 for 循环中的 table。
mydata[i].link = "<a href="+mydata[i].link+">Click Here</a>"; // edting for render a link tag in for loop too.
问题是它显示 table 完整的锚标签,不像 click here
我找不到解决方案,如果您知道,请post回答。
您可以为该列使用格式文本数据类型。可以从数据 table 的管理列中选择数据类型。富文本将帮助您根据需要显示 HTML 内容。