react-native-pell-rich-editor:如何添加音频?

Question

在我的React-Native项目中，我需要在文本之间添加音频文件，所以我的问题是我们如何在编辑器中插入音频链接?react-native- perl -rich-editor支持这个吗?

Answer 1

你可以通过在html中插入音频标签来添加音频，富编辑器作为WebView组件工作，因此它会像在网页中一样呈现音频标签。

你需要给richitor添加一个ref

const richText = React.useRef();
<RichEditor
ref={richText}
/>

然后使用ref，你可以添加更多的html到RichEditor，下面是一些示例代码

const addToHtml = () => {
richText.current?.insertHTML(
'<source src="horse.ogg" type="audio/ogg">',
);

};