私のタイトルはそれほど説明的ではないことを知っているので、ここで説明してみましょう。
私のブログでは、ユーザーが という名前の小さなボタンをクリックするとview:source
、ソース コードを取得するオプションを追加したいと考えていますraw format
。私はprettify.js
構文の強調表示に使用しており、以下で定義された css を使用して、ソース コードの周りにテキスト ボックスを自動的に作成します。
pre.prettyprint {
border-style: groove;
border-radius: 10px;
padding: 10px;
overflow: auto;
font-family: "DejaVu Sans Mono";
font-size: 12px;
background-color: #EBECE4
}
さて、そのテキストボックスのような構造に、ソースを未加工の形式で表示するためのオプション/ボタンを追加したいだけです。話している機能は、この dzone の投稿で見ることができます。