Tag: ckeditor

如何再次摧毁和重新初始化CKEDITOR？: 我使用下面的代码来销毁编辑器实例。 editor.destroy(); 在此之后，我尝试使用以下代码初始化CKEditor并设置内容。 CKEDITOR.replace(‘editor1’); CKEDITOR.instances[‘editor1’].setData(“MY HTML DATA”); 但是，当我这样做时，只显示空的HTML页面。我怎样才能以正确的方式做到这一点？

ckeditor属性来调整图像大小: ckeditor中是否有任何属性会在上传到指定维度后调整图像大小。例如：如果用户上传1000*1000 px的图像并且没有resize，则可能是大屠杀。因为我正在保存并在同一页面上显示而不使用ajax进行刷新。我想要的是从ckeditor上传时自动调整图像大小。同样，有什么方法我可以使用jquery找到用户保存的文本中是否有任何图像，因为用户可能会或可能不会上传图像，我使用inplace ckeditor。

jQuery UI可在CKEditor中resize: 我试图在使用jQuery UI Resizable的CKEditor实例中获取。我使用以下代码来设置jQuery UI Resizable： var ckinstance = CKEDITOR.instances.ckeditor-1; ckinstance.on(“instanceReady”, function() { $(ckinstance.document.$).find(“.gallery”).resizable(); }); 这似乎只有一半的工作。如果我在CKEditor实例中检查HTML，则div具有句柄等的所有jQuery UI Resizable标记，但div似乎无法resize。有谁知道为什么div不会resize？

如何使用jQuery直接操作CKEditor内容？: 我想使用jQuery直接操作CKEditor实例中的内容。例如，假设我想添加一个按钮，该按钮将在编辑器内容中找到所有h1，并在标题文本前面加上“Title：”。这在使用jQuery的普通页面内容中很容易：类似于$(‘h1’).prepend(‘Title: ‘)应该这样做。但是，我在CKEditor文档中找不到有关如何对内容执行此类操作的任何信息，即使是在插件中也是如此。我发现的最接近的答案是一个类似的问题，声称它可以在一个插件中实现，但它实际上并没有回答如何去做的问题。

有没有办法为每个编辑器实例覆盖CKEditor的配置文件？: 我有全局尺寸和高度设置 CKEDITOR.editorConfig = function( config ) { config.height = ‘400px’; config.width = ‘600px’; … 我想在单独的页面上仅为编辑器的一个实例更改此高度和宽度。有没有其他人完成这个？

内联CKEditor，生成代码上有工具栏: 我正在建立一个cms的后端。我被要求创建一个模块，生成不同的块以快速创建页面（下面带有文本的图片，右边带有文本的图片等）这一点是有效的，但编辑文本我正在尝试使用ckeditor。使用以下代码，文本是可编辑的，但我没有得到工具栏： {{title}} {{text}} 为了尝试解决这个问题，我尝试使用CKEditor指南中的javascript： CKEDITOR.disableAutoInline = true; CKEDITOR.inline( ‘editable’ ); 此代码只是创建一个错误： Uncaught TypeError: Cannot call method ‘getEditor’ of undefined 我想这是因为在生成文本之前，编辑器没有任何内容可以链接到。任何人都可以帮我用工具栏编辑生成的代码吗？此外，是否可以让ckeditor使用类名而不是ID？提前致谢

CKEditor的多个实例（在Safari中）: 我在JQuery UI对话框中创建CKEditor的多个实例时遇到问题。该对话框通过AJAX加载远程表单，因此目标是能够关闭并重新打开对话框并拥有编辑器的新实例。使用默认选项时，重新打开对话框时会出现错误，指出已存在具有该名称的编辑器。所以我尝试了几种破坏编辑器实例的方法，它们都导致了同样的问题。重新加载编辑器时，文本区域显示为null，按钮不起作用。目前我正在使用这种破坏实例的方法： var instance = CKEDITOR.instances[‘test’]; if (instance) { CKEDITOR.remove(CKEDITOR.instances[‘test’]); } 我在这里可以下载几个简单的html文件重新创建了这个问题。编辑：我只是尝试使用两个远程文件与文本区域具有不同的名称，我有同样的问题。当一个对话框打开然后关闭时，另一个对话框在打开时有一个“null”CKEditor。此外，显然这只是Safari中的一个问题。

CKeditor将类添加到img标签中: 我想在CKeditor中为任何插入的img标记添加一个类。我尝试了各种方法，但似乎无法弄清楚这个插件的设置是如何工作的。虽然有大量文档，但它只提到需要添加代码，但不应该添加代码，有大量文件。我尝试将它添加到config.js的底部 /** * @license Copyright (c) 2003-2014, CKSource – Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or http://ckeditor.com/license */ CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. // For complete reference see: // http://docs.ckeditor.com/#!/api/CKEDITOR.config // The toolbar groups arrangement, optimized for two toolbar rows. […]

CKEditor新实例始终被卸载: 我在我的Angular应用程序中使用CKEditor，并且每次用户访问新模型时都会重新加载我的CKEditor实例。我正在使用以下JS来初始化编辑器： var initEditor = function() { $(‘.js-editor-wrap’).html(“”); var editor = CKEDITOR.replace(‘editor’, {}); editor.on(‘loaded’, function() { console.log(‘editor loaded’); }); editor.on(‘instanceReady’, function() { console.log(‘instance ready’) }); } 以下摧毁编辑： var destroyEditor = function() { if (CKEDITOR.instances[‘editor’]) { CKEDITOR.instances[‘editor’].destroy(true); $(‘#editor’).off().remove(); } } 第一个编辑器初始化按预期工作，但后续初始化创建一个状态为“unloaded”的编辑器实例，它永远不会触发“loaded”或“instanceReady”事件。我没有在控制台中看到任何错误。可能导致这种情况的任何想法？这绝对是一个与以下类似的问题，但我认为它保证了它自己的问题： CKEditor实例已经存在

如何使用jQuery将TypeKit字体加载到CKEditor实例中: 我正在尝试通过jQuery将TypeKit字体加载到CKEditor的实例中。这是我的代码： $(‘.ck-blog textarea’).ckeditor(function () { CKEDITOR.scriptLoader.load( “http://use.typekit.com/zku8fnp.js”, function (success) { Typekit.load(); alert(success); }, null, true); }, { resize_enabled: false, skin: ‘kama’, height: ‘500px’, toolbarCanCollapse: false, toolbar_Full: toolbar, forcePasteAsPlainText: true, autoGrow_onStartup: true, templates_replaceContent: false, extraPlugins: ‘autogrow,wordcount’, removePlugins: ‘resize’, contentsCss: ‘/areas/admin/content/css/ckeditor-blog.css’, templates_files: [‘/areas/admin/scripts/ckeditor-templates.js’], autoParagraph: false }); 在TypeKit应该加载后我得到了成功警报，但我没有看到字体加载。知道我可能做错了什么吗？