【问题标题】:Fabric.js javascript framework for rich text editingFabric.js 用于富文本编辑的 JavaScript 框架
【发布时间】:2013-10-28 01:54:34
【问题描述】:

我们使用的是 fabric.js java 脚本框架,因为它有很好的画布绘图 API。但是我们需要使用这个框架来支持富文本编辑功能,例如,如果我有一个文本框,我想在文本框中输入,并且想要进行文本部分编辑,例如更改其颜色字体等并将其保存在画布上。

我有一个选择是首先创建一个普通的文本框在其中进行部分编辑,然后生成的 html 我必须通过填充文本等将其转换为画布文本。

最好的方法应该是什么?

【问题讨论】:

  • 我写了一个this blog article about one possibility 但它不适用于织物,因为您需要使用其他机制。但是您可能可以将它与织物和其他支持将图像绘制到画布的库组合使用。
  • 谢谢Ken,我想这和MDN下面的链接中提到的一样:-developer.mozilla.org/en/docs/HTML/Canvas/…,但这在IE9中不起作用,你是否也支持IE9?
  • 是的,它部分基于此(我在底部提供了一个链接)。我不确定 IE9,因为我没有访问权限,但最初我会持怀疑态度。canvas 的唯一其他选择是制作解析器来复制格式(html2canvas 和其他库可能会提供一些代码输入为此 - 或者您可以使用该库为您完成所有工作。您可以将 textarea 隔离在 iframe 中,以便 html2canvas 仅抓取该部分)。
  • 顺便说一句:如果您使用 IE9 访问我的文章,您可以查看那里的现场演示是否有效。如果文本显示在画布中,则表示它可以与 ie9 一起使用。
  • 我在 IE9 中检查过,错误来了 "Line: 44 Error: 'Blob' is undefined" ,当我在网上检查时发现 IE9 不支持 Blob,IE10 支持而是..

标签: jquery html canvas fabricjs


【解决方案1】:

你的意思是这样的?

还是这样?

我目前正在努力 :) 原生支持将在几周后提供给 Fabric。

【讨论】:

  • 很快就会到!
  • 我们都需要,这是一个好消息,我们都在等待这个 .. 完成后请在此处更新 ..
  • 我也想在织物中使用这个功能。
  • 现在基本完成了。查看测试——fabricjs.com/test/misc/itext.html 和工单跟踪功能——github.com/kangax/fabric.js/issues/945 测试总是受欢迎的!
  • @kangax 如何使用此功能?我正在使用 1.3.0 开发版本,我应该添加更多内容吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-23
相关资源
最近更新 更多