如何在没有 iFrame 的情况下加载 Monocle Web 电子书/ePub 阅读器？答案

【问题标题】：How do I load the Monocle Web eBook/ePub Reader without an iFrame?如何在没有 iFrame 的情况下加载 Monocle Web 电子书/ePub 阅读器？
【发布时间】：2013-12-09 18:03:14
【问题描述】：

我正在使用 Monocle Web 电子书阅读器 (https://github.com/joseph/monocle & http://monocle.inventivelabs.com.au/)，并希望为其添加以下功能：

1) 文本高亮 2) 书签 3) 备注

我的主要问题是：如何在没有 iFrame 的情况下加载此电子书阅读器？

我想要这个的原因是因为我想编辑这个 iframe 的内容，以便能够添加 Highlights、Notes、Bookmarks 等。

此外，“mouseup/click”事件不适用于 iframe 的内容...它们正在处理 monocle 插件正在创建的其他元素，但不适用于 iframe 的内容。

任何帮助将不胜感激。感谢您的宝贵时间！

【问题讨论】：

标签： javascript css iframe monocle

【解决方案1】：

使用 iframe 是为了让内容更安全。对于突出显示和您需要的其他内容，您可以使用 google 的 Rangy javascript。只需在 iframe 之外有一些按钮（用于突出显示），每当用户在 iframe 中选择文本并单击突出显示按钮时，从 Rangy javascript 调用突出显示函数。 https://code.google.com/p/rangy/

上面的链接会帮助你.....

【讨论】：

【解决方案2】：

按照这个

http://test.monoclejs.com/test/selection/index.html

阅读器支持选择。与魔术面板一起使用。

对于书签，请参见：

https://github.com/joseph/Monocle/issues/244

【讨论】：