AngularJS教程十一—— 文字編輯器kindeditor
自定義表格指令ed-keditor
ed-keditor是對Kind Editer的封裝,以支援資料的雙向繫結,使其能夠像普通的textarea來使用
一 使用方法:
<textarea ed-keditor ng-model="content" cols="30" rows="10"></textarea>
預設設定屬性:
{
resizeType: 1,
//minWidth: '250px',
allowPreviewEmoticons: false,
allowImageUpload: false,
items: [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
autoHeightMode: false,
afterCreate: function () {
this.loadPlugin('autoheight');
}
}
如預設屬性不滿足,則可以通過設定ed-keditor
的值為需要調整的屬性值即可。如:
<textarea ed-keditor="keConfig" ng-model="content" cols="30" rows="10"></textarea>
$scope.keConfig = {width : '700px'};//
相關文章
- thinkphp編輯器kindeditorPHP
- js 操作kindeditor編輯器JS
- Extjs4.2x與富文字框編輯器KindEditor的整合JS
- 線上編輯器KindEditor看樣子不錯
- UltraEdit文字編輯器編寫強大的宏教程
- KindEditor編輯器的圖片上傳問題
- 剛才把kindeditor線上編輯器做成視覺化UBB編輯模式了視覺化模式
- asp.net無法獲取kindeditor文字編輯器內容的解決辦法ASP.NET
- AngularJS教程二十一—— 過濾器(filter)AngularJS過濾器Filter
- Typora for Mac(文字編輯器)Mac
- 富文字編輯器初探
- Javascript富文字編輯器JavaScript
- 富文字編輯器 VUE-QUILL-EDITOR 使用教程 (最全)VueUI
- Laravel 5-KindEditor 一款值得推薦的最具情懷的 HTML 文字編輯器LaravelHTML
- HTML編輯器 KindEditor 4.1.10 釋出,相容IE11HTMLIE11
- 線上富文字編輯器初探
- Versatil Markdown for Mac文字編輯器Mac
- Linux文字編輯器JedLinux
- FSNotes for Mac(文字編輯器)Mac
- Typora for Mac - Markdown文字編輯器Mac
- Typora for Mac(Markdown文字編輯器)Mac
- Markdown文字編輯器:Typora for MacMac
- QT 多文件文字編輯器QT
- VI編輯器基本教程
- SpringMVC整合富文字編輯器SpringMVC
- TextMate for Mac 專業文字編輯器Mac
- Klipped for Mac - 極簡文字編輯器Mac
- 分享 - 富文字編輯器 Froala Editor
- [Djangorestframework]-富文字編輯器的使用DjangoRESTFramework
- SSM使用UEditor富文字編輯器SSM
- Smultron for Mac(網頁文字編輯器)Mac網頁
- BBEdit for Mac,Mac文字編輯器工具Mac
- Windows下好用的文字編輯器Windows
- asp.net文字編輯器(FCKeditor)ASP.NET
- 在KindEditor中編輯可上傳MP4
- 截圖表格轉可編輯Word文字教程
- Xamarin iOS教程之顯示和編輯文字iOS
- 文字編輯器啟用系列(一):Sublime 安裝、啟用、漢化教程