2017-01-01 28 views
4

Ich entwickle eine Website mit Laravel und jetzt möchte ich hinzufügen Yoast Plugin zu seinem Blogger-Bereich, um Website-Blogs zu verbessern.
wie ich von Yoast Github sehen kann, gibt es eine javascript version davon, die benutzerdefinierte Websites hinzugefügt werden können.
die Verwendung Hilfe ist nicht sehr hilfreich, wenn also irgendein Körper mir helfen kann.
wie Yoast WordPress-Plugin zu Laravel hinzufügen

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)); 
}; 

die Nutzung Hilfe ist mit node.js aber wie kann ich es zu PHP Backend hinzufügen und html + js Frontend.
danke dir.

+1

Ich kann yoast.js nicht mit npm installieren. Ich verwende diesen Befehl "npm installieren https://github.com/Yoast/YoastSEO.js#develop" –

+0

herunterladen Sie es von Git Repo. – soha1410

+1

Ich habe von git heruntergeladen, was nun zu tun? Kannst du mich bitte führen? –

Antwort

4

Nach mehreren Tagen der Suche endlich die Antwort finden. um diese oder jede Art von Nodejs-Bibliothek zu Browser-Javascript zu konvertieren, gehen Sie einfach zu browserify. installieren Sie es zuerst von

npm install -g browserify 

dann die ganze Bibliothek installieren muss mit

npm install <module_name> 

am Ende erzeugen einzelne js Datei mit

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

jetzt können Sie Skript, um Ihre HTML hinzufügen wie

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

für YOAST-Bibliothek gibt es ein Browser-Verzeichnis im Beispiel. Ich verwende browserify für die Datei index.js im Stammverzeichnis und füge die generierte Datei dieser Beispiel-HTML-Datei hinzu und alles funktioniert wie ein Zauber.

+1

Ich habe es geschafft, die neue gebündelte JS-Datei von browserify zu generieren, aber ich verstehe nicht, wie man die Beispiel-HTML-Datei funktioniert. Fügen Sie die neue .js-Datei zusätzlich zur anderen enthaltenen Datei auf der Seite ein? Die andere enthaltene Datei ist "example-browserified.js", die nicht im Verzeichnis vorhanden ist. Sollte das stattdessen in "example.js" geändert werden? – Concept211

+1

Sie müssen nur eine generierte js-Datei zu HTML hinzufügen, andere Dateien entfernen. Der wichtige Hinweis in HTML ist der Name und die ID der Elemente, alle Arbeiten finden in js statt, einschließlich der Ereignisse für die Änderung der Texteingabe. – soha1410

+0

Ich streame mit Browserify. Ich mache das: 'browserify index.js -o ~/code/yoast/öffentliche/seo.js' Fehler: Modul nicht gefunden:" /home/eugene/code/yoast/node_modules/yoastseo/index.js " aus der Datei /home/eugene/code/yoast/node_modules/yoastseo/_fake.js Es gibt eine Github Frage von vor 2 Monaten https://github.com/Yoast/YoastSEO.js/issues/1174, die do 'sagt Garn installieren'. Ich versuchte das und es machte keinen Unterschied. –

Verwandte Themen