12

jQueryを介してtextarea内のコードを強調表示するための適切で論理的な方法はありますか?ある場合は共有してください。

4

5 に答える 5

22

CodeMirrorhttp://codemirror.net/を使用できます

...ブラウザ用にJavaScriptで実装された多用途のテキストエディタ。コードの編集に特化しており、より高度な編集機能を実装する多数の言語モードアドオンが付属しています。

豊富なプログラミングAPIとCSSテーマシステムを使用して、 CodeMirrorをアプリケーションに合わせてカスタマイズし、新しい機能で拡張できます...

于 2011-04-25T15:08:28.690 に答える
4

いいえ、ありません。テキストエリア全体にスタイルを適用できますが、テキストエリア内のテキストの一部には適用できません。

textareaの代わりとして機能するものが必要になります。ここに、いくつかのリストを示します。

于 2010-07-21T16:49:12.987 に答える
1

コードでSQL、PHPなどを意味する場合は、Codepressをご覧ください。これは、Javascriptで記述された、リアルタイムの構文強調表示エディターです。

編集:

より現代的で積極的に維持されている代替案を好む場合は、エースを検討する必要があります。

于 2010-07-21T20:55:54.380 に答える
1

次の検索コードを使用して、テキストの一部を強調表示できます。

<script type="text/javascript">
    $(document).ready(function() {
        $("textarea").highlightTextarea({
              words: ["first word","an other word"]
        });
    });
</script>

テキストエリアでのハイライトの詳細については、テキストエリアへのテキストのハイライトをご覧ください。

于 2013-03-14T11:29:43.773 に答える
0

私もライブ構文カラーリングの最良の解決策を探していたので、textarea(魔女も働いています)よりも古い、機能している古代のソフトウェア(2007)を見つけました:

1.Codepress

https://sourceforge.net/projects/codepress/files/

次に、index.htmlで117行目がに置き換えられました

<textarea spellcheck="false" id="codepress2" class="codepress javascript linenumbers-off" style="width:700px;height:200px;" wrap="off">

Webでnotepad++/ editplusのようなライブ構文の色付けが行われるため、この時代に小さなコードを「再描画」、「再忘れ」することができます...

それはあなた次第です ...

2.MITLDT =ミニマリスト構文の色付け
https://github.com/kueblc/LDT

..私が行ったすべてのテストは、カスタムapache php 8.1 mariadbカスタムサーバーリモートバギー/スパイフリー)で行われているため、これら2つは正常に機能します。

したがって、答えは次のとおりです。何かを再コーディングするために開いた場合、これらは作成者が受け入れることでjqueryで再コーディングできます(詳細についてはライセンスを確認してください)

于 2021-11-16T06:52:06.083 に答える