gpt4 book ai didi

javascript - 将 TinyMCE WYSIWYG HTML 编辑器集成到 React Native 应用程序

转载 作者:行者123 更新时间:2023-11-29 20:52:16 25 4
gpt4 key购买 nike

我正在尝试将 TinyMCE WYSIWYG HTML 编辑器合并到 React Native WebView 组件中。有办法完成这个任务吗?

最佳答案

我在react-native WebView组件中添加了Tinymce WYSIWYG编辑器。我的Webview组件如下所示:

<WebView
source={require("./WebView.html")}
style={{width: Dwidth, height: Dheight}}
onMessage={(event)=>{
const x= event.nativeEvent.data;
console.log("x: ",x);
console.log("Type is: ",typeof(x));
}}
/>

对应的WebView.html文件:

<head>
<style>
body {
padding: 5px;
}
</style>
<script src="./tinymce.full.js?apiKey=<API_KEY>">

</script>

<script>
tinymce.init({
selector: '#mytextarea'
});

function manipulateForm() {
var textContent = tinymce.activeEditor.getContent({format: 'raw'});
manipulateFormNew(textContent);
}

function manipulateFormNew(textContent) {
alert(textContent);
window.postMessage(textContent);
}
</script>
</head>
<body>
<form name="myForm" onSubmit="return manipulateForm()" method="post">
<textarea id="mytextarea">Please Share your thoughts here</textarea>
<input type="submit" id="submit__button" value="Post Your Thoughts">
</form>
</body>

这里的tinymce.full.js 文件包含Tinymce JavaScript 代码。同一目录还包含其他 Tinymce 资源,如皮肤、主题、样式等文件。

关于javascript - 将 TinyMCE WYSIWYG HTML 编辑器集成到 React Native 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51317052/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com