ngMeditor 介绍
ngMeditor 是用于 AngularJS 的 Medium 样式编辑器。
特性：
-
Header1-6/Bold/Itatic/underline/(un)order list/hr/justfy.
-
支持代码输入. 仅需在行开始处输入 ``` ，或格式化它.
-
支持 Tab 键.
-
添加空白到 URL 并插入到链接。
-
扔掉或选择图片插入，或者只从剪切板粘贴，图片存到 QiniuCloud.
使用示例：
<script type="text/javascript" src="bower_components/angular/angular.js"></script> <script type="text/javascript" src="bower_components/ng-file-upload/angular-file-upload-shim.js"></script> <script type="text/javascript" src="bower_components/ng-file-upload/angular-file-upload.js"></script> <script type="text/javascript" src="src/editor.js"></script> <link rel="stylesheet" href="src/editor.css"> <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css"> <ng-meditor ng-model="content" placeholder="placeholder"></ng-meditor>
JS：
//inject ngMeditor directives and services.
angular.module("ieditor", ['angularFileUpload','ngMeditor']);
// config
angular.module("ieditor").run(function ($http, meditorProvider) {
meditorProvider.config({
supportCommands:['justfy', 'bold', 'italic', 'underline', 'H1', 'hr', 'code', 'insertOrderedList', 'eraser', 'image', 'fullscreen'],
qnConfig: {
endPoint: 'http://upload.qiniu.com',
tokenFunc: function () {
return $http.post('/token');
}
}
}
);
})
ngMeditor 官网
https://github.com/icattlecoder/ngMeditor
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。