Считыватель книг Интеграция инструментов Drupal 7

Question

Я интегрировал инструмент для чтения книг Monoscle , написанный на javascript, для получения содержимого node.tpl в формате программы чтения книг. Я протестировал его на своем php-документе, и он работал отлично, я могу получить содержимое из базы данных в инструменте monoscle.

Однако я не могу сделать то же самое в Drupal, т.е. я хочу содержимое node.tpl в TOOL!

Я выполнил эти шаги, чтобы интегрировать инструмент.

1. Я добавил JavaScripts и css в файл Bartic.info под темами
2. Инициировал некоторый JavaScript в node.tpl [потому что он не запускается / не работает, когда помещается в Bartic.info]

3. Поместил отображаемый контент в div в файле node.tpl, который инициируется JavaScript

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

   Теперь я получаю платформу Monoscle, но не контент - ни из $ content, ни из любого абзаца.

Answer 1

Я прошел инструмент переворачивания книг Monoscle и также успешно внедрил этот инструмент в систему drupal.

1] скопировать все файлы css и javascripts в отдельную директорию

2] Теперь инициализируйте некоторый путь javascript для вас theme.info и, как вы упомянули, его файл 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

Нам нужно добавить #rabbit перед каждым стилем селектора в rabbit_css.css, а ниже - код css

#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); ?> .. этот код отображает содержание типа статьи.

7] Теперь отредактируйте этот код ... с нужными вам полями в типе контента

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

или

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

8] Сохранить весь файл и перейти Configuration->Performance->Clear cache

9] Теперь откройте нужную статью, и она будет отображаться в monoscle формате для чтения книг.