如何在localhost中使用带有node.js的webodf编辑器

时间:2015-12-17 06:08:10

标签: node.js webodf

我没有找到任何关于如何运行webodf的教程我读了他的api和源代码我知道如何启动它可以让任何人分享这个想法。

jsonData = request.json() #request is having all the response which i got from api
c = jsonData['c']
for i in c.keys():
    key = key + str(i)
print(key)

我得到了这个,但我没有得到webodf.js文件,我错过了任何东西。

1 个答案:

答案 0 :(得分:2)

我不确定你现在有什么。但是这就是如何使用node.js配置应用程序以提供html文件和查看/编辑odf文件。

让我们从您的Node.js服务器开始

  1. 首先在我们的应用程序目录中创建一个index.js文件(在任何地方命名),然后使用 node init 初始化节点应用程序。

    我们将拥有以下文件夹结构: -

    • ./ document-editor
    • ../ app(我们的HTML代码和库)
    • ../ index.js
    • ../的package.json
    • ../以及其他一些自动生成的文件。
  2. 包括所有必要的模块。我们将使用Express,Multer和  其他util库。

    var express = require("express"); 
    var multer = require('multer');  //for file handling
    var util = require('util');
    var app = express();   // init express app
    
  3. 配置要根据用户请求提供给服务器的路由和Html文件。

     app.use(express.static('app')); // use this as resource  directory
    
     //APP ROUTING URL => FUNCTIONS
     app.get('/', function (req, res) {
      res.sendFile(__dirname + "/app/index.html");
     });
     // this means when we get a request on 'myAppContext/' url provide   
       index.html
    
  4. 启动服务器

     //START THE SERVER 
       app.listen(3000, function () {
         console.log("Listening on port 3000");
      });
    
  5. 注意*:确保在开始之前在系统上安装了node.js enwernment。

    现在让我们看看我们如何将webodf包含在我们的应用程序中。

    1. 首先在主文件夹中创建一个目录(我们将其命名为' app'),其中所有 将存储html,样式和脚本..等等。

      • / app(我们的HTML代码和库)
      • ../的index.html
      • ../脚本
        • .. wodotexteditor-0.5.9(文件夹)
        • .. myScript.js
      • ../样式
      • ../图像
      • ../和其他一些文件。
    2. 创建一个index.html文件并包含webodf和/或Editor JavaScript库(包含在构建中的Webodf ...所以需要单独下载)。

    3. 创建运行webodf编辑器所需的容器元素和本地脚本。确保将odt文件添加到目录中以供测试,或者您可以使用wodo-editor附带的文件。

      您可以使用wodo-text-editor参考this链接创建本地webodf编辑器,并完成上述步骤(2& 3)。

    4. 完成上述操作后,我们将进入我们的根目录并运行'节点索引' 命令....这就是' s伙计。

      只需点击localhost:3000 /就会看到一个可行的webodf编辑器。

    5. 我希望这有助于开始使用node.js和webodf。我将很快创建并完整应用程序,使用webodf和node.js打开/编辑和保存功能。 谢谢:)