javascript - 将数据从 HTML data-* 传递到 CKEDITOR 文本区域

Question

我想将数据从 html data-* 传递到 CK EDITOR ，但我不知道如何解决它。

我的html:

<a 
data-content='MY DATA'
data-toggle="modal" data-target="#modal-data">
<button data-toggle="modal" data-target="#modal-data" title="Edit"><i class="fa fa-pencil"></i></button>
</a>

<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" id="modal-data" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="block block-themed block-transparent remove-margin-b">
        <div class="block-header bg-primary-dark">
            <ul class="block-options">
                <li>
                    <button data-dismiss="modal" type="button"><i class="si si-close"></i></button>
                </li>
            </ul>
            <h3 class="block-title">Form Articles</h3>
        </div>
            <form class="js-validation-bootstrap form-horizontal" method="post" enctype="multipart/form-data" role="form" id="form">
             <div class="block-content">
                     <div class="form-group">
                         <label class="col-lg-2 col-sm-2 control-label">Content</label>
                         <div class="col-lg-10">
                          <textarea class="form-control" id="content" name="content" style="width: 450%; height: 500px;"></textarea>
                         </div>
                     </div>
                 </div>
                </form>
            </div>
            </div>
        </div>
    </div

我尝试使用这个 jquery，但不起作用，这里是我的 jquery:

$('#modal-data').on('show.bs.modal', function (e) {
    var div = $(e.relatedTarget);
    var modal = $(this)
    $('.block-title').text('Edit Articles');
    var b = modal.find('#content').val(div.data('content'));
    CKEDITOR.instances['content'].getData(b);
});

如果我使用 ckeditor，该值不会显示，但是当我尝试使用不带 ckeditor 的 textatrea 时，它可以工作。

Answer 1

您需要使用setData进行cke

CKEDITOR.instances['content'].setData(b)