为什么 TinyMCE 不适用于 asp 文本框，而适用于 html textarea？

Question

我正在使用带有 asp.net 网络表单的 tinyMCE。

它适用于 html textarea，但我不想要那样。 我想将它与 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>

更新：Textarea 工作正常，但如果我将 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>