CKEditor,TinyMCE或jQuery弹出窗口中的任何富文本编辑器

时间:2012-01-22 13:50:46

标签: c# jquery asp.net tinymce ckeditor

我正在开发一个ASP.NET Web应用程序,我将在jQuery弹出窗口中使用CKEditor或任何其他富文本编辑器,但问题是这个,我对jQuery弹出一无所知。我访问了this link,但无法理解。

2 个答案:

答案 0 :(得分:1)

您可以使用jQuery UI Dialog box。要做到这一点,只需在您的HTML中包含jQueryUI即可。

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-ui-1.8.17.min.js"></script>

然后您可以使用jQuery进行对话,如下所示:

var txt = '<div class="my-dialog-div"> <textarea id="myTextField"/></div>';

var $dialog = $(txt)
.dialog({
    modal: true,
    buttons: {
        "Add Annotation" : function() {
            // My function definition
            $( this ).dialog( "close" );
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    },
    close: function() {
        var editor = CKEDITOR.instances['myTextField'];
        if (editor) {
            editor.destroy(true);
        }
    }
});

$('#myTextField' ).ckeditor();

答案 1 :(得分:0)

如果您想使用CKEditor for Asp.net,请关注http://ckeditor.com/blog/CKEditor.NET_released