图书阅读器工具集成Drupal 7

Question

我集成了一个用javascript编写的图书阅读器工具单圆，以获得图书阅读器格式的node.tpl内容。我在我的php文档上测试了它，它运行得很好，我可以在monoscle中从数据库中获取内容。

但是，我无法在Drupal中这样做，即，我希望在工具！中获得node.tpl的内容。

我按照这些步骤来实现这个工具。

1. 我在主题下的JavaScripts文件中添加了Bartic.info和css。
2. 在node.tpl中启动了一些node.tpl，因为它在放置在Bartic.info中时没有启动/工作
3. 将呈现的内容放置在node.tpl中的div中，这是由JavaScript发起的 <div id="rabbit"><?php print render($content); ?></div> 现在的问题是获得，而不是内容--既不是从$content，也不是从任何段落。

Answer 1

我已经通过了图书翻转工具Monoscle，并且在drupal系统上成功地实现了这个工具。

1]将所有文件css和javascripts复制到单独的目录中

2]现在在theme.info上初始化一些javascript路径，正如您提到的，它的bartik.info文件和这些路径应该是有序的。

3]首先在bartik主题目录的脚本中用book创建一个目录，您可以在其中将monoscle文件上的所有文件分开放置。甚至对于CSS文件。

[ 4]下面是顺序

stylesheets[all][] = css/book/styles/monocore.css
stylesheets[all][] = css/book/styles/monoctrl.css
stylesheets[all][] = css/book/styles/rabbit_css.css

    scripts[] = scripts/jquery.js
    `this is the jquery library you need to added up`

scripts[] = scripts/book/scripts/monocore.js
scripts[] = scripts/book/scripts/core/monocle.js
scripts[] = scripts/book/scripts/compat/env.js
scripts[] = scripts/book/scripts/compat/css.js
scripts[] = scripts/book/scripts/compat/stubs.js
scripts[] = scripts/book/scripts/compat/browser.js

scripts[] = scripts/book/scripts/core/events.js
scripts[] = scripts/book/scripts/core/factory.js
scripts[] = scripts/book/scripts/core/styles.js
scripts[] = scripts/book/scripts/core/reader.js
scripts[] = scripts/book/scripts/core/book.js
scripts[] = scripts/book/scripts/core/component.js
scripts[] = scripts/book/scripts/core/place.js

scripts[] = scripts/book/scripts/controls/panel.js
scripts[] = scripts/book/scripts/panels/twopane.js
scripts[] = scripts/book/scripts/panels/eink.js

scripts[] = scripts/book/scripts/dimensions/columns.js
scripts[] = scripts/book/scripts/flippers/slider.js
scripts[] = scripts/book/scripts/flippers/instant.js
scripts[] = scripts/book/scripts/dimensions/vert.js
scripts[] = scripts/book/scripts/flippers/legacy.js

scripts[] = scripts/book/rabbit_start.js

这个scripts[] = scripts/book/rabbit_start.js是定制的脚本文件，其中包含单圈代码。

   Monocle.DEBUG = true;

      // Initialize the reader element.
      Monocle.Events.listen(
        window,
        'load',
        function () { window.reader = Monocle.Reader('rabbit'); }
      );

同时也使用stylesheets[all][] = css/book/styles/rabbit_css.css

我们需要在css和下面的#rabbit代码中添加每个选择器样式的#rabbit。

#rabbit {
        width: 300px;
        height: 420px;
        border: 1px solid #000;
        background-color: #CCC;
        overflow: hidden;
}

#rabbit p {
        line-height: 130%;
      }
#rabbit      img {
        max-width: 98%;
        max-height: 98%;
        -webkit-column-break-before: always;
      }
#rabbit      .dedication {
        text-align: center;
        font-style: italic;
        margin: 16em 0 10em;
      }
 #rabbit    .center {
        text-align: center;
      }
#rabbit      h1, h2, h3 {
        text-align: center;
      }
#rabbit      h1 small {
        font-size: 85%;
        font-variant: small-caps;
      }
 #rabbit     h2 {
        margin-bottom: 3em;
        font-weight: normal;
      }
 #rabbit     h2 small {
        font-size: 85%;
        font-style: italic;
      }

5]选择需要处理的内容类型--例如，您的内容类型是articles .然后复制一个node.tpl.php并粘贴它&用node--articles.tpl.php重命名

6]打开node--articles.tpl.php并搜索<?php print render($content); ?>.此代码显示项目类型的内容。

现在编辑这段代码..。在内容类型中使用所需的文件

<div id="rabbit"><?php print render($content); ?></div>

或

<div id="rabbit"><?php print render($content['field_name']); ?></div>

8]保存所有文件并转到Configuration->Performance->Clear cache

现在打开您想要的文章，它将以monoscle图书阅读器格式显示。