今天碰到一个问题,获取ckeditor的数据。。。。。因为现在做的项目是在师兄们做好的项目上改,将ext.net框架的换成前台的bootstrap,对于菜鸟的我来说,真是老费劲了,最初的项目aspx,可以再前台添加控件,师兄已经经ckeditor做成了控件,可以在前台添加
<%@ Register Src="../UserControls/Editor.ascx" TagName="Editor" TagPrefix="uc1" %>
之后添加用户自定义的控件
<uc1:Editor ID="EditorContent" runat="server" />
后台在获取数据时,采用string descript = EditorContent.Text;
但是改成bootstrap之后由于采用了处理程序和html页面分开的形式,在html页面中不能添加自己定义的窗体,所以采用了另一种方式
<textarea id="content" class="ckeditor" name="content" rows="30" cols="20">Ckeditor内容</textarea>
在前台获取editor中数据时,查阅了一些资料找到了办法,
var contents = CKEDITOR.instances.content.getData();
textarea属性值 name=" content": 名字可随意定义,但是一定要与instances.后面的名字一致,得到数据之后,就可以传到后台使用了
ckeditor可以根据配置文件 设置成为自己喜好的编辑器,
这是我简化后的ckeditor
其中部分配置文件是config.js
config.skin = "kama";
//编辑框
CKEDITOR.config.toolbar_Custom = [['PasteFromWord', '-', 'Print', 'Undo', 'Redo', 'Bold', 'Italic', 'Underline', 'Subscript', 'Superscript', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'Link', 'Unlink', 'Anchor',
'Image', 'Flash', 'Table', 'Font', 'FontSize', 'TextColor', 'BGColor']];
config.toolbar = 'Custom';
// config.height = 285;
config.resize_enabled = false;
//config.toolbar = 'Full';
//可以调节上传对话框的窗体大小
config.filebrowserWindowWidth = '800';
config.filebrowserWindowHeight = '500';