0

私が知る限り、このコードは機能するはずですが、機能せず、完全に困惑しています。何かご意見は？

jQuery

$('.article_chooser').click(function() {
    var src = $(this).attr('value');
$("#doc_edits_attributes_0_body").parent("iframe html body").html($("#article"+src).html());
console.log($("#doc_edits_attributes_0_body").parent("iframe html body").html());
});

HTML

<textarea class="editable_areas" cols="40" id="doc_edits_attributes_0_body" name="doc[edits_attributes][0][body]" rows="20" style="display: none;"></textarea>
<iframe class="wysihtml5-sandbox" security="restricted" allowtransparency="true" frameborder="0" width="0" height="0" marginwidth="0" marginheight="0">
    <html>
        <body marginwidth="0" marginheight="0" contenteditable="true" class="editable_areas wysihtml5-editor" spellcheck="true">
        </body>
    </html>
</iframe>

乾杯！

4

2 に答える 2

9

bodyiframe のコンテンツを編集するには、iframe内でタグを呼び出す必要があります。

<iframe class="wysihtml5-sandbox" security="restricted" allowtransparency="true" frameborder="0" width="0" height="0" marginwidth="0" marginheight="0" id="iframe">
    <html>
        <body marginwidth="0" marginheight="0" contenteditable="true" class="editable_areas wysihtml5-editor" spellcheck="true">
        </body>
    </html>
</iframe>

<script type="text/javascript">
$(document).ready(function() {
    $('#iframe').contents().find('body').html('New Content');
});
</script>
于 2013-05-23T01:24:42.267 に答える
2

wysihtml5getValueプラグインには API があり、メソッドを使用できます。

var value = editorInstance.getValue();

setValueまたは、値を設定する場合は、次のメソッドを使用できます。

editorInstance.setValue('a string');

.exec()または、html コンテンツを追加する場合は、次のメソッドを使用できます。

editorInstance.composer.commands.exec("insertHTML", "<p>bar</p>");
于 2013-05-23T01:44:11.997 に答える