为什么TinyMCE不能与asp textbox一起使用，而是html textarea？

Question

我正在将tinyMCE与asp.net网络表单一起使用。

它适用于html文本区域，但我不希望这样。我想将它与asp:textbox集成，但它不适用于此。

我已经将模式更改为多行，提供了列和行，但没有任何功能

请帮忙。

代码：

 <script src='//cdn.tinymce.com/4/tinymce.min.js'></script>
    <script>
        tinymce.init({
            selector: '#txtBoxBody'
        });
    </script>
<div class="col-md-6">
   <div class="form-group">
     <label class="control-label">
         Body
     </label>
     <asp:TextBox runat="server" ID="txtBoxBody" TextMode="MultiLine" CssClass="form-control"></asp:TextBox>
   </div>

更新：文本区域工作正常，但如果我在其中放入runat="server"属性，它也会停止工作。

Answer 1

因为呈现的TextBox的ID不是txtBoxBody，如果查看页面源代码，您会看到它类似于Body_txtBoxBody，这取决于代码的结构。

为了让它发挥作用，你需要做这样的事情：

<script>
    tinymce.init({
        selector: '#<%=txtBoxBody.ClientID%>'
    });
</script>

Answer 2

@hugo答案的替代：

<asp:TextBox ClientIDMode="Static" runat="server" ID="TB" Enabled="true"></asp:TextBox>
<script>
    tinymce.init({
        selector: '#TB',
    });
</script>