問題タブ [syntaxhighlighter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
113 参照

javascript - 古いバージョンのシンタックスハイライターを追加する方法

サイトに Syntax Highlighter ( http://alexgorbatchev.com/SyntaxHighlighter/ ) の最新バージョンを追加しました。

ここに画像の説明を入力

次の図に示すように、いくつかのブログで、プリンターとコピー ボタンを備えた Syntax Highlighter バージョンを見たことがあります。このように自分のサイトにもコード スタブを追加したい

ここに画像の説明を入力

このバージョンを自分のサイトに追加できますか?? これを行う方法を教えてください。または、新しいバージョンを変更する方法は?

0 投票する
1 に答える
2124 参照

css - AlexのGorbatchev SyntaxHighlighterでフォントサイズを変更するには?

Alex Gorbatchev の SyntaxHighlighter .cssテーマ ファイルのフォント サイズを変更しようとしたりfont-size、タグなどで使用したりしました<pre>が、何も起こりません。サイズは変わりません。

PD : これはshCore.cssメイン ファイルです。

0 投票する
6 に答える
4422 参照

blogger - BloggerSyntaxHighlighterがまったく機能しない

私はBloggerにSyntaxHighlighter3.0.83を数時間インストールしようとしています。多くのチュートリアルを試しましたが、それでも機能しません。つまり、preタグに挿入された通常のテキストと同じように見えます。

新しいブログを作成して貼り付けました。

...ヘッドタグを閉じる直前。上に貼り付けたコードはここで生成されました:generator

奇妙なことに、それは私自身のhtmlドキュメントで機能します。例として:

ただし、同じpreタグはブロガーでは機能しません。

貼り付けもしてみました

ボディの最後に、b:skinタグの最後にスタイルを貼り付けます。どちらも機能しません。そして、私はコードを作成部分に貼り付けません:)私は非常に混乱しているので、どんな助けでも非常にありがたいです。

0 投票する
1 に答える
623 参照

java - gwt-syntaxhighlighterを機能させる

私はSyntaxhighlighterのGWTラッパーを機能させるのに苦労してきました。ライブラリをhttp://code.google.com/p/gwt-syntaxhighlighter/から入手しましたが、どれも機能していないようです。私は、外部ライブラリの使用についての私の理解が非常に貧弱なのか、それとも実際にJARが正しく構築されていないのか疑問に思い始めています。誰かがこれを使用することができましたか?これを実行するために必要なのはgwt-syntaxhighlighter-1.1.1-gwt-standard.jarだけで、ソースとHighlighter.gwt.xmlファイルの両方が不足しています。他のJAR(http://cl.ly/K1N4)のコンテンツを組み合わせることで、次の例外が発生しました。

http://www.pastit.dotcloud.com/131

私の設定は次のとおりです。ビルドパスにカスタムビルドのjarがあります。私のMainPage.gwt.xmlには次の行が含まれています。

<inherits name='com.alexgorbatchev.syntaxhighlighter.Highlighter'/>

そして私のコードのどこかで私は次のことをします:

上記の行に達するとすぐに、私が提供した例外がスローされます。どんな種類の助けも大歓迎です!

0 投票する
1 に答える
811 参照

javascript - 行番号を壊さずにSyntaxHighlighterで改行を有効にする

SyntaxHighlighterは、改行なしで行を表示します。長い行が1行に表示され、水平スクロールバーがコンテナに追加されます。

私はそのスクロールバーが欲しくなく、SyntaxHighlighterでいくつかの強制的で単純なCSSルールを使用して改行を強制することができます。

問題は、コンテンツと行番号が同じコンテナに表示されないため、行がそのように分割された場合、行番号が正しい行と一致しないことです。

あまり問題なく動作するチャンスはありますか?どんなアイデアでも大歓迎です。

0 投票する
1 に答える
268 参照

jquery - synthax蛍光ペン-textarea要素で強調表示されたテキストを編集します

Alex GorbatchevのSynthax蛍光ペンを実装しましたが、うまく機能していますが、ユーザーが強調表示されたテキスト(それまでにtextareaからdivになりました)をダブルクリックすると、編集モードになります(強調表示されたテキストデータを使用して名前のないtextareaをその場で生成します)初期化)。ボタンを作成し、新しく入力/編集したテキストを取得してajaxを介して再POSTしようとするクリックイベントを実行しましたが、textarea(ハイライトされたdivに変わった)にあった古いテキストまたは「undefined」のいずれかを取得し続けます。新しく入力したテキストを取得するためにjQueryを使用していますが、うまくいきません。どんな助けでも大歓迎です!

0 投票する
0 に答える
121 参照

textbox - ライトスイッチのテキストボックスでのシンタックスハイライト

ライトスイッチのテキストボックスに構文の強調表示を追加する方法を知っている人はいますか? 存在しないと思われるので、機能を追加したい場合、どこから始めればよいか提案はありますか?

0 投票する
1 に答える
460 参照

php - PHPエコーで開始するときのシンタックスハイライトのインデント

AlexGorbatchevのSyntaxHighlighterを使用しコードを出力していますが、phpエコーで行を開始すると、最初のインデントが保持されないという問題が発生します。たとえば、私が次のことを期待する場合:

以下を出力します。

代わりに、以下を出力します。

インデントされた4つのスペースを失います。上の行に静的テキストを追加すると、意図したとおりにスペースが保持されます。

また、3行目を次のように変更してみました。

これも効果がありません。シンタックスハイライトを初期化するJavaScriptは次のとおりです。

明確にするために、蛍光ペンは他のすべての方法で期待どおりに機能しています。

何か案は?

0 投票する
1 に答える
2297 参照

java - JTextPane 構文強調表示

私は現在、Java での C プログラミング用の非常に単純な IDE に取り組んでいます。簡単に言えば、マイナーなコード推測 (Eclipse に似ています)、いくつかのマイナーな自動補完 (もう一度、Eclipse を考えてください)、およびいくつかの構文の強調表示があることを意味します。適切な構文の強調表示に問題があることを除いて、ほぼすべてを把握して大まかにまとめました(つまり、機能しますが、きれいでも効率的でもありません)。

つまり、私のコード JFrame では、JTextPane を配置して、さまざまなフォント、太字、太字の解除、イタリック体を使用し、さまざまなテキストの色を比較的簡単に追加できるようにしました。この JTextPane に接続されたキー リスナーがあり、スペース キーを押すたびに、今書いた内容を取得し、「if」ステートメント ツリーを実行して、書いた単語がキーワードかどうかを確認します。そうした場合、それはあなたが書いたものを強調表示しようとします (または強調表示しません)。ただし、スペースバーを押す前に色を変更する必要がある場合があります (コメントや #define ステートメントなど)。問題ありませんよね?別の「if」ステートメントを追加して、そのキーが押されたかどうかを検出し、押された場合はフォントの色を変更します。まあ、それは私がやろうとしたことですが、うまくいきません。

意味が分からなかったら申し訳ありませんが、必要に応じてもう少し説明させていただきます。また、コードを短くするために、不要なコードを可能な限り削除しました。

お時間をいただきありがとうございました!

〜セント

SSCCE:

編集:

問題を再現するには、上記のコードを実行します。textPane で、「if」という単語 (引用符なし) を入力し、スペースバーを押します。単語は太字になり、灰色になります。次に、その後に「#」(引用符なし) (間にスペース) を入力して、スペースまたはその他のキーを押します。何も起こりません。ただし、システムは「Number sign hit!」を出力する必要があります。「#」を入力すると、コードは実際にはまだ到達可能であることを意味します。また、「if」と同じコードを「#」にも (色の変更以外は)使用していることにも注意してください。問題をもう少し理解するのに役立つことを願っています。

0 投票する
0 に答える
134 参照

syntaxhighlighter - SyntaxHighlighter 3.0.83 を使用すると、いくつかのバグが見つかります

ここに画像の説明を入力

画像が示すように、177行目以降、行番号が見つかりません。便宜上、ここに問題があります。