CKEditor4配置与开发详细中文说明文档(15)

日期：2020-05-11 栏目：程序人生浏览：次

在上面的例子中，filebrowserBrowseUrl和filebrowserUploadUrl 设置将在默认情况下使用。而在Image Properties对话窗口中，CKEditor将使用 filebrowserImageBrowseUrl和filebrowserImageUploadUrl 的配置设置。

文件浏览器窗口的大小

在CKEditor中，文件浏览器的默认宽度设置为屏幕宽度的80%，而默认高度设置为屏幕高度的70%。
如果因为任意原因，默认值不适合你，你可以按需要进行调整，使用filebrowserWindowWidth改变窗口的宽度，使用filebrowserWindowHeight改变窗口的高度。

要将文件浏览器窗口的大小定义成像素，将其设置为一个数字（如"800"）。如果你喜欢将窗口的高度和宽度设置为屏幕的百分数，不要忘记在数字后面加上百分号（如"60%"）。

例3

下面例子给出的基本配置代码可以用于插入到配置了文件浏览器路径和窗口大小的CKEditor中。

CKEDITOR.replace( 'editor1', {
  filebrowserBrowseUrl: '/browser/browse.php',   
  filebrowserUploadUrl: '/uploader/upload.php',   
  filebrowserWindowWidth: '640',   
  filebrowserWindowHeight: '480' 
});

要为指定的对话窗口设置文件浏览器的窗口大小，使用filebrowserWindowWidth和filebrowserWindowHeight 设置。

例如，只想改变"Image"对话框中的文件浏览器的窗口大小，改变filebrowserImageWindowWidth和filebrowserImageWindowHeight的设置。

例4

下面例子给出的基本配置代码可以用于插入到配置了文件浏览器路径的CKEditor中。它还改变了文件浏览器窗口的默认尺寸，但仅当从Image Properties对话窗口中打开时。

CKEDITOR.replace( 'editor1', {
  filebrowserBrowseUrl: '/browser/browse.php',   
  filebrowserUploadUrl: '/uploader/upload.php',   
  filebrowserImageWindowWidth: '640',   
  filebrowserImageWindowHeight: '480' 
});

使用CKFinder

CKEditor可以很容易地与CKFinder集成，它是一个高级的Ajax文件浏览器。看这里的现场演示。
可以用两种方式实现集成：通过设置CKEditor配置选项（下面的例子）或通过使用CKFinder API中可用CKFinder.SetupCKEditor()方法。

例5

下面例子给出的配置代码可以用于插入到与CKFinder集成的CKEditor中。对于图像和Flash对象的浏览和上传路径与CKFinder的默认路径分开配置。

CKEDITOR.replace( 'editor1', {
  filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
  filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?Type=Images',   
  filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?Type=Flash',   
  filebrowserUploadUrl:'/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
  filebrowserImageUploadUrl:'/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
  filebrowserFlashUploadUrl:'/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});

转载注明出处：http://www.heiqu.com/269.html

CKEditor4配置与开发详细中文说明文档(15)

相关推荐