Wie zum Bearbeiten von web-Seiten im browser in Echtzeit wie visualwebsiteoptimizer.com?

Gibt es eine Möglichkeit, aktivieren Sie im browser Bearbeiten einer web-Seite, wie im folgenden video (demo visualwebsiteoptimizer.com)?

(siehe video bei 0:15)

http://www.youtube.com/watch?v=oy89HnIJsE4&feature=plcp

Grundsätzlich, was will ich in der Lage sein:

  • nehmen Sie eine Kopie von einer web-Seite, (das Teil ist ok),
  • irgendwie aktivieren den Bearbeiten-Modus (als würde in jedem text-editor),
  • klicken Sie auf das element, das ich Bearbeiten möchten, und ändern Sie das ausgewählte element

Edit: sorry ich war nicht klar genug: mein end-Ziel ist, dass meine user live online-Bearbeitung (wie bei visualwebsiteoptimizer.com) in eine visuelle Art und Weise.

Es gibt eine Menge von Entwickler-plugins für FireFox, das dies ermöglicht. Suchen Sie einfach auf Google.
javascript:document.body.contentEditable='true';document.designMode='on'; void 0
Ich denke was du suchst ist "frontend-editing" – Funktion eine gute, moderne CMS hat.
Was ist, wenn ich arbeite außerhalb eines CMS.

InformationsquelleAutor tucson | 2012-06-28

  1. 1

    Den Sie verwenden konnten, designMode=on auf das Dokument, oder contentEditable=true auf bestimmte Elemente. Siehe für eine kleine demo -http://html5demos.com/contenteditable/. Darüber hinaus konnte Sie auch fangen Mausklicks und keydowns mit jQuery und überprüfen Sie die Ziel-element, um zu zeigen Optionen, wie CSS etc..!

    Danke. Das sieht sehr interessant aus.

    InformationsquelleAutor Willem Mulder

  2. 2

    1 - benutzen Sie google chrome.

    2 - drücken Sie Strg + Umschalt + i

    3 - gehen Sie zur Registerkarte Elemente

    4 - Rechte Maustaste auf die html -, die Sie Bearbeiten möchten, und wählen Sie "edit as html" oder klicken Sie doppelt in den text, den Sie ändern möchten, in die Registerkarte

    Sorry, meine Frage war nicht deutlich genug. Ich Wünsche mir, dass mein online-Nutzer/Kunden tun können, live-Bearbeitung, also das, was Sie vorschlagen, nicht funktionieren würde.
    Dies ist eine live-Bearbeitung...
    Bearbeiten und speichern Sie die bearbeiteten Daten richtig? genau wie das Profil Bearbeiten bei facebook.
    sowie alle von Ihnen beantwortet live-editing-Techniken, aber nicht die Daten speichern. Sobald Sie die Seite neu laden, der Schnitt ist verschwunden in Vergessenheit geraten.
    Um die Daten zu speichern, können Sie ajax verwenden, um zu behandeln, dass ein Teil, das speichern der Daten im hintergrund.

    InformationsquelleAutor fmsf

  3. 1

    Können Sie versuchen, mit Jelliphy. Jelliphy ist ein tool, das ermöglicht es jedem Benutzer zu Bearbeiten beliebigen text von einer Webseite zu verschieben und die Größe von Elementen in der Seite, zum zeichnen auf der Seite, um die Bilder Bearbeiten und vieles mehr.

    Jelliphy Lite und Jelliphy Erweitert sind bookmarklets, die Sie verwenden können, mit jedem browser kostenlos: gehen Sie einfach auf die Seite zu ändern, und klicken Sie auf die Jelliphy link aus Ihren Favoriten.

    InformationsquelleAutor Patrizio Gelosi

  4. 0

    Hier ist was Sie brauchen, genießen: http://myedit.io

    InformationsquelleAutor Cryptopat

Schreibe einen Kommentar