Asp.net 使用AjaxControlToolkit&x27;莫达尔波普酒店
我通过使用适用于ASP.NET(V3.6.4)的Ckeditor控件嵌入了带有Ckeditor的*.ascx控件。我也有来自AjaxControlToolKit4.5的ModalPopup控件,连接到链接按钮。单击时,它会显示带有单选按钮列表的面板,并借助一些代码隐藏逻辑进行填充 我应该如何更改我的*.ascx控件,使其在工具栏中有一个CKEditor'a插件按钮,从而触发此ModalPopup 代码(不工作):Asp.net 使用AjaxControlToolkit&x27;莫达尔波普酒店,asp.net,ckeditor,ajaxcontroltoolkit,Asp.net,Ckeditor,Ajaxcontroltoolkit,我通过使用适用于ASP.NET(V3.6.4)的Ckeditor控件嵌入了带有Ckeditor的*.ascx控件。我也有来自AjaxControlToolKit4.5的ModalPopup控件,连接到链接按钮。单击时,它会显示带有单选按钮列表的面板,并借助一些代码隐藏逻辑进行填充 我应该如何更改我的*.ascx控件,使其在工具栏中有一个CKEditor'a插件按钮,从而触发此ModalPopup 代码(不工作): $(函数(){ 变量a={ 执行:函数(编辑器){ javascript:_do
$(函数(){
变量a={
执行:函数(编辑器){
javascript:_doPostBack('ctl03$LinkButton1','')//测试的显式id
}
},
b=‘modalPopup’;
CKEDITOR.plugins.add(b{
init:函数(编辑器){
editor.addCommand(b,a);
editor.ui.addButton(“modalPopup”{
标签:“模式弹出窗口”,
图标:“~/Images/modal\u popup.png”,
指挥部:b
});
}
});
});
选择要插入的短语:
我找到了更好的CKEditor模式弹出功能解决方案-我决定将其作为CKEditor插件编写。这是一种更容易维护的方法
这个答案的目的是结束这个老问题
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CKEditorWithModalPopup.ascx.cs" Inherits="Controls_CKEditorWithModalPopup" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<script type="text/javascript">
$(function () {
var a = {
exec: function (editor) {
javascript: __doPostBack('ctl03$LinkButton1', '') // explicite id for test
}
},
b = 'modalPopup';
CKEDITOR.plugins.add(b, {
init: function (editor) {
editor.addCommand(b, a);
editor.ui.addButton("modalPopup", {
label: 'Modal Popup',
icon: "~/Images/modal_popup.png",
command: b
});
}
});
});
</script>
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor" Toolbar="Basic" runat="server" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="LinkButton1"
PopupControlID="Panel1" BackgroundCssClass="modalBackground" OkControlID="OkButton"
CancelControlID="CancelButton" DropShadow="true" PopupDragHandleControlID="Panel3" />
<asp:LinkButton ID="LinkButton1" runat="server" Text="Click here to change the paragraph style" />
<asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
<asp:Panel ID="Panel3" runat="server" Style="cursor: move; background-color: #DDDDDD;
border: solid 1px Gray; color: Black">
<div>
<p>
Choose the phrase to insert:</p>
</div>
</asp:Panel>
<asp:RadioButtonList ID="rbList" runat="server" />
<p style="text-align: center;">
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</p>
</asp:Panel>