Ich habe ein Textarea-Element und ich verwende eckig für die Datenbindung. Ich möchte die URL in der vom Benutzer eingegebenen Zeichenfolge erfassen und eine anklickbare Live-Vorschau dieser URL generieren. Irgendeine Idee, wie ich das mit AngularJS oder JavaScript erreichen kann? Genau wie Facebook. Danke!Wie erstellt man eine Liveurl Vorschau des Links mit AngularJS oder Javascript, und klickbar machen?
Sie würden einige Server benötigen, um dies für Sie zu tun.
Sie könnte entweder einen öffentlichen Dienst wie https://screenshotlayer.com/, verwenden https://www.url2png.com/ oder Sie können Ihren eigenen Server mit einem dieser Bibliotheken laufen: https://github.com/brenden/node-webshot oder https://github.com/vbauer/manet
Ich habe gerade diese Dienste und API angesehen, und es sieht so aus, als ob sie nur Screenshots bereitstellen. Ich mag mich irren, aber das ist mein erster Eindruck. Ich habe Recht? –
Wenn das nicht das ist, worüber du gefragt hast, dann habe ich deine Frage missverstanden, bitte klar, was du gemeint hast – MoLow
Sicher! Ich versuche einen Weg zu finden, url aus einem Textbereich zu erkennen, Metadaten zu extrahieren und dann eine anklickbare Live-Vorschau mit Titel und Beschreibung zu erzeugen. Genau wie in Facebook, wenn wir Links teilen/posten. –
Das glaube ich nicht, dass Sie diesen Client-Seite tun können, aber Wenn es Ihnen möglich ist, müssen Sie irgendwie die Zielseite und das Rendering abrufen. Ich bin mir fast sicher, dass andere Sites, die dies tun, einen Ajax-Aufruf verwenden, um ihren Server dazu zu bringen, das Heavy-Lifting durchzuführen. – solarshado
Solarshado und @Martin Ich bin immer noch im Brainstorming und lese etwas über offene Graphen. Ich stieß auf diesen Open-Graph-Scrapper, der mir schließlich erlauben würde, alle Metadaten von der URL zu bekommen, dann eine Direktive zu verwenden, einen Live-Screenshot mit Titel und Beschreibung, alles anklickbar. Ich versuche zu sehen, wie all das umgesetzt wird. –
Ich arbeite am selben Thema. Ich habe LiveURL in der Vergangenheit verwendet, aber die Bild- und Titelfelder haben sich geändert, so dass es nicht mehr richtig funktioniert. Jedoch habe ich einen API-Dienst gefunden, der es für x Menge pro Stunde kostenlos tut. Sie möchten http://www.linppreview.net/ –