syntaxhighlighter右上の疑問符アイコンを取り除く3つの方法
1399 ワード
無料の製品を使うと宣伝の義務がありますので、このツールを使うと自動的にヘルプアイコンが表示されます。これをクリックすると公式サイトに訪問して募金を呼びかけます。
syntaxhighlighter
公式のやり方は申し分ないですが、もしこの目障りなアイコンをキャンセルしたいなら、また有料にしたくないです。どうすればいいですか?私が知っている3つの方法は以下の通りです。
方法1
ホームページの前では、通常はリガで以下のようなコードがあります。
<script type=「text/javascript」SyntxHighlighter.defaults['toolbar]=false;スクリプト>
方法2
preのclassリガで「toolbar:false」(太字部分)は、次のようになります。
<pre class=「brsh:js」toolbar:false;">ここにカラーコードを置きます。
注意:色付けコードのマークがtextareaである場合もありますが、方法は同じです。例えば:
<textarea class=「brish:js」toolbar:false;">ここにカラーコードを入れます。
方法3
syntaxhighlighterの使用形態は多くありますが、場合によっては上記の2つの方法が無効であることが分かります。cssを直接修正する方法を使って右上の疑問符アイコンを取り除くことができます。
まずshCore.cssというファイルを見つけました。(通常はstyleというフォルダの下で)それを開けて、中に「.syntaxhighlighter.toolbar{」(太字部分)を見つけて、この類の最後にdisplay:noneを加えます。太字の部分)でいいです。
実例は以下の通りです
syntaxhighlighter
公式のやり方は申し分ないですが、もしこの目障りなアイコンをキャンセルしたいなら、また有料にしたくないです。どうすればいいですか?私が知っている3つの方法は以下の通りです。
方法1
ホームページの前では、通常はリガで以下のようなコードがあります。
<script type=「text/javascript」SyntxHighlighter.defaults['toolbar]=false;スクリプト>
方法2
preのclassリガで「toolbar:false」(太字部分)は、次のようになります。
<pre class=「brsh:js」toolbar:false;">ここにカラーコードを置きます。
注意:色付けコードのマークがtextareaである場合もありますが、方法は同じです。例えば:
<textarea class=「brish:js」toolbar:false;">ここにカラーコードを入れます。
方法3
syntaxhighlighterの使用形態は多くありますが、場合によっては上記の2つの方法が無効であることが分かります。cssを直接修正する方法を使って右上の疑問符アイコンを取り除くことができます。
まずshCore.cssというファイルを見つけました。(通常はstyleというフォルダの下で)それを開けて、中に「.syntaxhighlighter.toolbar{」(太字部分)を見つけて、この類の最後にdisplay:noneを加えます。太字の部分)でいいです。
実例は以下の通りです
.syntaxhighlighter .toolbar {
position: absolute !important;
right: 1px !important;
top: 1px !important;
width: 11px !important;
height: 11px !important;
font-size: 10px !important;
z-index: 10 !important; //
display: none; // ?
}
本人が何度もテストした結果、上記の3つの方法で、いつも有効にsyntaxhighlighter右上の疑問符アイコンを取り除くことができます。