javascript - 在线JavaScript编辑器(例如inDesign)

标签 javascript php adobe-indesign sproutcore

对于一个项目,我们目前正在尝试创建一个在线WYSIWYG编辑器,该编辑器应具有与Adobe InDesign相同的基本功能:


添加文本框架,并将文本框架链接在一起
母版页(带有基准,页边距,列和装订线)
基本格式(字体大小和样式,对齐方式)


我们正在努力使用户能够使用其新闻网站上的文章作为来源来创建简单的文档。通过拖放界面,他们应该能够快速构建简单的类似于新闻纸的文档。用户的创建内容应转换为PDF(通过FPDF库)。因此,编辑器应创建某种带有包含宽度,高度等属性的数据属性的html,以便可以将这些数据转换为json对象,以用PHP提取并加载到FDPF中。简单步骤的进度:


所见即所得HTML生成带有测量值的Preview + html属性;
通过ajax将html属性发布到服务器端;
PHP服务器端提取json并将其转换为FPDF对象;
提供给用户PDF文件下载。


我曾尝试查看iCloud的Pages,据我所知,该页面使用SproutCore(或Ember?),但我认为使用该框架可能会过大,甚至可能没有我正在寻找的基本功能对于。

有人知道如何入门吗?使用什么JavaScript框架(我以前使用过Prototype,Mootools和jQuery)以及在哪里寻找可能的示例/类似项目?

最佳答案

如果您的目标是InDesign,则您可能想了解IDML (warning, direct link to PDF!。它是InDesign文档AST的XML描述。

如果要制作“另一个WYSIWYG编辑器”,则可能需要阅读现有解决方案的代码,并了解它们的构建方式。首先想到CkEditor和Redactor.js。

如今(2015年),当人们谈论“ JavaScript框架”时,他们并没有谈论jQuery,Prototype和MooTools,因为它们通常被视为“库”。如今,“框架”是Angular.js,Ember.js等,它们之间的选择主要是宗教性的,例如在Vim和Emacs之间。

以上是我个人的起点。以及从何处开始以技术的方式-已经在很多地方写过。您提出了构建系统,测试工具,生产/测试环境,具有部署管道(是的,用于单个UI小部件),然后开始编写测试。

整个问题更像是新项目讨论的切入点,而不是答案明确的问题。

关于javascript - 在线JavaScript编辑器(例如inDesign),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31115807/

相关文章:

javascript - 如何替换 JavaScript 正则表达式中的冒号和星号特殊字符

javascript - ByRef/ByVal 问题?

asp.net - 如何获取服务器上唯一的客户端标识符?

php - json_encode,[括号]中需要的关联数组

javascript - 隐藏的同名输入 : how to send only the values of selected checkboxes?

javascript - 查找数组的交集不起作用?

php - 获取特定日期范围内的文章数量

javascript - f[i].insertionPoints[0].rectangles.add({geometricBounds :

adobe - 将网站数据导入 Adob​​e InDesign

javascript - 获取对象的所有方法和属性