如何将 Yoast wordpress 插件添加到 laravel

Question

我用 Laravel 开发了一个网站，现在我想将 Yoast 插件添加到它的博主部分以改进网站博客。
正如我从 Yoast github 中看到的那样，有一个 javascript version 可以添加到自定义站点。
使用帮助不是很有帮助，所以如果有人可以帮助我。

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 前端。
谢谢。

Answer 1

经过几天的寻找终于找到了答案。要将此或任何类型的 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 文件中，一切都很好用。

如何将 Yoast wordpress 插件添加到 laravel

how to add Yoast wordpress plugin to laravel

javascript

php

laravel

browserify

yoast