問題タブ [codemirror]

application.jsファイルroot_pathにあるプロジェクトを入手するにはどうすればよいですか？

他のJSファイルをロードする必要があるjsプラグイン（codemirror ）に必要です。「/javascripts/needed_file.js」と言っても問題ありませんが、プロジェクトを「/custom」にデプロイするとどうなりますか。

コードはプロジェクト全体で魔法をかける必要があり、UJSにしたいので、静的なjavascriptファイルに含める必要があります。

解決策/簡単なハックはありますか？

codemirror http://codemirror.net/に問題があります。<script>codemirror 内に入力すると、extrascriptが追加され>ます。たとえば、入力するとすぐに書いてい<scriptます。誰もこの問題を経験しましたか？><scriptscript>

コードミラーに「abcd」を入力するためのキュウリテスト（bdd）を作成したいと思います。でも書けない

コードミラーはテキストエリアを非表示にし、テキストエリアはiframeに置き換えられます。テキストエリアがあったとしたら、私は単に

しかし、コードミラーを埋めるためのテストの書き方がわかりません。カスタムステップを追加する必要があるかもしれません。iframeにデータを挿入する方法を知ることができれば、私の問題は解決すると思います。私は提案を受け入れます。

コード補完機能をCodeMirrorベースのxmlエディターに統合したいと思います。基本的に、xmlファイルのスキーマを解析し、スキーマとその構造に従ってコード補完を提供します。しかし、私には何とかできなかったことがあります。たとえば、カーソルがxmlタグ内の場所に移動した場合、コード補完はそれに応じて動作する必要があります。カーソルがタグなどの中にあることを認識している必要があります。どうすればよいですか？

コードミラーのXMLパーサーは、カーソル位置のセマンティック位置についての手がかりを与える可能性があると思います。それは可能ですか？

または、カーソル位置を分析してそれに応じて動作する一般的な方法はありますか？

前もって感謝します。

jQuery を使用してサーバーからテキスト ファイルを取得し、コード ミラー エディターに読み込みます。（これはChromeにあります）

次のテスト文字列を含むテスト ファイルがある場合:

üöIiçgIös

次のように表示されます。

s��Ii�gI�s

jQuery.get() 呼び出しでデータをロードします。Chrome のスクリプト デバッガーを使用すると、jQuery が何らかの方法でデータを変換していることがわかります。基本的には (不十分に) ASCII に変換しています。

直接ダウンロードを使用して、正しいデータがロードされていることを確認しました。Fiddler を使用して、コンテンツ タイプが「text/plain;charset=UTF-8」であることを確認しました。最後に、ページ全体が UTF-8 でエンコードされていることをメニューから確認できます。しかし、jQuery がデータを変換する理由がわかりません。

データをロードするための jQuery コードを次に示します。

CodeMirror 2の更新機能を使用するにはどうすればよいですか？

refresh（）

コードがエディター要素のサイズを変更する（ウィンドウのサイズ変更は既にリッスンされている）場合、またはそれを再表示する場合は、このメソッドを呼び出して、CodeMirrorが意図したとおりに表示されていることを確認する必要があります。

リンクをクリックした後、すべてのテキストエリアを更新したい

私は試した

しかし、それは機能しません...。

CodeMirror2エディターを使用しています。問題は、フルサイズ（100％; 100％）にできないことです。メインスタイルに追加しました：

そして、これはどのブラウザでも機能しません。いずれかの方法？

CodeMirror 2DIVを使用して、またはPREタグ（エディターなし）からコードを強調表示できますか？

CodeMirror 1のように、hightlightText（）関数で実行できましたか？例：http ：//codemirror.net/1/highlight.html、runhighlightを押した後（下の強調表示されたテキスト）

また、のようなインライン要素からコードを強調表示し、<code>GoogleのPrettifyのように結果をインラインに保つことができますか？

私はCodeMirrorを jQuery と共に使用して、ペットの PoC プロジェクトで構文の強調表示を提供しています。CM 対応のテキストエリアに現在入力しているときに、CodeMirror がグローバルアプリケーションのホットキーの動作を停止するような方法で DOM 上のキー プレス イベントをキャプチャしているように見えることに気付くまでは、うまくいっています。

簡単にするために、ページに次のリスナーがあると仮定しましょう。

これは、CM テキストエリアにフォーカスがある場合を除いて、ページのどこでも機能します。

eventこれを回避するために、CM の onKeyEvent オプションを利用して、CM のハンドラによって渡されるオブジェクトを次のように正規化しようとしましjQuery.Eventた。

keydownこれにより、およびkeypressイベントがhotkeyハンドラーに正常に渡されます。

問題は、「正規化された」eventオブジェクトが十分に正規化されていないように見えることです。スコープ内e.shiftKeyのような些細なことを参照すると が返されます。（どちらかまたはどちらかとして正しく取得するので、オブジェクトを渡していることがわかります。）hotkeyundefinede.typekeydownkeypressevent

ここで欠けているものがあり、プロパティが欠落している原因にeventなっていますか、それとも単に失敗しているだけですか?

間違いなく元に戻して生のイベント プロパティにアクセスすることもできますが、必要なほぼすべての場所で、jQuery で正規化されたオブジェクトを次の人と同じように利用できるようになりたいと思っています (ブラウザに依存しないことはほんの始まりにすぎません)。それの）。

私は今日 CodeMirror を使って、データベースに保存されている PHP コードを編集できる小さな環境を作成しました (はい、これが有害である可能性があることはわかっていますが、通常のユーザーは PHP コードにアクセスできません)。

すべてがうまく機能し、エディターが機能し、コードの強調表示が機能し、タブのインデントが機能しますが、しばらくの間私を悩ませていることが1つあり、これに対する解決策を見つけることができないようです. 私の CodeMirror エディターのテキストエリア内にあるコードは、テキストエリアよりも長く、テキストエリアを超えており、画面の外に消えてしまいます (この記事の最後にあるスクリーンショットを参照してください)。

このコードを下の行に続けたいと思います（もちろん、余分な行番号を追加せずに）。これは既知の問題ですか、それとも簡単に修正できますか?

スクリーンショットは次のとおりです: http://www.pendemo.nl/codemirror.png

前もって感謝します。

// 編集: 修正済み

わかりました、すべてCSSファイルにあるようです! 興味のある人のための修正は次のとおりです。

overflow-y: auto (高さは自動で行われるため、垂直スクロールバーは必要ありません)。オーバーフロー-x: スクロール; テキストエリアの幅を超える代わりに、CodeMirror に強制的にスクロールバーを追加させます。そして、それらは固定幅（pxまたはパーセンテージ）を提供します。max-height を追加することもできますが、追加する場合は、overflow-y を設定して aswel をスクロールする必要があります。