微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ngMeditor Medium 样式编辑器

程序名称:ngMeditor

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐