如何在没有iFrame的情况下加载Monocle Web eBook / ePub阅读器?

时间:2013-12-09 18:03:14

标签: javascript css3 iframe monocle

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

1)文字突出显示 2)书签 3)注意事项

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

我想要这个的原因是因为我想编辑这个iframe的内容,以便能够添加精彩集锦,笔记,书签等。

此外,“mouseup / click”事件不对iframe的内容起作用......他们正在处理单片机插件正在创建的其他元素,而不是iframe的内容。

任何帮助将不胜感激。谢谢你的时间!

2 个答案:

答案 0 :(得分:0)

使用iframe是为了让内容更加安全。对于突出显示和其他你需要的东西,你可以使用谷歌的Rangy javascript。只需在Iframe外部有一些按钮(用于突出显示),每当用户在iframe中选择文本并单击高亮按钮时,从Rangy javascript调用高亮显示功能。 https://code.google.com/p/rangy/

以上链接将有助于你.....

答案 1 :(得分:0)

按照这个

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

读者支持选择。与Magic Panel一起使用。

对于书签,请参阅:

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