我仍然是Javascript的新手,但不是编程,我一直试图 Build 一个项目,似乎无法开始 .

我正在尝试使用Electron和http://photonkit.com/中的代码作为基本模板开始 . 最终的目标是使用Reacts Draft.js创建一个WYSIWYG编辑器作为一种学习体验 .

下面是我正在使用的模板的HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>WYSIWYG</title>

    <!-- Stylesheets -->
    <link rel="stylesheet" href="../css/photon.min.css">

    <!-- Javascript -->
    <script src="js/menu.js" charset="utf-8"></script>
  </head>
  <body>
    <div class="window">

      <!-- .toolbar-header sits at the top of your app -->
      <header class="toolbar toolbar-header">
        <h1 class="title">WYSIWYG</h1>
      </header>

      <!-- Your app's content goes inside .window-content -->
       <div class="window-content">
        <div class="pane-group">
          <div class="pane pane-sm sidebar">

          </div>

          <div class="pane">

          </div>
        </div>
      </div>
    </div>
  </body>
</html>

现在我想在“pane”div中显示一个Draft.js编辑器,但是我无法弄清楚如何 . 我已经尝试将脚本标签插入div中,在doc的末尾调用脚本并获取div并显示给它,直接在div中插入脚本 .

我几乎完全相信这是一个容易解决的问题,而且主要是由于我对这种开发缺乏经验,但我真的无法解决这个问题 .

这也是我的第一篇文章,因为我从来没有像往常一样被困在某事上,我终于变得沮丧,足以伸出援助之手 . 我把这作为一个学习经验来提问,所以如果有什么我做错了或者做得更好也让我知道 .