Javascript 集成TinyMCE WYSIWYG HTML编辑器以响应本机应用程序_Javascript_React Native_Webview_Tinymce_Wysiwyg

Javascript 集成TinyMCE WYSIWYG HTML编辑器以响应本机应用程序

javascript react-native webview tinymce

Javascript 集成TinyMCE WYSIWYG HTML编辑器以响应本机应用程序,javascript,react-native,webview,tinymce,wysiwyg,Javascript,React Native,Webview,Tinymce,Wysiwyg,我试图将TinyMCE WYSIWYG HTML编辑器合并到react原生WebView组件中。有办法执行此任务吗？我在react native WebView组件中添加了Tinymce WYSIWYG编辑器。我的WebView组件如下所示： <WebView source={require("./WebView.html")} style={{width: Dwidth, height: Dheight}} onMessage={(event)=>{ const x= ev

我试图将TinyMCE WYSIWYG HTML编辑器合并到react原生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));
 }}
/>

{
const x=event.nativeEvent.data；
console.log（“x:，x”）；
log（“类型为：”，类型为（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>


身体{
填充物：5px；
}
tinymce.init({
选择器：“#mytextarea”
});
函数操纵形式（）{
var textContent=tinymce.activeEditor.getContent（{format:'raw'}）；
操纵FormNew（文本内容）；
}
函数操纵FormNew（文本内容）{
警报（文本内容）；
window.postMessage（textContent）；
}
请在这里分享你的想法

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