2017-01-01 19 views
4

Я разрабатываю веб-сайт с Laravel, и теперь я хотел бы добавить плагин Yoast в его блоггерский раздел, чтобы улучшить блоги сайта.
как я могу видеть из Yoast github, есть javascript version, которые можно добавить на таможенные сайты.
Использование помощи не очень полезно, поэтому, если любой орган может мне помочь.
Как добавить плагин WordPress Yoast в laravel

var SnippetPreview = require("yoastseo").SnippetPreview; 
var App = require("yoastseo").App; 

window.onload = function() { 
var focusKeywordField = document.getElementById("focusKeyword"); 
var contentField = document.getElementById("content"); 

var snippetPreview = new SnippetPreview({ 
    targetElement: document.getElementById("snippet") 
}); 

var app = new App({ 
    snippetPreview: snippetPreview, 
    targets: { 
     output: "output" 
    }, 
    callbacks: { 
     getData: function() { 
      return { 
       keyword: focusKeywordField.value, 
       text: contentField.value 
      }; 
     } 
    } 
}); 

app.refresh(); 

focusKeywordField.addEventListener('change', app.refresh.bind(app)); 
contentField.addEventListener('change', app.refresh.bind(app)); 
}; 

помощь использование является с Node.js, но как я могу добавить его в PHP бэкэндом и HTML + JS передний конец.
благодарит вас.

+1

Я не могу установить yoast.js с помощью npm. Я использую эту команду «npm install https://github.com/Yoast/YoastSEO.js#develop» –

+0

скачать ее из git repo. – soha1410

+1

Я скачал с git, теперь что делать? вы можете направить меня? –

ответ

4

После нескольких дней поиска, наконец, найдите ответ. , чтобы преобразовать эту или любую библиотеку nodejs в браузер, поддерживаемый javascript, просто перейдите к browserify. сначала установить его

npm install -g browserify 

затем установить все библиотеки ему нужно с

npm install <module_name> 

в конце генерации одного JS файл с

browserify <main.js> -o <destination.js> 

теперь вы можете добавить скрипт в HTML подобные

<script src="destination.js"></script> 

для библиотеки YOAST есть пример каталога браузера. Я использую браузер для файла index.js в корневом каталоге и добавляю сгенерированный файл в этот пример html-файл, и все работает как шарм.

+1

Мне удалось создать новый связанный JS-файл из браузера, но я не понимаю, как сделать пример работы HTML-файла. Добавляете ли вы новый .js-файл в дополнение к другому включенному файлу на странице? Кроме того, другим включенным файлом является «example-browserified.js», который не существует в каталоге. Следует ли вместо этого заменить на example.js? – Concept211

+1

вам просто нужно добавить один сгенерированный файл js в HTML, удалить другие файлы. важной записью в HTML является имя и идентификатор элементов, вся работа выполняется в js, включая события изменения ввода текста. – soha1410

+0

Я использую Browserify. Я делаю это: 'browserify index.js -o ~/code/yoast/public/seo.js' Ошибка: модуль не найден:" /home/eugene/code/yoast/node_modules/yoastseo/index.js " из файла /home/eugene/code/yoast/node_modules/yoastseo/_fake.js Существует проблема Github от 2 месяцев назад https://github.com/Yoast/YoastSEO.js/issues/1174, в которой говорится, что ' пряжа установить'. Я пробовал это, и это не имело никакого значения. –