https://github.com/varharrie/angular-mdeditor

markdown editor for angular directive
https://github.com/varharrie/angular-mdeditor

Last synced: about 5 hours ago
JSON representation

markdown editor for angular directive

• Host: GitHub
• URL: https://github.com/varharrie/angular-mdeditor
• Owner: varHarrie
• License: mit
• Created: 2015-12-30T05:04:30.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-01-16T03:25:16.000Z (almost 9 years ago)
• Last Synced: 2024-11-11T20:33:37.369Z (8 days ago)
• Language: HTML
• Size: 26.4 KB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
#angular-mdeditor

基于angular directive的markdown编辑器。

![预览](./preview.png)

###安装

> bower install angular-mdeditor

###使用

```javascript

angular.module('demoApp',[

	'harrie.mdeditor'

])

.controller('demoCtrl',['$scope',function($scope){

	$scope.text='### 标题';

}]);

```

```xml

	

```

###设置

- 工具栏

```javascript

$scope.toolbar=[

	{action:'bold',icon:'fa fa-bold',tip:'加粗(Ctrl+B)'},

	{action:'italic',icon:'fa fa-italic',tip:'斜体(Ctrl+I)'},

	{action:'header',icon:'fa fa-header',tip:'标题(Ctrl+H)'},

	{separator:true},

    {action:'ul',icon:'fa fa-list-ul',tip:'无序列表(Ctrl+U)'},

	{action:'ol',icon:'fa fa-list-ol',tip:'有序列表(Ctrl+O)'},

	{action:'code',icon:'fa fa-code',tip:'代码(Ctrl+K)'},

	{action:'quote',icon:'fa fa-quote-left',tip:'引用(Ctrl+Q)'},

    {separator:true},

	{action:'link',icon:'fa fa-link',tip:'连接(Ctrl+L)'},

	{action:'img',icon:'fa fa-picture-o',tip:'图片(Ctrl+G)'},

	{separator:true},

	{action:'undo',icon:'fa fa-undo',tip:'撤销'},

	{action:'redo',icon:'fa fa-repeat',tip:'重做'},

	{action:'preview',icon:'fa fa-eye',tip:'浏览'},

	{action:'fullscreen',icon:'fa fa-arrows-alt',tip:'全屏'}

];

```

```xml

```

- 主题

```xml

```

可用主题请看[CodeMirror Theme](https://codemirror.net/demo/theme.html)

- 布局

```javascript

$scope.classNames={

	wrapper:'mdeditor',

	toolbar:'mdeditor-toolbar',

	toolbarItem:'mdeditor-toolbar-item',

	separator:'mdeditor-toolbar-separator',

	textarea:'mdeditor-textarea',

	preview:'mdeditor-preview'

};

```

```xml

```

- 快捷键

```javascript

$scope.shortcut:{

	'Ctrl-B':'bold',

	'Ctrl-I':'italic',

	'Ctrl-H':'header',

	'Ctrl-U':'ul',

	'Ctrl-O':'ol',

	'Ctrl-K':'code',

	'Ctrl-Q':'quote',

	'Ctrl-L':'link',

	'Ctrl-G':'img'

};

```

```xml

```