如何将Yoast wordpress插件添加到laravel

2022-08-30 17:16:21

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


答案 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 作为根目录的索引.js文件,并将生成的文件添加到此示例 html 文件中,一切都像超级按钮一样工作。


答案 2