如何在 localhost 中通过 node.js 使用 webodf 编辑器

2023-12-01

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

- WebODF version 0.5.10-8-gf5949f3
-- Found Java: /usr/bin/java (found version "1.7.0.91") 
-- external downloads will be stored/expected in: /home/peoplelink/build/downloads
-- Installed Node.js found: /usr/bin/nodejs - 0.10.25
-- good Node.js found: 0.10.25 (0.10.5 required.)
-- npm found: /usr/bin/npm
-- Android was not found: APK will not be built.
JS file dependencies were updated.
-- Configuring done
-- Generating done
-- Build files have been written to:

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


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

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

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

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

    • ./ 文档编辑器
    • ../app(我们的 html 代码和库)
    • ../index.js
    • ../package.json
    • ../以及其他一些自动生成的文件。
  2. 包括所有必要的模块。我们将使用 Express、Multer 和 其他实用程序库。

    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");
      });
    

注意*:在开始之前,请确保您的系统上安装了node.js 环境。

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

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

    • /app(我们的 html 代码和库)
    • ../index.html
    • ../script
      • ..wodotexteditor-0.5.9(文件夹)
      • ..myScript.js
    • ../样式
    • ../图片
    • ../以及其他一些文件。
  2. 创建一个 index.html 文件并包含 webodf 和/或EditorJavaScript 库(包含构建中包含的 Webodf...因此需要单独下载)。

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

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

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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 localhost 中通过 node.js 使用 webodf 编辑器 的相关文章

  • 使用 mosca MQTT 的请求响应模式

    有没有办法使用 mosca MQTT 实现请求响应模式 以 检查客户端的回复 如果在预期时间内未收到预期回复 则重新发布 我相信这在 Mqtt 5 中是可能的 但截至目前 我必须使用 QoS 1 的 Mosca 代理 支持直到 Mqtt 3
  • Node.js Async/Await 模块导出 [重复]

    这个问题在这里已经有答案了 我对模块创建有点陌生 想知道 module exports 并等待异步函数 例如 mongo connect 函数 完成并导出结果 在模块中使用 async await 正确定义了变量 但是当尝试通过要求模块来记
  • Nodejs Express 隐式中间件应用于所有路由?

    我想知道 Express 是否允许我创建一个默认调用的路由中间件 而无需我将其明确放置在 app get arg 列表中 NodeJS 新手 var data title blah So I want to include this in
  • 在社交媒体上分享 Reactjs 链接时,react-helmet 中的元标记不显示

    我有一个在客户端运行reactjs的项目 在后端运行nodejs express 我实现了react helmet来更新索引之外的路线的标题和元标记 例如 用户查看帖子 viewpost q POSTID 然后客户做了一个GET reque
  • Heroku ENOENT:没有这样的文件或目录,stat '/app/build/index.html'

    我在 Heroku 中运行一个简单的测试站点时遇到问题 由于某种原因 当我希望它从 build 提供服务时 它试图从 app build 提供内容 错误 ENOENT 没有这样的文件或目录 stat app build index html
  • NodeJs读取JSON文件

    我正在使用 NodeJs 读取 json 文件 我的代码非常基本 var obj require sample json console log obj 0 Sample json 文件包含这样的字符串化 JSON sample good
  • IE8 和 9 上的 socket.io 问题

    Socket io 在除 IE8 和 9 之外的所有平台上都能完美运行 这是客户端要求 你们能帮忙解决这个问题吗 我一直在阅读所有类似的问题 但到目前为止我发现的大多数解决方案都无法解决 IE8 上的这个问题 这是结构 服务器端 var i
  • 错误:找不到模块“jasmine-core”

    我安装了以下内容进行测试 devDependencies jasmine core 2 4 1 karma 0 13 22 karma jasmine 0 3 7 karma phantomjs launcher 1 0 0 运行后karm
  • Node.js - 生成的进程正在生成错误“execvp():没有这样的文件或目录”

    我有以下代码 旨在生成并分离子进程 它只是同一目录中的另一个 node js 脚本 这是我正在运行的确切代码 var fs require fs var child require child process var out fs open
  • 如何从@google-cloud/storage读取文件?

    我正在从我的存储桶中检索文件 我收到该文件并想要阅读其内容 但我不想将其下载到我的本地项目 我只想读取内容 获取数据并用它进行其他操作 我的代码 export const fileManager async gt try const sou
  • 使用 Nodemailer 提交电子邮件时 NodeJs 错误

    我已按照以下步骤设置 Nodemailer 1 允许访问 Gmail 中安全性较低的应用程序 2 在app js中写入以下内容 app post reachus send function req res var transporter n
  • 为 npm install 添加本地项目依赖

    在 npm 中添加本地项目依赖项的正确语法是什么package json file 我本地有 git 项目C projects MyApp 我想得到这个项目npm install 我尝试以下 dependencies my app file
  • 使用无服务器访问 SSM 变量

    我想用无服务器变量中的 SSM 参数 https serverless com blog serverless v1 22 0 按照文档 我运行了以下命令 aws ssm put parameter name foo value bar t
  • 动态更改温斯顿的日志级别

    我尝试在运行时实现日志级别更改 我一直在关注https github com yannvr Winston dynamic loglevel blob master test https github com yannvr Winston
  • 函数不会等到 Promise 得到解决

    我正在开发一个简单的不和谐机器人 我正在尝试打印有关某个玩家的一些一般数据 我最近了解了 async await 并尝试将其实现到我的代码中 然而 它似乎不起作用 因为当我第一次触发此代码时 它会打印 null 但在后续触发时 它将打印正确
  • 简单 AJAX Get 请求“待处理”

    我正在尝试实现一个简单的 AJAX GET 请求 该请求告诉服务器删除数据库中的文档 虽然我从服务器得到文档已删除的确认 但 Chrome 检查器显示该请求处于 待处理 状态 最终导致服务器错误 我做错了什么 HTML div class
  • 通过pm2运行node.js,但经常重新启动:通过信号[SIGINT]以代码[0]退出

    我试图在我的系统上运行 node js 但遇到了这个问题 2016 06 01 20 46 28 App app with id 13 and pid 12633 exited with code 0 via signal SIGINT 2
  • 如何使用 Chai Http 发布对象数组

    我正在尝试发布一个对象数组ChaiHttp https github com chaijs chai http像这样 agent post route to api send locations lat lat1 lon lon1 lat
  • 当尝试将 formData 发送到 Express js 时,服务器无法识别 multipart/form-data

    我正在尝试将表单数据上传到快递服务器 在我的 Express js 服务器上 我有以下内容 router post uploads id function req res res send req body const title req
  • 嵌套异步/等待 Nodejs

    似乎无法弄清楚为什么这对我不起作用 我有一个父函数 它对子加载进程执行 AWAIT LOAD 进程又调用另一个名为 LOADDATA 的 AWAIT 所以基本上是这样的 module exports async function try a

随机推荐

  • DataGridView:更改数据源后保留选择吗?

    有没有办法在更改数据源后保持 DataGridView 的选定单元格处于选中状态 您可以根据特定于您的需求的条件来匹配应选择的内容 只需根据您的匹配将单元格或行的 Select 属性设置为 true false 即可 这是一个简单的示例 您
  • DNS 记录将 www 重定向到非 www

    我在用着名称廉价域和Vultr主持 我正在尝试将 DNS www 重定向到非 www www example com 到 example com 我联系了 Vultr 并询问如何使用他们的 DNS 管理器执行此操作 他们说他们不会提供帮助
  • 在python中将列表列表转换为数据框

    list 1 1 56 20 2 78 30 3 34 40 4 98 这是我的列表列表 我想制作一个像这样的数据框 a b c 1 1 56 20 2 78 30 3 34 40 4 98 我做了一个代码 df pd DataFrame
  • 使用 Crashlytics 将应用程序部署到 Apple Appstore - 我需要隐私政策吗?

    我即将向 Apple AppStore 提交一个使用 Swift 构建的应用程序 该应用程序使用 Crashlytics 来捕获崩溃信息 正如 Crashlytics 用户所知 有关使用情况 持续时间 崩溃等的一些信息会被捕获并存储在 Cr
  • Flex 忽略 services-config.xml 中的更改

    昨天我花了半天时间尝试强制 Flex Remoting 使用 HTTPS 但没有成功 今天我尝试连接到其他域 我更改了端点的 url 但看起来 Flex 只是忽略了我的更改 我确信 src 目录中的任何文件中都不存在旧网址 我什至将 ser
  • 如何使用Python请求登录网站,存储cookie,然后访问网站上的另一个页面?

    我正在尝试使用 Python 脚本登录网站 存储我收到的 cookie 然后使用相同的 cookie 访问网站的会员专用部分 我已经阅读了有关该主题的几篇文章和答案 但没有一个答案对我有用 以下是我尝试访问的网站登录页面的 HTML 代码
  • 子/函数数组参数已更改

    我有一个带有字符串数组作为参数的 Sub Private Sub des ByVal array As String Dim i As Integer For i 0 To UBound array array i hy Next End
  • manim 中的孟加拉语单词打印完全错误

    我一直在尝试使用 Manim 为孟加拉语角色制作动画 我用了这个方法在 Manim 中使用电脑字体 一切似乎都运行良好 直到我看到输出 例如 如果我写 我得到的输出为 仔细查看输出 大多数时候它会吐出毫无意义的词语 使用的代码是 class
  • PHP PDO:SQLSTATE[HY000] [2002] 连接被拒绝

    我遇到了 PHP 数据对象的问题 我无法连接到我的数据库 首先这是我的 PHP 脚本
  • 当父级有修饰符时,SCSS + BEM 风格的子级结构

    请问可以为 rounded 内的元素设置 css 吗 我不想使用 box 某些东西 但我需要修改依赖于父修饰符的子项 div class box div class box something Hello div div div class
  • 使用AWS iOS SDK从cloudfront分发中获取文件

    我正在使用适用于 AWS 的最新 iOS SDK 并且使用 TransferManager 类从 S3 获取文件可以正常工作 S3GetObjectRequest request S3GetObjectRequest alloc initW
  • 在 Socket.IO 1.0 中配置超时和传输

    在旧版本的 Socket IO io set transports xhr polling io set close timeout 3 但现在 命令io set已被弃用 我如何定义close timeout and transports
  • Bing 地图 GetRoute 给出“0x8004231C”错误

    我试图在 bing 地图上显示从点到点的路线 在真实设备上测试 我已经输入了 2 个航路点 地理坐标 并且我正在尝试使用以下命令通过 Windows PhoneToolKit 获取路线await query GetRouteAsync 不幸
  • 强制乘法使用 __rmul__() 而不是 Numpy 数组 __mul__() 或绕过广播

    这个问题与中提出的问题很接近用你班级的 mul 覆盖其他 rmul 但我的印象是 这是一个比数值数据更普遍的问题 这也没有得到解答 我真的不想使用矩阵乘法 对于此操作 因此 问题 我确实有一个接受标量和数值数组相乘的对象 像往常一样 左乘法
  • Android 自定义日历和提醒[关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我的应用程序将包含一个自定义日历 并且根据此日历用户可以创建事件和提醒 问题是 是否可以在 android 中创建自定义日历 我的意思是我想在我的日历中创建事件 这些事件不会出现
  • javascript回调函数,变量映射

    我一直在javascript中使用回调函数 但我从来不明白回调如何知道它可以接受哪些变量 让我们看下面的示例代码 var friends Mike Stacy Andy Rick friends forEach function name
  • 我是否必须修复最新 nuxt.js 的审核问题?

    我正在尝试在我的应用程序中使用 nuxt 但是当我运行 yarn 审计 时 存在一些审计问题 这些问题是 nuxt 的依赖项 我必须解决这些审计问题吗 如果必须的话 我该如何解决它 我正在使用 nuxt 2 15 7 并且添加了最新的css
  • GWT 有哪些效果库可用于商业用途?

    我正在寻找一个可以非常非常轻松地放入我现有的 GWT 应用程序的效果库 我想将库添加到我的构建路径中 然后开始编写类似的内容FX fadeOut thisWidget 取代thisWidget setVisible false GWT 是否
  • Spring Data JDBC 使用 Boot 2.3.0 生成错误的 HSQLDB 查询

    我有一个使用 Spring Data JDBC 的 Spring Boot 项目 测试使用 HSQLDB 当我尝试升级到 Spring Boot 2 3 0 时 我的存储库测试开始失败 Spring Data JDBC 现在似乎引用表名和列
  • 如何在 localhost 中通过 node.js 使用 webodf 编辑器

    我没有找到任何关于如何运行 webodf 的教程 我阅读了他的 api 和源代码 我正在了解如何启动它 任何人都可以分享这个想法 WebODF version 0 5 10 8 gf5949f3 Found Java usr bin jav