React Native - 将 Ace-Editor 与 React Native 应用程序集成答案

【问题标题】：React Native - Integrating Ace-Editor with React Native ApplicationReact Native - 将 Ace-Editor 与 React Native 应用程序集成
【发布时间】：2018-05-10 09:42:04
【问题描述】：

有没有办法将 Ace Editor 集成到 React Native 应用程序中（如何）？我对 React 很陌生，并从 Swift 转换过来。或者是否已经有可以在 react native 中实现的代码编辑器？

【问题讨论】：

标签： react-native ace-editor

【解决方案1】：

在 模拟器 中开发 React Native 应用程序时，您将看到带有堆栈跟踪的红色框，以查找错误。如果您的“REACT_EDITOR”变量和路径设置正确，那么通过单击堆栈跟踪将带您到编辑器中的源文件，其中错误（s )/警告发生。

我已经像这样为 WebStorm 配置了我的 Windows 10 机器。我的 WebStorm 文件位于：“C:\Program Files\JetBrains\WebStorm 2018.1.2\bin\webstorm64.exe”

所以我将此“C:\Program Files\JetBrains\WebStorm 2018.1.2\bin\”添加为用户的路径变量。

然后把webstorm64.exe作为“REACT_EDITOR”的值

对于 Ubuntu，您可以将“REACT_EDITOR”设置为指向您选择的编辑器，如下所示。像这样从终端打开 .profile 文件

sudo gedit $HOME/.profile

然后在最后加上这一行

导出 REACT_EDITOR=/opt/WebStorm-181.4668.60/bin/webstorm.sh

然后这个命令source $HOME/.profile 保存更改，然后重新启动您的电脑。

【讨论】：

认为您误解了 qn 的上下文：是询问如何将 ace.js 集成到应用程序中，而不是编辑器编辑应用程序的代码。还是谢谢