javascript - 如何在 Wysihtml5-Sandbox 编辑器中的光标位置插入文本

Question

沙盒编辑器，并有一些我想插入到此 iframe 中的常量。我的常量列表如下:

<ul id="email-template-tag" style="margin:0px 0px 5px 0px;padding:0px;">
    <?php foreach($tags as $key=>$value){?>
    <li class="sms-template-tag sms-template-tag" data-value="<?php echo $key;?>"><?php echo $value;?></li>
    <?php }?>
</ul>

Javascript代码如下:

$(document).on('click','#email-template-tag li', function() {
    var caretPos = document.getElementsByTagName('iframe')[0].contentWindow.getSelection();
    var textAreaTxt = $('iframe.wysihtml5-sandbox').contents().find('html body').html();
    var txtToAdd = $(this).attr('data-value');
    $('iframe.wysihtml5-sandbox').contents().find('html body').html(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) ).focus();
});

但是代码无法正常工作。它总是在第一个位置插入 li 数据值。

Answer 1

您可以使用insertHTML

editorInstance.composer.commands.exec("insertHTML", "HTMLToInsert");

希望有帮助。