jquery 有没有一种方法可以覆盖CKEditor的每个编辑器示例的配置文件?

wz1wpwve  于 2023-04-29  发布在  jQuery
关注(0)|答案(2)|浏览(139)

我有一个全局大小和高度集

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

我想改变这个高度和宽度的编辑器只有一个示例在一个单独的页面。还有其他人做到了吗?

jhkqcmku

jhkqcmku1#

是的。当您在页面上创建编辑器时,您可以重写

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

事实上,作为一个performance recommendation,你可以把所有的配置选项放在这里,并单独保存配置文件的加载。您可以在自己的共享JavaScript文件中执行此操作,并对其进行参数化以覆盖页面的特定值。

更新回复评论

一个单独的配置文件可以像任何其他设置一样使用(请参阅上面的customConfig。如果不想加载任何自定义配置,请使用

customConfig: ''
vwoqyblh

vwoqyblh2#

您可以在instanceReady事件上调整编辑器的大小:

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

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

  editor.resize('100%', height)

现在你必须在你想要自定义高度的文本区域上指定高度属性:
<textarea id="my-editor" height="250"></textrarea>

相关问题