jquery - jQuery UI ダイアログの jWYSIWYG

Question

ダイアログ内で使用しようとすると、エディターに問題があるようです。

私は自分のアプリケーションをテストしましたが、通常のページ (メインの html) ではすべてうまくいきます。AJAX の結果をメインの html に配置すると、アコーディオンでもエディターを使用できます。しかし、エディタでアコーディオン AJAX の結果をダイアログに入れると、壊れてしまいます。ボタンは表示されますが、テキストが表示されず、何も入力できません。

コードの一部:

Javascript: Ajax 呼び出し

$.ajax({
    type: 'get',
    url: '/mvc/pi/report/chapters',
    dataType: 'html',
    data: {
       candidateId : id,
       projectId : projectId
    },
    success: function(data) {
        $('#report').html(data);
        $("textarea").wysiwyg();
    }
});

AJAX 呼び出しの HTML 結果

    <div id="contentInput">
    <form name="chapterList" id="contentInputForm">
    <input type="hidden" name="projectId" value="<?= $this->projectId; ?>">
    <input type="hidden" name="candidateId" value="<?= $this->candidateId; ?>">
    <input type="hidden" name="img" id="imgInput">
    <div class="box-rounded">
        <ul>
            <li><?=$this->translate('First name')?>: <?= (is_object($this->candidate) ? $this->candidate->getUser()->getFirstName() : ''); ?></li>
            <li><?=$this->translate('Last name')?>: <?= (is_object($this->candidate) ? $this->candidate->getUser()->getLastName() : ''); ?></li>
            <li><?=$this->translate('Match')?>: <?= (is_object($this->candidate) ? $this->candidate->getCandidateMatch() : ''); ?></li>
        </ul>
    </div>
    <div id="accordion">
    <h3><a href="#">Grafiek</a></h3>
    <div id="grafiek"></div>
    <h3><a href="#">Keywords</a></h3>
    <div>
        <fieldset>
            <div class="rw input autowidth">
                <label class="labeled-input">
                    <input class="labeled-input" type="text" name="keyword" value="<?= (is_object($this->candidate) ? $this->candidate->getKeywords() : ''); ?>" />
                    <span class="value visible"><?= (strlen((string) $this->candidate->getKeywords()) > 0 ? '' : 'Keywords'); ?></span>
                </label>
            </div>
        </fieldset>
    </div>
<?php foreach($this->chapters as $chapter): ?>
        <h3><a href="#"><?= $chapter['name']; ?></a></h3>
        <div>
            <ul>
                <li>
                    <label for="active_<?= $chapter['id']; ?>"><?= $this->translate('Show in Report'); ?></label> <input name="active_<?= $chapter['id']; ?>" type="checkbox" <?= ($chapter['active'] ? 'checked' : ''); ?>>
                </li>
                <li>
                    <textarea id="chapter_<?= $chapter['id']; ?>" rows="20" cols="70" name="chapter_<?= $chapter['id']; ?>"><?= (isset($chapter['content']) ? $chapter['content'] : ''); ?></textarea>
                </li>
            </ul>
        </div>
<?php endforeach; ?>
    </div>
    </form>
</div>

この問題を解決する方法を提案している人はいますか?