2017-05-18 15 views
2

summernoteテキストエディタを使用しています。エディタで編集されたテキストのhtml形式を取得したい。コードビューボタンを持つsummernoteエディタツールバーで。ボタンをクリックすると、編集されたテキストのHTMLコードが表示されます。さて、htmlコードを文字列として取得したり、変数に格納したりします。どのように可能ですか?summernoteの編集済みテキストから書式付きHTMLコードを取得する方法

私を助けてください。

参照:githubのコードはhttps://github.com/summernote/summernote

+0

@ジョンの答えに例のように同じ結果が表示されるはずです

$('.summernote').summernote('code') 

をポストメソッドの後で変数にhtmlコードを取得する必要はありません。関数または実装が必要ありません – ImBS

+0

私はこのコードを使用しています

Hello World

更新されたコードが表示されません – john

+0

私の問題は解決しました。 plsは答えをチェックします。 – john

答えて

1

<div class="container"> 
<div id="summernote" class="summernote"><p>Hello World</p></div> 
<input type="submit" value="submit" onclick="myFunction()"/> 
<script> 
function myFunction() { 
    var MyDiv2 = document.getElementsByClassName('note-editable'); 
    m = MyDiv2[0]; 
    alert(m.innerHTML); 
} 
</script> 
0

あなたは、このための引数'code'と方法summernoteを持っているindex.htmlをするには、以下の行を追加しています。

例:

<div class="summernote"></div> 
<script> 
    $('.summernote').summernote(); 
</script> 

その後コンソールでのdivと種類から作成されたフィールドに何かを入力します。あなたは

関連する問題