Проблема при попытке открыть редактор tinymce во второй раз в модальном всплывающем окне(частичный вид).

---

У меня есть требование построить форму "свяжитесь с нами" с помощью MVC 3 и реализовать tincymce 4.1.2 в качестве текстового редактора.
Проблема я столкнулся в том, что впервые, когда я открываю модальное всплывающее окно, т. е. "связаться с нами" форму , tincemce редактор видна в modalup, но после закрытия модального окна, когда я пытаюсь повторно открыть модальное всплывающее окно для второй раз tincemce редакторе не видно больше в модальном всплывающем окне. Я также попробовал ниже фрагмент кода, то также tinymce редактор не приходит.
tinyMCE.execCommand("mceRemoveControl", false, "elm1")
Код, который я написал, приведен ниже Для справки –

Index.cshtml (скрипт, используемый для открытия модального всплывающего окна)

<script src="@Url.Content("~/Scripts/tinymce/tinymce.min.js")" type="text/javascript"></script>



<script type="text/javascript">
    $(function () {
        $('.modal').click(function () {
            $('<div/>').appendTo('body').dialog({
                close: function (event, ui) {
                    dialog.remove();
                },
                modal: true,
                height: 800,
                width: 800,
            }).load(this.href, {});

            return false;
        });
    });
</script>
@Html.ActionLink("show modal", "modal", null, new { @class = "modal" })

ContactUs.cshtml (частичный вид внутри модального всплывающего окна)

@model MvcApplication.Models.BlogPost
<script>
            tinymce.init({
                selector: "textarea#elm1",
                theme: "modern",
                 
                plugins: [
                     "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                     "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                     "save table contextmenu directionality emoticons template paste textcolor"
                ],
                content_css: "css/content.css",
                toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",
                style_formats: [
                     { title: 'Bold text', inline: 'b' },
                     { title: 'Red text', inline: 'span', styles: { color: '#ff0000' } },
                     { title: 'Red header', block: 'h1', styles: { color: '#ff0000' } },
                     { title: 'Example 1', inline: 'span', classes: 'example1' },
                     { title: 'Example 2', inline: 'span', classes: 'example2' },
                     { title: 'Table styles' },
                     { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }
                ]
            });
            
    </script>
  
@using (Html.BeginForm()) {
    
    @Html.ValidationSummary(true)

    <fieldset>
         

        <div class="editor-label">
            @Html.LabelFor(model => model.Title)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Title)
            @Html.ValidationMessageFor(model => model.Title)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Content)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Content, new { @id = "elm1" })
            @Html.ValidationMessageFor(model => model.Content)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>


    </fieldset>
}

Поэтому буду благодарен, если кто-нибудь поможет мне в этом вопросе.


Спасибо,
Дипак.

---