問題タブ [codemirror]

私は自分のjsライブラリの使用法を示す例を含むページを書いています。これらの例を編集可能で実行可能にしたいので、次のオプションがあると思いました。

• prettifyを使用して、チュートリアルページにコードを表示し、コードを実行できるエディターで新しいウィンドウを開くボタンを用意します（現在実装されているソリューション）。または、エディターをある種のモーダルダイアログにすることもできます。

• ページの例ごとに複数のCodeMirrorエディターを使用します（1ページで最大30個になる可能性があります）。それらの編集者がどれほど「重い」かわからないので、それが良い考えかどうかはわかりません。

• 編集が必要なときにCodeMirrorエディターできれいにされたコードを「スワップ」する編集ボタンを用意して、ユーザーが新しいウィンドウに煩わされることなくサンプルを編集して実行できるようにします。prettifyとCodeMIrrorの構文の強調表示を同じように見せることができるかどうかはわかりません。

これをどのように行うべきか、そしてその理由について何かアイデアはありますか？また、さまざまなコードエディタや構文ハイライターについての提案も受け付けています。そのため、この種の経験をお持ちの方がいらっしゃいましたら、その方法を教えてください。

だから私はDIVコンテナに囲まれたテキストエリアを持っています:

このテキストエリアは、CodeMirror を使用してコード エディターに変換されます。

問題は、テキストエリアのコンテナが非表示の場合 (ユーザーが表示するものによっては非表示の場合もあります)、非表示に切り替えた後、CodeMirror エディターが本来のように表示されないことです。1行しか表示されず、実際にその中をクリックして、再描画して適切に表示する必要があります.

誰かがこれの修正を知っていますか?

次のようなキーワードのみを強調したいと思います: (基本的には、単一の括弧で囲ま{KEYWORD} れた大文字の単語){}

Mustache Overlay demoからコードをコピーし、二重かっこを単一のものに置き換えて、これを試しました。

しかし、それはあまりうまくいきません:)

何か案は？

文字列に特定の文字セットのみが含まれている場合、どうすればわかります{ A-Zか}？

例えば

• {VARIABLE}=>trueを返す必要があります
• {VARiABLE}i=>内部に小文字があるため、falseにする必要があります
• { VARIABLE}=>スペースなどがあるため、falseにする必要があります。

ああ、非常に重要です：

{文字列には、との間に少なくとも1文字が}必要です。したがって、次のようになります。

• {}偽である必要があります...

アプリ:ページに textarea 要素があります。HTMLコードをインデントして強調表示する必要があるため、CodeMirrorを使用して変換されます。写真はリンクにあります：[codemirrorを使用したテキストエリア]

http://uploadingit.com/file/gxftd2cps9wm7zhp/cm.png

codemirror を使用した textarea のコードは次のとおりです。

やり方:投稿ボタンをクリックすると、すべてのコードが別のテキストエリアに送信されます。これをjavascriptまたはjQueryで行う必要がありますが、その方法に苦労しています。ヘルプはありますか？

実際のアプリの場合、このテキストエリアのコード (上の図から) は Html Designer API に影響を与えるはずです。つまり、Html デザイナーでの変更はすべて、このテキストエリア (読みやすさのために codemirror を使用) に反映する必要があり、その逆です。テキストエリアで編集すると、変更が HtmlDesigner に反映されるはずですが、このシミュレーションの場合 -> 2 番目のテキストエリアで。

例: Designer + Source モードを備えた Visual Studio .Net WebPage Code Editor など。今、それは明らかですか？

javascriptまたはjqueryを使用して上記のメカニズムを実装する方法を尋ねています。どうもありがとう！

CodeMirror または XML モード定義スクリプトを変更して、ユーザーが画面に表示してはならないいくつかの属性のフィルタリングを有効にする方法はありますか?

だから私はその属性を見つけて、「display:none」に設定された新しいクラスをそれらに与えたいだけです

例えば...

前：

後：

また、XML 自体から属性を削除したくはありません。編集結果を XML オブジェクトに変換するときに必要になるため、非表示にしたいだけです。

これは、 http: //codemirror.net/2/demo/complete.html でローカル JavaScript 変数をオートコンプリートするために使用されていることがわかります 。

このコードを編集するにはどうすればよいですか? http://codemirror.net/demo/complete.js

私は、編集中のテキスト内のさまざまなテキストを強調表示することを検討してきました。私はコード ミラーで遊んだことがありますが、非常に印象的ですが、別のモードを作成するのは難しすぎます。

強調したいことを正規表現で示すことができれば理想的です。または、同じように単純なもの。

例として、@username twitter スタイルと #tag もハイライトしたいと思います。で始まる場合があります。

プロパティ:: 値

それも強調するといいでしょう。

コード ミラー用の非常に馬鹿げたパーサーを作成する簡単な方法は非常にクールです。その方法では、高度なオプションが、私よりも JS の才能がある人のために用意されています。

これはなかなかできないことだという恐ろしい予感がします。

すべての提案を歓迎します。

Cookie にある名前の CodeMirror テキストエリアから値を取得したい。これどうやってするの？

私は試した：

Firebug は言う: formname.getValue は関数ではありません

どうもありがとうございました。あなたが私を理解してくれることを願っています。