Is there a way to override CKEditor's config file for each instance of the editor?

六眼飞鱼酱① 提交于 2019-12-10 02:41:53

问题


I have a global size and height set

CKEDITOR.editorConfig = function( config )
{
  config.height = '400px';
  config.width = '600px';
  ...

And I would like to change this height and width for only one instance of the editor on a seperate page. Has anyone else accomplished this?


回答1:


Yes. When you create the editor on the page, you can override

CKEDITOR.replace(editorName, {
            height: 448,
            width: 448,
            customConfig: '/path/to/yourconfig.js'
});

In fact as a performance recommendation you can put all the configuration options here and save the loading of the config file separately. You might do this in a shared JavaScript file of your own, parametrized to override specific values for a page.

UPDATE in response to comment

A separate config file can be used like any other setting (look above with customConfig. If you don't want any custom configs loaded use

customConfig: ''



回答2:


You can resize editor on instanceReady event:

CKEDITOR.on 'instanceReady', (evt) ->
  setCustomHeight(evt.editor)

setCustomHeight = (editor) ->
  height = $(editor.element.$).attr('height')
  return unless height

  editor.resize('100%', height)

Now you have to specify height attribute on the textarea for which you want to have custom height:

<textarea id="my-editor" height="250"></textrarea>



来源:https://stackoverflow.com/questions/3987922/is-there-a-way-to-override-ckeditors-config-file-for-each-instance-of-the-edito

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!