2

jqueryを使用してブートストラップwysiwygにテキストを挿入する方法はありますか? ところで、私はこのページhttp://jhollingworth.github.io/bootstrap-wysihtml5/の bootstrap-wysihtml5 を使用 しました。テキストは実際にはドロップダウンからのテンプレートであり、選択された onchange 値は wysisyg に挿入する必要があります。

このコードを試しましたが、wysiwyg ではなく非表示のテキストエリアにのみテキストが挿入されます

$(document).ready(function(e) {
    $("#template").change(function(){
        var template = $("#template").val();
        if(template != '') {
            $('.textarea, .wysihtml5-sandbox').append(template);
        }
    });
});
4

1 に答える 1

4

実際のWYSIWYGtextareaエディターは.wysihtml5-sandbox. したがって、iFrame の DOM にアクセスして変更するには、まず iFrame DOM にアクセスする必要があります。

  $('.wysihtml5-sandbox').contents() 
  //Now we have the iFrame DOM to apply selectors to

  $('.textarea', $('.wysihtml5-sandbox').contents())
  //Now we have access to the textarea which contains the editor's current text

  $('.textarea', $('.wysihtml5-sandbox').contents()).append('Hello World!')
  //Now we have appended content to the editor view, the original goal

余分なもの:

$('.textarea', $('.wysihtml5-sandbox').contents()).removeClass('placeholder')
//Stops the text from being formatted as a placeholder (i.e. grayed out)
$('.textarea', $('.wysihtml5-sandbox').contents()).empty()
//Remove the existing placeholder text by emptying the textarea content
于 2013-09-05T16:34:37.057 に答える