問題タブ [firepad]

CodeMirror を使用してコードでリアルタイムの共同作業を行うこの小さなプロジェクトを開始しました。

あるユーザーから別のユーザーにオブジェクトを簡単に渡すことができるように、msgs システムをセットアップしています。私の問題は、CodeMirror と統合することです。onchange と replaceRange(string, from, to) のイベントがあることがわかりました。

onchange オブジェクトを他のユーザーに渡し、replaceRange を使用してビューを更新します。問題は、replaceRange を使用すると、新しい onchange がトリガーされ、メッセージが前後に送信されることです。onchangeをトリガーせずにローカルビューを更新する方法があるかどうかは誰でも知っています。または、他のパスを取るための提案。(msgs システムは既にセットアップされており、javascript オブジェクトを他のクライアントに簡単に渡すことができます)。

私はFirePadを使用して、自分用の IDE を作成しています。私がやろうとしているのは、examples/ で userlist.html を使用して JS コードをレンダリングすることです。これはexamples/code.htmlで行われ、私は変更しました:

に

行番号は表示されますが、JS は強調表示されません。

明確にするために、examples/userlist.html でこれらの変更を行っています。

新しいリアルタイム テキスト コラボレーション サービス Firepadを使用しています。

getSelectionユーザーが選択したボックス内のテキストに対してJavaScript メソッドを使用したいと考えています。

ただし、何らかの理由でコードが機能しません。

私のJavaScript：

HTML:

私のテストサイト

Firebase アプリで保護されたコンテンツの適切な承認規則へのベスト プラクティス アプローチはありますか

• 特にfirepadを使用する
• 保護されたコンテンツとは、ユーザーがドキュメントを作成し、特定の他のユーザーとのみ共有する場所を意味します)。
• また、アクセスできるすべてのドキュメント (私が作成したドキュメントと他のユーザーが私と共有しているドキュメント) について、firebase にクエリを実行できるようにする必要があります。

これまでの私の研究のいくつか：

方法 1: シークレット URL

• ドキュメントを表示/編集できるようにするには、URL を知る必要があります

• その URL へのアクセス権を持つログイン ユーザーは、その URL を編集/変更できるため、実際の認証ではありません。

• アクセスできるすべてのドキュメントをインデックスに登録できない

方法 2: firebase 承認規則を使用してドキュメントにユーザーを追加し、読み取り/書き込みの前にユーザーが document.users であるかどうかを確認します。

出典: Firebase で保護されたコンテンツは可能ですか?

長所：

• 適切な承認/認証。アクセスを許可された認証済みユーザーのみが閲覧/編集できます。

短所：

• ユーザーが編集を許可されているすべてのドキュメント (自分が所有しているか、自分と共有されているドキュメント) を照会することはできません (この仮定は正しいですか?)

方法 3: Firebase 認可ルール (方法 2) に加えて、各ユーザーがアクセスできる document_id の配列を持つユーザーの冗長ストア。このユーザー ストアは、ユーザーがアクセスできるすべてのドキュメントをクエリするためにのみ使用されます。すなわち:

長所：

• 適切な認証/認可

短所：

• 重複データ。2 つのデータ ストア間の同期の問題に対処する必要があります。これは良い考えとは思えません。

方法 4: グループ

Firebase ロケーションへのアクセス権をユーザーのグループに付与するごとにグループを使用する

• データストア内のすべてのドキュメントのグループがあります

• ユーザーがアクセスできるすべてのドキュメントについて、firebase に簡単にクエリを実行できない

これを行うより良い方法はありますか？

Firebase ( https://mkaminsky.firebaseio.com/ ) を作成し、Firepad を使用してコード コラボレーション ツールを作成しようとしています。例（ https://github.com/firebase/firepad/blob/master/examples/code.html ）で述べたように、このhtmlファイルを作成しました。

ただし、このコードは正常に機能しません。コード エディターが表示され、構文が強調表示されますが、"setText('//hello');" は実行されません。方法。その場所に配置された他のコマンドも機能しません。

また、htmlページにはボタンが表示されません。

Firebase が正常に動作することをテストして確認しました。

github にある userlist.html を使用しています。ただし、色のドロップダウンはテキストの色を変更しません。他のすべては期待どおりに機能します。また、コンソールにエラーは表示されません。

PS: firepad で codemirror を使用しています。

どんな助けでも大歓迎です:)

firepad を django プロジェクトに統合しています。私はJavaScriptの専門知識があまりなく、そのために問題に直面しています。

すべての手順に従うと、すべてが正常に機能しているように見えます。

ただし、djangoビューでレンダリングされたページに「user」という名前の辞書変数があります。

上記の例では、この変数を固定のデフォルト テキストの代わりに {{user.textkey}} として使用したいと考えています。textkey はテキストを指します。

このようなもの：-

あなたが私の主張を理解してくれることを願っています。ここでの問題は、テキストにアポストロフィや Unicode 文字 (左または右の単一引用符など) などが含まれている可能性があることです。また、django は変数内の \n を置き換え、JavaScript でサポートされていない形式になります。

例えば：-

テキストに含まれる場合

それから

このようになります

これはJavaScriptでは理解できません。

これに取り組む方法は？

どんな種類の提案も大歓迎です。

Angularjs アプリで Firepad イベントをリッスンできるかどうか疑問に思いましたか?

Firepad の準備が整ったことを検出するための標準の js コードは次のとおりです。

http://www.firepad.io/docs/#apiから

しかし、Angularのコントローラー内でこれを検出するにはどうすればよいですか?