我使用Laravel开发了一个网站,现在我想在其Blogger部分中添加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前端。
谢谢。
经过几天的搜索终于找到了答案。这或任何种类的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目录。我对根目录下的index.js文件使用browserify并将生成的文件添加到此示例html文件中,并且一切工作都像一个超级按钮。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句