MVC中的CKEditor和Roxy-fileman

时间:2014-08-03 14:50:39

标签: asp.net-mvc ckeditor roxy-fileman

我希望这里有人有关于CKeditor和Roxy-fileman的经验。 我在我的项目中安装了CKeditor,我尝试添加Roxy-fileman以便能够上传文件。

根据http://www.roxyfileman.com/demo,我需要做的就是添加以下代码:

<script src="ckeditor/ckeditor.js"></script>
<textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>
<script>
var roxyFileman = '/fileman/index.html?integration=ckeditor';
$(function(){
  CKEDITOR.replace( 'editor1',{filebrowserBrowseUrl:roxyFileman, 
                               filebrowserImageBrowseUrl:roxyFileman+'&type=image',
                               removeDialogTabs: 'link:upload;image:upload'});
});
</script>

但所有这一切都是在我的页面添加一个“新的”ckEditor。我希望它替换当我单击要更改的元素时显示的旧的。我知道这是一个很长的镜头,但也许有人可以指出我正确的方向。 谢谢!

1 个答案:

答案 0 :(得分:5)

将以下代码放在config.js文件中(位于'ckeditor'文件夹中):

var roxyFileman = '/fileman/index.html?integration=ckeditor';
config.filebrowserBrowseUrl = roxyFileman;
config.filebrowserImageBrowseUrl = roxyFileman + '&type=image';
config.removeDialogTabs = 'link:upload;image:upload';

您的文件将如下所示:

/**
 * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function (config) {
    var roxyFileman = '/fileman/index.html?integration=ckeditor';
    config.filebrowserBrowseUrl = roxyFileman;
    config.filebrowserImageBrowseUrl = roxyFileman + '&type=image';
    config.removeDialogTabs = 'link:upload;image:upload';
};