ckeditor獲取資料

yufangfang3111發表於2013-03-16

今天碰到一個問題,獲取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';




相關文章