2015-11-12 3 views
5

私はアプリケーションとGhostDown Markdownエディタを使って簡単なメモを取ります。それはかなりいいです、私はそれが好きですが、私はプログラム的にその価値を設定しようとしています。GhostDown Markdownエディタの値を設定するには

かなり簡単に値を取得できます。 $( 'エントリー値下げ-コンテンツのtextarea')。valを()

...それはしかし別の話である設定:(私が働いているかの

プロトタイプはhttp://potusnotes.com

で見ることができます

エディタの部分については、ゴースト値下げ-Editorは CodeMirror editorを使用しています
+0

(https://でgithubの。 com/timsayshey/Ghost-Markdown-Editor)バージョン? – Blag

+0

@Blag最新のバージョンの回答を提供する場合は、必要ならば必ず更新します – Serhiy

+0

これはバージョンよりもフォークに関するものでした(GhostDown Markdownエディタの公式​​サイトは見つかりません) ;私はソースコードを見てきましたが、少しばかりです。<_>;それは 'getMarkdown'と' getHtml'を持っているようですが、セッターはありません。彼らがオーバーレイを使用しているので、正しい方法が見つからない場合は無意味です – Blag

答えて

3

。 ので、プログラムで値を設定するために、我々はCodeMirrorのインスタンスを呼び出し、

editor.setValue(txt); 

しかし、どのように行うのでしょうそのCMインスタンスを取得するには? Ghost-Markdown-Editorが作成されたウィジェットによって作成されました。ウィジェットがウィジェットのインスタンスは、それが上に使用したオブジェクトのinside .data("plugin-name")要素を保持され、jQueryのウィジェットの工場で作られたとして

$.widget("b4m.ghostDown", { 
    editor: null, 
    // ... 
    _create: function() { 
     // ... 
     this.editor = CodeMirror.fromTextArea(this.element.find('textarea')[0], { 
      mode: 'markdown', 
      tabMode: 'indent', 
      lineWrapping: true 
     }); 
    } 

} 

jquery.ghostdown.jsファイルを参照してください。

したがって、私たちはこのようにウィジェットのインスタンスおよび設定エディタの値にアクセスすることができます:あなたはこの[ゴースト-値下げ-エディタ]にある

var ghostdown = $(".editor").data("b4m-ghostDown"); 
ghostdown.editor.setValue("# Hello, SO"); 

それとも単に

$(".editor").data("b4m-ghostDown").editor.setValue("# Hello, SO"); 
+1

素晴らしい、ありがとう、これはまさに私が探していたものです。私はそれがそれのようなものになると思ったが、それを自分で考え出すのに問題があった。 – Serhiy

+0

うれしい私は助けることができました!幸いにも、フードの下でCodeMirrorでした。 – Vaviloff

関連する問題