Могу ли я использовать встроенный Javascript в записи блога-призрака?

Я использую программу для ведения блогов о призраках и упал на Клубок в наши дни. Так что было бы здорово использовать это в некоторых моих сообщениях в блоге.

Я включил файлы Tangle в свою тему и загрузил их в default.hbs. Однако я не могу найти способ встроить некоторый javascript (для выполнения, но не отображения) в документ уценки. Я также хотел бы написать javascript в документе markdown, поскольку я не хочу добавлять js-файлы в свою тему каждый раз, когда я пишу сообщение в блоге с реактивным содержимым.

Есть ли способ сделать это?


javascript ghost-blog
person ChriPf    schedule 03.11.2014    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Кажется, есть. Вы должны иметь возможность включить JavaScript, который хотите запустить, просто поместив его в теги <script>, как они говорят на этот пост

Изменить: для дальнейшего объяснения, файл уценки - это просто другой синтаксис для создания тегов html, но вы можете использовать внутри них обычные теги html и script. Чтобы запустить скрипт по указанной выше ссылке, вам нужно только включить все js, которые вы хотите запустить, внутри тегов скрипта. Этот пример должен работать внутри файла post markdown, чтобы воспроизвести пример Tangle на странице документа.

When you eat <span data-var="cookies" class="TKAdjustableNumber"> cookies</span>,
you consume <span data-var="calories"> calories</span>.

<script>
var tangle = new Tangle(document, {
    initialize: function () { this.cookies = 3; },
    update:     function () { this.calories = this.cookies * 50; }
});
</script>
person Lbatson    schedule 03.11.2014
comment
Да, я обнаружил это раньше. К сожалению, непрактично (и в остальном некрасиво) добавлять некоторые js-файлы в мою тему каждый раз, когда я хочу опубликовать некоторый реактивный контент. Я обновлю вопрос, чтобы прояснить это. - person ChriPf; 03.11.2014
comment
Вам не нужно добавлять файлы js в свою тему. Вы уже заявили, что добавили файлы Tangle в свой default.hbs, и это все, что вам нужно. Теперь в вашем файле уценки все, что вам нужно сделать, это написать <script> callSomeFunctionFromTangle(); </script> - person Lbatson; 03.11.2014
comment
Хорошо, после исправления некоторых глупых ошибок, включая 2 опечатки, скрипт встраивается, но, к сожалению, не выполняется: christianpfanner.at/tangle Есть идеи, почему? - person ChriPf; 03.11.2014
comment
Кажется, проблема с Tangle. Он не может вызвать addEvent, поскольку он не определен в вашем элементе span TKAdjustableNumber (в любом случае это ошибка в консоли). - person Lbatson; 03.11.2014
comment
Думаю, мне нужно немного подробнее изучить, как Ghost загружает свои компоненты. Однако на первоначальный вопрос есть однозначный ответ. - person ChriPf; 04.11.2014