有没有办法为编辑器的每个实例覆盖 CKEditor 的配置文件？

发布于 2024-09-28 03:47:19 字数 198 浏览 5 评论 0原文

我设置了全局大小和高度，

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

并且我想仅在单独页面上更改编辑器的一个实例的高度和宽度。还有其他人完成过这个吗？

原文

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?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

氛圍 2024-10-05 03:47:19

是的。当您在页面上创建编辑器时，您可以覆盖

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

事实上，作为性能建议，您可以将所有此处配置选项并单独保存配置文件的加载。您可以在自己的共享 JavaScript 文件中执行此操作，并进行参数化以覆盖页面的特定值。

更新响应评论

可以像任何其他设置一样使用单独的配置文件（使用上面的 customConfig 进行查看。如果您不需要任何自定义配置加载使用

customConfig: ''

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: ''

回复收藏 0 原文

谎言 2024-10-05 03:47:19

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

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

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

  editor.resize('100%', height)

现在，您必须在想要自定义高度的文本区域上指定高度属性：

</textrarea></code>

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>

回复收藏 0 原文

~没有更多了~