ngMeditor Medium 样式编辑器开源项目

我要开发同款
匿名用户2015年06月19日
59阅读
开发技术JavaScript
所属分类AngularJS扩展、Web应用开发、AngularJS 扩展
授权协议MIT

作品详情

ngMeditor是用于AngularJS的Medium样式编辑器。

特性:

Header1-6/Bold/Itatic/underline/(un)orderlist/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']);// configangular.module("ieditor").run(function ($http, meditorProvider) {    meditorProvider.config({            supportCommands:['justfy', 'bold', 'italic', 'underline', 'H1', 'hr', 'code', 'insertOrderedList', 'eraser', 'image', 'fullscreen'],            qnConfig: {                endPoint: 'https://upload.qiniu.com',                tokenFunc: function () {                    return $http.post('/token');                }            }        }    );})
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论