Question

我的CKeditor有一些问题。

我注意到当我与编辑一起工作时，我无法设计任何内联样式。例如，我想这样做：

<img alt="" src="upload/general.jpg" style="margin: 0 10px 10px 0; float: left;" />

但是当我保存它时，CKeditor会为我剥离它？！

<img alt="" src="upload/general.jpg"  />

最有趣的部分是我当然做了一些研究，并把所需的配置项目放在适当的位置。

正如文件所说，

//Allow everything (disable ACF)
config.allowedContent = true;

但它仍然不想传递我期望的完整给定字符串。编辑器提供的是 标签，因此显然允许这些标签。

修改

要查看实际示例，您可以转到此页面:(我的开发机器） http://dev.lemon-internet.nl:8888/stackoverflow/lemonadmin/pages/add 如果要求用户名＆amp;密码... 用户名：stackoverflow 密码：stackoverflow

这是我加载的配置文件。

CKEDITOR.editorConfig = function( config ) {

// Define changes to default configuration here.
// For the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// Toolbar configuration generated automatically by the editor based on config.toolbarGroups.
config.skin = 'moonocolor';

config.toolbar =
[
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Preview', 'Print', '-', 'Templates' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll' ] },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor', 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak', 'Iframe'] },
    '/',
    { name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] },
    { name: 'colors', items: [ 'TextColor' ] },
    { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },
    { name: 'others', items: [ '-' ] },
    { name: 'embeddButtons', items: ['Youtube'] },
    { name: 'toolbar_name', items: ['doksoft_maps'] }
];


// Remove some buttons, provided by the standard plugins, which we don't
// need to have in the Standard(s) toolbar.
config.removeButtons                            = 'Subscript,Superscript';

// Se the most common block elements.
config.format_tags                          = 'h1;h2;h3;h4;h5;h6';

// Plugins used in the editor, STANDARD!
config.extraPlugins                         = 'youtube,magicline,tableresize,doksoft_maps';

// Allow advanced tab in editor
config.linkShowAdvancedTab                      = true;
config.linkShowTargetTab                        = true;

// Allow content in editor
config.allowedContent                           = true;

// Discover if we have an subdirectory
var paths = window.location.pathname.split("/");

//  console.log(paths[1]);
if(paths[1] != 'lemonadmin')
{
    path = '/' + paths[1];
}
else
{
    path = location.protocol+'//'+location.hostname;
}

// Filemanager config for file and Image browsing and uploading
// If you are running in a subdirectory, ensure to add this here too
config.filebrowserBrowseUrl             = path + '/framework/assets/js/ckeditor/plugins/filemanager/index.html';
config.filebrowserImageBrowseUrl        = path + '/framework/assets/js/ckeditor/plugins/filemanager/index.html';

};

以下是替换textareas的代码

CKEDITOR.replace( fulleditor, {
    height: 600,
    magicline_color: 'red'
} );

Ckeditor4高级内容过滤条样式：“”

0 个答案: