CKEditor превращается в текстовое поле при использовании в шаблоне

Question

Я использую шаблон из here

Теперь я хочу использовать CKEditor в этом шаблоне ... который я скачал с here для asp.net. Теперь, когда поставить этот CKEditor в моей форме его новообращенный, чтобы текстовое поле т.е. без панелей инструментов ...

Он хотел этого

Я использовал главную страницу

код для детей стр.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
    <fieldset> 
     <legend>Input Fields</legend> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Inline"> 
      <Triggers> 
       <asp:PostBackTrigger ControlID="drplstQuesType" /> 
      </Triggers> 
      <ContentTemplate> 
       <div class="row"> 
        <label> 
         <strong>Standard</strong> 
        </label> 
        <div> 
         <asp:DropDownList ID="drplstStd" runat="server" AppendDataBoundItems="true" Width="500" 
          OnSelectedIndexChanged="drplstStd_SelectedIndexChanged" AutoPostBack="true" CssClass="chzn-done"> 
          <asp:ListItem Text="--Select Std--" Selected="True" Value="0"></asp:ListItem> 
         </asp:DropDownList> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ForeColor="#A7474B" 
          Font-Bold="True" ControlToValidate="drplstStd" ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Select Standard' 
          InitialValue="0" SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator> 
        </div> 
       </div> 
       <div class="row"> 
        <label> 
         <strong>Semester</strong> 
        </label> 
        <div> 
         <asp:DropDownList ID="drplstSem" runat="server" Width="200" OnSelectedIndexChanged="drplstSem_SelectedIndexChanged" 
          AutoPostBack="true"> 
         </asp:DropDownList> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ForeColor="#A7474B" 
          Font-Bold="True" ControlToValidate="drplstSem" ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Select Semester' 
          InitialValue=" --Select Semester-- " SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator> 
        </div> 
       </div> 
       <div class="row"> 
        <label> 
         <strong>Subject</strong> 
        </label> 
        <div> 
         <asp:DropDownList ID="drplstSub" runat="server" AppendDataBoundItems="true" Width="200" 
          OnSelectedIndexChanged="drplstSub_SelectedIndexChanged" AutoPostBack="true"> 
          <asp:ListItem Text="--Select Subject--" Selected="True" Value="0"></asp:ListItem> 
         </asp:DropDownList> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ForeColor="#A7474B" 
          Font-Bold="True" ControlToValidate="drplstSub" ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Select Subject' 
          InitialValue="0" SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator> 
        </div> 
       </div> 
       <div class="row"> 
        <label for="f1_disabled"> 
         <strong>Chapter</strong> 
        </label> 
        <div> 
         <asp:DropDownList ID="drplstChap" runat="server" Width="200" OnSelectedIndexChanged="drplstChap_SelectedIndexChanged" 
          AutoPostBack="true"> 
         </asp:DropDownList> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ForeColor="#A7474B" 
          Font-Bold="True" ControlToValidate="drplstChap" ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Select Chapter' 
          InitialValue=" --Select Chapter-- " SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator> 
        </div> 
       </div> 
       <div class="row"> 
        <label for="f1_textarea"> 
         <strong>Topic</strong> 
        </label> 
        <div> 
         <asp:DropDownList ID="drplstTopic" runat="server" AutoPostBack="true" Width="200"> 
         </asp:DropDownList> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ForeColor="#A7474B" 
          Font-Bold="True" ControlToValidate="drplstTopic" ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Select Topic' 
          InitialValue=" --Select Topic-- " SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator> 
        </div> 
       </div> 
       <div class="row"> 
        <label for="f1_textarea_grow"> 
         <strong>Question Type</strong> 
         <%-- <small>with autogrow</small>--%> 
        </label> 
        <div> 
         <asp:DropDownList ID="drplstQuesType" runat="server" Width="200" AutoPostBack="true" 
          OnSelectedIndexChanged="drplstQuesType_SelectedIndexChanged"> 
         </asp:DropDownList> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ForeColor="#A7474B" 
          Font-Bold="True" ControlToValidate="drplstQuesType" ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Select QuestionType' 
          InitialValue=" --Select QuestionType-- " SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator> 
        </div> 
       </div> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
     <div class="row"> 
      <label for="f3_date"> 
       <strong>Question</strong> 
      </label> 
      <div> 
       <CKEditor:CKEditorControl ID="CKEditorControl1" runat="server" Height="100px" Width="650px"></CKEditor:CKEditorControl> 
       <br /> 
       <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="CKEditorControl1" 
        ErrorMessage='<img src="img/elements/forms/icon-error.png"/>Enter Question' SetFocusOnError="true" 
        Display="Dynamic" ForeColor="#A7474B" Font-Bold="True"></asp:RequiredFieldValidator> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f3_date"> 
       <strong>Option-1</strong> 
      </label> 
      <div> 
       <asp:TextBox ID="txtOption1" runat="server" Width="500px"></asp:TextBox> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f3_date"> 
       <strong>Option-2</strong> 
      </label> 
      <div> 
       <%--<input type="date" name="f3_date" id="f3_date" />--%> 
       <asp:TextBox ID="txtOption2" runat="server" Width="500px"></asp:TextBox> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f1_textarea"> 
       <strong>Option-3</strong> 
      </label> 
      <div> 
       <asp:TextBox ID="txtOption3" runat="server" Width="500px"></asp:TextBox> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f3_date"> 
       <strong>Option-4</strong> 
      </label> 
      <div> 
       <asp:TextBox ID="txtOption4" runat="server" Width="500px"></asp:TextBox> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f3_date"> 
       <strong>Option-5</strong> 
      </label> 
      <div> 
       <%--<input type="date" name="f3_date" id="f3_date" />--%> 
       <asp:TextBox ID="txtOption5" runat="server" Width="500px"></asp:TextBox> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f1_textarea"> 
       <strong>Option-6</strong> 
      </label> 
      <div> 
       <asp:TextBox ID="txtOption6" runat="server" Width="500px"></asp:TextBox> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f1_textarea"> 
       <strong>UploadFile</strong> 
      </label> 
      <div> 
       <asp:FileUpload ID="FileUpload1" runat="server" Width="283px" />&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label 
        ID="Label1" runat="server" Text=""></asp:Label> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f1_textarea"> 
       <strong>Correct Answer</strong> 
      </label> 
      <div> 
       <asp:Panel ID="Panel2" runat="server"> 
        <asp:CheckBoxList ID="CheckBoxList1" runat="server"> 
         <asp:ListItem Value="1" Text="option-1"></asp:ListItem> 
         <asp:ListItem Value="2" Text="option-2"></asp:ListItem> 
         <asp:ListItem Value="3" Text="option-3"></asp:ListItem> 
         <asp:ListItem Value="4" Text="option-4"></asp:ListItem> 
         <asp:ListItem Value="5" Text="option-5"></asp:ListItem> 
         <asp:ListItem Value="6" Text="option-6"></asp:ListItem> 
        </asp:CheckBoxList> 
        <br /> 
        <asp:DropDownList ID="DropDownList1" runat="server"> 
         <asp:ListItem Value="0" Text="--Select--"></asp:ListItem> 
         <asp:ListItem Value="1" Text="option-1"></asp:ListItem> 
         <asp:ListItem Value="2" Text="option-2"></asp:ListItem> 
         <asp:ListItem Value="3" Text="option-3"></asp:ListItem> 
         <asp:ListItem Value="4" Text="option-4"></asp:ListItem> 
         <asp:ListItem Value="5" Text="option-5"></asp:ListItem> 
         <asp:ListItem Value="6" Text="option-6"></asp:ListItem> 
        </asp:DropDownList> 
        <br /> 
        <br /> 
        <asp:TextBox ID="txtCorrectAns" runat="server" Width="200"></asp:TextBox> 
       </asp:Panel> 
      </div> 
     </div> 
     <div class="row"> 
      <label for="f1_textarea"> 
       <strong>Remarks</strong> 
      </label> 
      <div> 
       <asp:TextBox ID="txtRemarks" runat="server" Rows="5" TextMode="MultiLine"></asp:TextBox> 
      </div> 
     </div> 
     <div class="actions"> 
      <div class="left"> 
       <asp:Button ID="btnView" runat="server" Text="View details" CausesValidation="false" 
        OnClick="btnView_Click"></asp:Button> 
       <input type="reset" value="Cancel" runat="server" id="Cancel" onclick="btnCancel_Click" /> 
      </div> 
      <div class="right"> 
       <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" /> 
       <asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" /> 
      </div> 
     </div> 
    </fieldset> 
</asp:Content> 

Pls дает предложение, чтобы я мог использовать редактор с панелью инструментов

Answer 1

Эта проблема связана с неправильной загрузкой CKeditor.

Причиной может быть 2:

• Вы не включают правильный CKEditor 3.x файлов JavaScript или они не находятся в нужном месте (~ \ CKEditor)

• есть где-то Javascript ошибка, которая сломала загрузку JavaScripts

во всяком случае, когда у вас есть проблемы, связанные с JavaScript вы должны смотреть на консоли разработчика браузера для любого Java ошибки сценария.

CKEditor for ASP.NET Control Integration Guide