MarkdownEditor does not work when load via Boostrap modal

[thanh-vinh]

I use a Boostrap Modal to load the comment view remote which provided by another controller, but the toolbar does not work. A java script error message show each time a toolbar button is clicked.

Uncaught TypeError: Cannot read property 'length' of undefined VM728:152
    markUp VM728:152
    onclick

The error line:

function markUp(btn, source) {
    var el = $(source)
    el.focus();
    var txt = el.extractSelectedText(),
        len = txt.length, //!!! throw the exception above
        str = txt

    // Bold
    if (btn == 1) {
        str = (txt.length > 0) ? getBlockMarkUp(txt, '**', '**') : '**(bold text here)**';
    }
...

Views The Modal in the caller controller:

Modal::begin([
    'id' => 'delete-modal',
    'clientOptions' => [
        'modal' => true,
        'autoOpen' => false,
        'remote' => 'the remote content that has the MarkdownEditor widget'
    ],
]);
Modal::end();

And, the MarkdownEditor in the remote controller:

<?= MarkdownEditor::widget([
    'name' => 'task-comment',
    'height' => 80,
    'encodeLabels' => true,
    'toolbar' => [
        //...
    ],
    'footerMessage' => '',
    'showExport' => false,
]) ?>

[kartik-v]

It seems to work for content embedded in Modal. Check the demo at http://demos.krajee.com/markdown-details/markdown-editor#editor-settings.

Can you update if you missed something in your code - or post your code gist.

[thanh-vinh]

I have changed my code, put the editor in a Modal of the current view instead of remote content then it works fine.

Thanks for a great widget.