开源javascript编辑器/设计器,可拖动的字体框和&图片?

时间:2016-05-29 03:40:44

标签: javascript html css fonts wysiwyg

我需要构建一个可视设计器图像或卡片设计器,它允许您添加文本文本框(多种字体)或图像,拖动它们并调整它们的大小。

这似乎相当简单,但我认为常见 - 但到目前为止,我还没有发现任何我可以用作此基础的东西。

我正在寻找的是像Keynote这样的超级基础。

我看过:

  • remark.js:仅限演示文稿
  • reveal.js:非常接近,但只有演示引擎是开源的。可视化编辑器是一个封闭的源服务。
  • mxgraph / jgraph:专为有向图或流程图设计
  • gojs:专为有向图或流程图设计
  • contentbuilder:它是一个带有堆叠布局模块的页面的布局引擎,我需要一些能够创建卡片的东西

当然还有像ACE,CK和TinyMCE这样的主要javasript编辑器,但他们解决了字体编辑/字体选择问题,但没有解决拖拽和字体选择问题。放下盒子&布局问题。

我正在尝试构建的东西是你可以在tinyprints.com上使用的,或者在你设计你的卡或canva.com时铸造。

但是我的需求非常基本 - 所以我认为可能没有库的原因是它很容易构建它?无论如何,会喜欢一些意见。

1 个答案:

答案 0 :(得分:0)

它不是布局编辑器/设计器,但Fabric JS有许多你正在寻找的功能(多种字体,拖动图像和调整大小)。它是基于Canvas的,但如果需要转换为非栅格格式,可以导出为JSON。如果仍然需要,可能会适应。