web 2.0

Как установить FCKeditor в Blogengine.NET 2.0

скачать "CKEditor for ASP.NET" http://www.fckeditor.net/download  распаковать и скопировать файл CKEditor.NET.dll в /bin вебсайта BlogEngine.NET

скачать "CKEditor" http://www.fckeditor.net/download  распаковать и скопировать целиком папку ckeditor в /editors вебсайта BlogEngine.NET

на странице \admin\Pages\EditPage.aspx

добавить вверху следующую строку:

 

<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

 

и удалить

 

<%@ Register Src="~/admin/htmlEditor.ascx" TagPrefix="Blog" TagName="TextEditor" %>

ниже найти строку

 

var content = tinyMCE.activeEditor.getContent();

и заменить на:

var content = $('#<%=txtContent.ClientID %>').val();

ниже заменить:

<Blog:TextEditor runat="server" id="txtContent" TabIndex="4" />

на

<CKEditor:CKEditorControl ID="txtContent" BasePath="/editors/ckeditor/" runat="server"></CKEditor:CKEditorControl>

 

и наконец, можено изменить конфигурацию тулбара

например, я установил такой код:

 

CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    config.language = 'en';
    config.toolbar_Full =
[
    { name: 'document', items: ['Source', '-', 'NewPage', '-', 'Templates'] },
    { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
    { name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll'] },
    { name: 'insert', items: ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'] },
    //{ name: 'forms', items: ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'] },
    '/',
    { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
    { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
    '/',
    { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
    { name: 'colors', items: ['TextColor', 'BGColor'] },
    { name: 'tools', items: ['Maximize', 'ShowBlocks', '-', 'About'] }
];

};

 

Tags:

Blog