Я разрабатываю веб-сайт с помощью Laravel, и теперь я хотел бы добавить плагин Yoast в раздел блогов для улучшения блогов сайта.
как я вижу из Yoast GitHub есть версия JavaScript о том, что можно добавить на пользовательские сайты.
справка по использованию не очень полезна, так что если кто-то может помочь мне.
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 front end?
Спасибо вам.
После нескольких дней поиска наконец-то нашел ответ.
Чтобы преобразовать эту или любую другую библиотеку 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, например, есть каталог browserify. Я использую browserify для файла index.js в корневом каталоге и добавляю сгенерированный файл в этот HTML-файл примера, и все работает как шарм.
Других решений пока нет …