Prezi HTML5编辑器通过impress.js

Question

我最近知道impress.js已被创建为Prezi的HTML5版本.这有助于我们摆脱专有的Flash技术,而是使用一种开放的Web标准,该标准将成为所有平台的通用标准.

但是,在HTML文本编辑器上键入代码(比如编写幻灯片的翻译,旋转和缩放值)很烦人.特别是当代码扩展到难以忍受的长度时,变得难以可视化.

所以这是我刚创建的一个例子.在阅读下面的HTML代码时,很难确切知道幻灯片的位置以及它们的显示方式.

<div id="impress">
    <div class="step" data-x="0" data-y="0">
        Slide 1 at origin.
    </div>

    <div class="step" data-x="100" data-y="100" data-scale="0.5">
        Slide 2 has been moved south-eastern side and shrunk by half compared to slide 1.
    </div>

    <div class="step" data-x="-500" data-y="-405" data-rotate-x="50" data-rotate-y="-34" data-rotate-z="50" data-scale="2.5">
        Slide 3 has been rotated in 3D and is 2.5x larger than slide 1.
    </div>
</div>

<script type="text/javascript" src="impress.js"></script>

一个JS小提琴例子.

那么我可以使用WYSIWYG HTML5 Prezi编辑器吗？我想要一个,因为它可以更容易地创建基于HTML5,CSS3和JavaScript的演示文稿.

Answer 1

嘿,我最近做了Strut.它是ImpressJS的演示编辑器,目前处于alpha版本,但现在有一个现场演示:http://strut.io

Github存储库:https://github.com/tantaman/Strut

这是关于它的youtube vid:http://www.youtube.com/watch？v = zA5s8wwme44&feature = share

您可以通过在x,y和z方向上移动幻灯片来添加/删除幻灯片,插入图像和文本框,更改字体,保存演示文稿以及修改幻灯片之间的过渡.

Answer 2

Impress.js有几个WYSIWYG编辑器,在其GitHub问题跟踪器上进行了讨论.

Strut和Impressionist似乎是最受赞扬的.Strut非常积极地开发(最后提交:昨天)

没有讨论http://www.impressi.me/,它自2012年4月以来似乎已经放弃了.它也是非常基本的:你只能添加文本和转换.没有图片,无法输入自定义字体大小.