問題タブ [codemirror]

Anbody には最小行数の解決策があります - Codemirrorで？

min-height はうまくいきましたが、高さに空行を挿入しないでください。

JS

CSS

たぶん、そのために空行を挿入する簡単な解決策がありますか?

タブ付きインターフェイスでテキストエリア付きの codemirror を使用しています。codemirror を含むタブにいないときにそこに移動すると、行番号やカーソルのない空の空白が表示され、ページを更新すると機能します。を使用してタブのコンテンツが非表示になっているためだとわかっているdisplay: none;ので、どうすればこの問題を修正できますか?

これが私のコードです（私はjqueryも使用しています）：

前もって感謝します。

基本的に、私はResig氏によるjQuery Hotkeysプラグインctrl+oを使用して、などのショートカットをキャプチャして処理しています...

わかりました。概念がわからないかもしれませんが、ドキュメント内のどこかctrl+oでトリガーされたものがドキュメントホットキーハンドラーによってキャプチャされるという印象を受けました。

たとえば、次のコードは一般的に機能します...

ただし、ユーザーが入力ボックス内でホットキーをトリガーすると、惨めに失敗します。

次のことを行った場合にのみ機能します。

新しい入力ボックスがDOMに追加されるたびに、いまいましいハンドラーをバインドする必要があるため、これは私の健康にかなり悪いことです。さらに悪いことに、CodeMirrorのような複雑なウィジェットの場合に何にバインドするのかわかりません。

私の問題が理にかなっているなら、おそらく私は間違ったアプローチを使用していますか？次のオブジェクトにもバインドしようとしましたが、機能しませんでした：window、、、documentbodydiv[contains the whole page]

注意：ここで試してみることができます。

私の質問は簡単に解決できるかもしれませんが、次の問題で数時間ここに座っています（すでに検索しています）：

コードエディタCodeMirror2のキーバインディングを設定するために、内部にJavaScriptコード（GoogleのGWTのJSNI）を持つJavaメソッドがあります。GWT でコンパイルしようとすると、GWT コンパイラからエラーが発生します。

私のコードは次のようになります。

本当に奇妙なことは、ネイティブ JS では、追加のキーがこの構文で機能していることです! 問題はラベルの構文だと思いますが、これを GWT で動作するように変更するにはどうすればよいですか?

ありがとう、レックス

jquery タブと codemirror に問題があります。ここで検索を行うことで、タブの読み込み時に codemirror refresh メソッドを呼び出すことをお勧めしましたが、領域をクリックしない限り、非表示のままです。サンプルのhtmlとスクリプトが添付されています

何か案は？

CodeMirrorでHTMLコードの行を強調表示しており、CodeMirrorエディターを特定の行にスクロールするアンカーを追加したいと思います。

setCursorメソッドを使用してX行までスクロールできます。ただし、CodeMirrorウィンドウの中央にX行を配置したいと思います。それをしてもいいですか？APIとデモを勉強しましたが、運がありませんでした。

ありがとう！

構築しているWebアプリにCodeMirrorインスタンスが埋め込まれています。ユーザーが新しいキャラクターを入力するまで最初のコンテンツが表示されないことを除いて、それはうまく機能します。したがって、ユーザーが変更を強制するまで、それはほとんど隠されています。これは悪いです。文字の入力をシミュレートするブラウザの再描画または更新を強制する方法はありますか？空白で十分です。

これがコードです...

これにより、コンテンツを保存し、保存されたコンテンツをテキスト領域内に表示するが、ユーザーが編集を開始した後にのみ表示する、機能するエディターが作成されます。その前は空白です。

リンクだけでも、どんな助けでも大歓迎です。みんなありがとう！

アップデート

myCodeMirrorで.refreshを呼び出すと、Chromeコンソールでエラーが出力されます。Uncaught TypeError: Cannot call method 'focus' of undefined

以下を更新

codemirrorの出力をターゲットにして、いくつかのカスタム イベントとスタイルをモジュール要素に追加しようとしています。

Codemirror は、次のコードをそのまま表示します。

DOM では、一連のスパン間でレンダリングされます。

私が抱えている問題は、モジュール要素全体に黄色の背景を追加しようとしていることですが、「=」部分が 2 つの要素の間にあるため、セレクターで対象にする方法がわかりません。

今持っているのはこれなのですが、要素の間にテキストが入っていないので、背景色に隙間があります。

これを達成する方法についての提案/アイデアはありますか?

更新 wrapAll jquery メソッドを使用して途中まで到達できましたが、表示される結果はまだ正しくありません。これで、ラップされた要素からスペースと等号が削除され、その後に配置されます。

CodeMirror2 の「onPaste」のようなイベントの後に、挿入されたコンテンツをフォーマットすることは可能ですか? - 貼り付け後にクリップボードのコンテンツをインデントしたい。JavaScript ではクリップボードにアクセスできないことは既に知っています。

それで、カット/コピー/ペースト機能を備えたコンテキストメニューを作成する可能性もないと思いますか? - 独自の JS クリップボードを作成できますか、または既存のソリューションはありますか?

ありがとう！レックス

Code Mirror をプラグインとして CMS システムに実装しました。

複数の行を選択してタブを押すと、行が削除されるという問題があります。

これは、Code Mirror デモ Web サイトでは発生しません。複数のインデントを有効または無効にする構成オプションが見つかりません。

ここに私の設定コードがあります:

コンテキスト: https://github.com/rsleggett/tridion-mirror/blob/master/src/BuildingBlocks.Tridion2011Extensions.CodeMirror/BuildingBlocks.Tridion2011Extensions.CodeMirror/Scripts/codemirror/codemirror.js

何が欠けているのかわかりません。何か案は？