jQuery CLEditor是一個輕量級、開放源碼的富文本編輯器插件。它不需要任何瀏覽器插件即可工作,并支持所有主要瀏覽器,包括IE6。
除了一般的富文本編輯器功能,如粗體、斜體、下劃線,還支持視頻、表格、分頁等高級功能。
//初始化CLEditor $(selector).cleditor(); //獲取CLEditor實例 var editor = $(selector).cleditor()[0]; editor.refresh(); //刷新界面 editor.updateFrame(); //更新編輯框內容 editor.focus(); //聚焦編輯框 editor.blur(); //離開編輯框 //添加自定義按鈕 $.cleditor.buttons.newButton = { name: 'newButton', image: 'newbutton.gif', title: 'New Button', command: 'insertHtml', popupName: 'New Button', popupClass: 'cleditorPrompt', popupContent: '
' }; //在工具欄添加按鈕 editor.controls.newButton = { name: 'newButton', title: 'New Button', command: $.cleditor.defaultOptions.controls.newButton.command, image: $.cleditor.defaultOptions.controls.newButton.image }; //綁定事件 editor.$frame.contents().find('body').bind('click', function(){ alert('body clicked'); }); //獲取內容 var content = editor.$area.val();
需要注意的是,CLEditor不支持IE6下的拖動上傳圖片功能,需要自行實現或使用其他插件或后端處理程序來實現。
上一篇mysql一段時間彈窗
下一篇動畫線條css3