問題タブ [ui-codemirror]

顧客向けのカスタム言語を書きたいです。何かを評価したい。Webサービスがあります。一部の json データはサービスから取得されます。

var data = {"a": {"foo": "bar-a", "bar": "baz-a"}, "b": {"foo": "bar-b", "bar": " baz-b", "moo": "ハザ"}}

エディター内でこれらのデータにアクセスする必要があります。

しかし、このデータをエディターでハード コードとして表示するべきではありません。私はSETVALUEメソッドを知っています。ただし、エディターにjsonが追加されます。私はこれをしたくありません。値を設定してエディターで非表示にする方法は?

下 ; これは私のコードです。私はデータjsonを見たくありません。しかし、私はctrl + SPACEにアクセスする必要があります。

構文の強調表示、行番号、書式設定機能のために、テキストエリアで angular ui codemirror を使用しました。

しかし、ui-codemirror を統合した後、テキスト領域での入力の遅延に直面しています。ユーザーがテキストエリアからコンテンツを削除しようとすると、同じ遅延が発生します。

angular.js 1.0.8、codemirror バージョン 4、angular ui codemirror ディレクティブを使用しています。

誰かがこれに対する解決策を持っていますか?

ありがとう、ジェイ

プロジェクトで ui-codemirror AngularJS ディレクティブを使用しており、入力を追加する分度器テスト (devopshammer/src/test/webapp/e2e/json-spec.js) を作成したいと考えています。

モデル (ng-model 属性) で要素を検索すると ui-codemirror 要素が返されますが、sendKeys() メソッドを使用して入力を追加することはできません (その子要素にもありません)。

誰もそれを行う方法のヒントを持っていますか?

スタックトレース：

テンプレート コード:

テストコード:

GitHub リポジトリについては、ここをクリックしてください。

codemirror-ui で、ここで説明されているコマンドのいずれかを実行したい: https://codemirror.net/doc/manual.html#commands

次のコードがあります。

コントローラ：

JSON 用の簡単な CodeMirror 入力をまとめており、ユーザーが混乱しないようにするために、json-lint アドオンを使用しています。私の問題は、空の CodeMirror 入力をレンダリングするとすぐに lint エラーが表示されることです。空の入力が有効な JSON を構成しないことは理解していますが、入力が行われたときにのみ実行することをお勧めします。

私はaddon/lint/json-lint.jsアドオンを使用しています。アドオンはjsonlintパッケージを使用しています。

JS

空の入力結果の例:

糸くずメッセージ:

空の入力のリンティングを無効にするドキュメントには何も表示されません。簡単なものがありませんか？

angularアプリケーションにui-codemirrorを実装しました。lint をオンにした後、コンソールにエラーが表示されます。

lint.js:20:3:

これらはエディターの私のオプションです

そして、ここに lint.js が含まれています (私のインデックスの一番下、他のすべての codemirror スクリプトの後)

外部モジュール を使用して、ネストされたディレクティブを使用して、コード形式のブロックに含まれる AngularJS ディレクティブangular-ui-codemirrorを表示しようとしています。$element.html()ui-codemirror

私がこれを行う必要がある理由を知りたい場合は、こちらをご覧ください。

静的テキストでこれを行う方法を例から簡単に確認できます。そしてinnerHTML、囲んでいるディレクティブの を問題なく渡すことができます。ui-codemirror後でディレクティブにコンパイルされないだけです。

ここで、これを行うにはおそらくサービスを使用する必要があることがわかります$compileが、その例をこの状況に適応させることはできません。

AngularJS コードの例を次に示します。

そしてhtml：

私のジレンマを説明するために、このプランカーを作成しました。最初のブロックはフォーマットされていません。2 番目のブロック (静的) がフォーマットされます。

ヒントを表示し、ui-codemirror で辞書を定義する方法は?

ng-codemirror-dictionary-hint で試しましたが、エラーが発生します

instance.showHint は関数ではありません