タイムスタンプでcontenteditableの変更を保存する

Question

私は<div contenteditable="true" />というユーザーが書くことができますが、その長さには限りがありません。
divのデータは、変更時にMySQLデータベースのタイムスタンプとともに保存されます。

今、私の目標は、文書の各部分は（解像度は日にする必要があります）が作成されたことをユーザに通知します左側に小さなノートを持っていることです。

さて、質問です：がどのように情報（どの部分を変更しました）最善を保存することができますか？

は、私がこれまでに次のオプションを検討し、両方の改善できるようでどのユーザが文書の最後にサイトを訪れた

1. たびに、私はフラグ（クラスとして例えばemtpyスパンを挿入します編集の開始を格納するデータ属性）。このフラグは、保存スクリプトが呼び出されたときにデータベースに保存されます。このオプションを使用すると、サイドに日付を表​​示するのが非常に簡単になります。空のスパンと同じ高さに置くだけで、スパンが私に日付を知らせます。短所は以下のとおりです。ユーザーが誤ってタイムスタンプスパンを削除してしまい、ユーザーが長い時間ウィンドウを閉じないと、新しいタイムスパンが挿入されません（これは、X分ごとに新しいタイムスタンプスパンを挿入することで回避できます）関連性が高い）
2. データが保存スクリプトに渡されるたびに文字列diff比較を実行しようとしていて、タイムスタンプ付きの差分のみを保存します。その後、ページがロードされると、すべての部品を正しい順序でまとめ、Javascriptで日付のメモを適切な場所に配置します。しかし、古い部品が変更されたときに2つの部品が1つになるなど、これは私のためのオーバーヘッドのように思えます。

高く評価任意の入力/アイデア/提案！

Answer 1

実装しようとしているのは、ソースコード管理の世界で「注釈」または「責め」と呼ばれる機能です（ただし、date + authorまたは単にauthorではなく、更新日が必要です）。

これを正しく行うには、diffs（php-diffがその仕事をするかもしれない）を作成し、テキストのバージョンを入手する方法が必要です。 があり、いくつかの戦略です：

• ストアの最新バージョンとの差分だけを保つ（例えば統一差分として、私の好み）

• ストアすべてのバージョンと、その場でデルタを計算する

あなたの現在のバージョンとデルタのリストを取得したら（リストを短くすることができます。デルタを一緒に構成します。これは、どのバージョンが各行に含まれているかを覚えているので、注釈フェーズが行われる場所です。作曲はかなりシンプルです（最新のものから始めて、パッチに追加されたすべてのラインは最新のものであり、他のものは説明する必要があるので、あなたが治療したい最も古いパッチに達するまで、残りの行はそのバージョンからのものであるか、または最も早いものであるため、「at」または「before」を示すいくつかのフラグが使用できます）。

Google has a diff library for Javascriptこのように、すべての作業をユーザーのマシンで行うことができます。彼らはこのライブラリのパッチ部分も持っています。私は注釈/非難のライブラリを見つけませんでした。

Answer 2

あなたができることの1つは、divの改訂用の表を用意することです。多くの場合、コンテンツとタイムスタンプを含む新しいエントリをこのテーブルに追加することができます。したがって、編集のすべてのリビジョンを追跡することができます。次に、変更内容を確認するために、2つのエントリを比較して、追加された内容、変更された内容、削除された内容を簡単に比較できます。

Answer 3

この情報は、ユーザーが情報を送信したときに保存する必要があります。ユーザーが情報を見たいと思う瞬間は、ほとんど計算が行われません。

バックエンドでは、2つのテーブルを作成します。あるテーブルでは、それを 'currentdocs'と呼ぶことができます。常に最新バージョンのデータを保存します。ユーザーがドキュメントを読み込むと、すべての情報がこのテーブル 'currentdocs'から取得されます。 他のテーブルでは、それを 'docsintime'と呼ぶことができます。新しい保存をすべて保存します。それは 'currentdocs'テーブルへの外部キーを持っていて、そのテーブルの最後の行を 'docsintime'で見つけることができます。 select文は次のようになります。

select id from docsintime where cur_key = x order desc limit 1; 

両方のテーブルでは、変更された最新のタイムスタンプを両方のテーブルに保存します。

新しい文書が保存されると、最後に保存されたバージョンがテーブル 'docsintime'に取得されます。すべての関連部分をそのレコードのデータと比較します。それ以外の場合は、保存する新しいレコードの該当する部分のタイムスタンプをコピーします。それが異なる場合は、その関連部分の新しいタイムスタンプを作成しますか。 比較後、 'currentdocs'と 'docsintime'の両方のテーブルに新しいレコードを保存しますか？ 'currentdocs'テーブルを更新し、 'docsintime'テーブルに新しいレコードを挿入します。新しい文書でのみ、 'currentdocs'テーブルに挿入します。 その文書に対する次の要求では、 'currentdocs'テーブルから情報を収集するだけで済みます。そしてプロセスはもう一度始まります。