0

StackExchange がそのサイトで使用するような Markdown エディタを、ブックマークレットまたはブラウザ拡張機能を使用して Forrst.com サイトにロードしようとしています。

基本的には必要なようです...

  1. ページに CSS ファイルを読み込みます
    https://raw.github.com/ujifgc/pagedown/master/demo/browser/demo.css

  2. これらの 3 つの Javascript ファイルをページにロードします。

    https://raw.github.com/ujifgc/pagedown/master/Markdown.Converter.js
    https://raw.github.com/ujifgc/pagedown/master/Markdown.Editor.js
    https://raw.github. com/ujifgc/pagedown/master/Markdown.Sanitizer.js

  3. この Javascript をページにロードして、すべてを実行します... 

//Load and run this code in the page...
// Find and replace the curent textarea with the HTML we
// need for our markdown editor to work 
var htmlToReplace = ' \
  <div class="wmd-panel"> \
    <div id="wmd-button-bar"></div> \
      <textarea class="wmd-input" id="wmd-input" name="description"></textarea> \
  </div> \
  <div id="wmd-preview" class="wmd-panel wmd-preview"></div>';

$("#description").replaceWith(htmlToReplace)

//Run the markdown editor scripts
(function () {
    var converter1 = Markdown.getSanitizingConverter();
    var editor1 = new Markdown.Editor(converter1);
    editor1.run();
})();

このようなことを達成する方法について誰かが私を正しい方向に向けることができれば、私はそれが可能だと信じています

4

1 に答える 1

1

それらを別のウェブサイトにロードしたい場合、Chrome ではコンテンツ スクリプトと呼ばれる非常に簡単な方法でロードできます。

基本的に、拡張機能manifest.jsonを作成し、プロジェクトのディレクトリ内の場所への相対パスを指定して、ロードする JavaScript ファイルをファイルに指定します。

手順は次のとおりです。

  1. フォルダを作成する
  2. そのフォルダに、ブラウザにロードするファイルを配置します
  3. ファイルを作成しmanifest.json、そこに読み込みたいCSSファイルとJavaScriptファイルを指定します (マニフェスト ファイルへの相対パスを指定します)。
  4. Chrome で、ローカル拡張機能をインストールします
  5. テストを続けてください。ファイルに変更を加えるたびに、インストールしたページ ( chrome://extensions) で [拡張機能の再読み込み] をクリックしてください。これにより、ファイルが再読み込みされ、自動的に再起動されます。

それはあなたの質問の少なくとも一部に答えていますか?

于 2012-05-11T03:10:00.187 に答える