React native 如何在TextField中转换html?
对于显示数据,我将使用“react native render html”, 但是,为了在我的React原生应用程序中编辑记录,我引入了JSON数据,这些数据包含像thishello这样的原始HTML元素。 那么有没有办法在textfield中转换html文本呢?React native 如何在TextField中转换html?,react-native,React Native,对于显示数据,我将使用“react native render html”, 但是,为了在我的React原生应用程序中编辑记录,我引入了JSON数据,这些数据包含像thishello这样的原始HTML元素。 那么有没有办法在textfield中转换html文本呢? 截图: 使用 这个插件的使用非常简单,即使我用与下面示例相同的方式实现了它 此示例来自文档 从“React”导入React; 从“react native”导入{StyleSheet}; 从“react native HTMLView
截图: 使用 这个插件的使用非常简单,即使我用与下面示例相同的方式实现了它 此示例来自文档
从“React”导入React;
从“react native”导入{StyleSheet};
从“react native HTMLView”导入HTMLView;
类应用程序扩展了React.Component{
render(){
常量htmlContent=``;
返回(
);
}
}
const styles=StyleSheet.create({
a:{
fontWeight:'300',
颜色:'#FF3366',//将链接涂成粉红色
},
});
使用
这个插件的使用非常简单,即使我用与下面示例相同的方式实现了它
此示例来自文档
从“React”导入React;
从“react native”导入{StyleSheet};
从“react native HTMLView”导入HTMLView;
类应用程序扩展了React.Component{
render(){
常量htmlContent=``;
返回(
);
}
}
const styles=StyleSheet.create({
a:{
fontWeight:'300',
颜色:'#FF3366',//将链接涂成粉红色
},
});
你能试试这个吗,var StrippedString=OriginalString.replace(/(]+)>)/ig,“”;是的,是工作。:)你能试试这个吗,var StrippedString=OriginalString.replace(/(]+)>)/ig,“”;是的,是工作。:)我想在TextField内转换html。查看屏幕截图:是的,我知道了,如果你使用HTMLView而不是textfield,你的代码就会正常工作。如果我使用HTML视图,我可以更改文本内容吗?请帮助社区编写代码。附上问题解决我的问题。使用这些原始字符串。替换(/(]+)>)/ig,“”;我想在TextField内转换html。查看屏幕截图:是的,我知道了,如果你使用HTMLView而不是textfield,你的代码就会正常工作。如果我使用HTML视图,我可以更改文本内容吗?请帮助社区编写代码。附上问题解决我的问题。使用这些原始字符串。替换(/(]+)>)/ig,“”;
import React from 'react';
import {StyleSheet} from 'react-native';
import HTMLView from 'react-native-htmlview';
class App extends React.Component {
render() {
const htmlContent = `<p><a href="http://jsdf.co">♥ nice job!</a></p>`;
return (
<HTMLView
value={htmlContent}
stylesheet={styles}
/>
);
}
}
const styles = StyleSheet.create({
a: {
fontWeight: '300',
color: '#FF3366', // make links coloured pink
},
});