0

ここからテンプレートを使用しています

ここで、このテンプレートでCKeditorを使用したいと思います...ここ から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は私がツールバーでエディタを使用できるように提案を与えます

4

1 に答える 1

1

この問題は、CKeditorが正しくロードされていないことが原因です。

原因は2である可能性があります。

  • 適切なCKEditor3.xjavascriptファイルが含まれていないか、適切な場所にありません（〜\ Ckeditor）

  • javascriptsのロードを壊したjavascriptエラーがどこかにあります

とにかく、JavaScript関連の問題がある場合は、JavaScriptのエラーがないかブラウザ開発者コンソールを確認する必要があります。

CKEditor forASP.NETControl統合ガイド

于 2013-03-18T10:15:22.627 に答える