Слияние кода завершено, страница обновится автоматически
Markdown-редактор на основе Angular directive.
Предварительный просмотр: (см. preview.png).
bower install angular-mdeditor.
angular.module('demoApp',[
'harrie.mdeditor'
])
.controller('demoCtrl',['$scope',function($scope){
$scope.text='### Заголовок';
}]);
<body ng-app="demoApp" ng-controller="demoCtrl">
<mdeditor text="text"></mdeditor>
</body>
$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:'Полноэкранный режим'}
];
<mdeditor text="text" toolbar='toolbar'></mdeditor>
<mdeditor text="text" theme='default'></mdeditor>
Доступные темы см. в CodeMirror Theme.
$scope.classNames={
wrapper:'mdeditor',
toolbar:'mdeditor-toolbar',
toolbarItem:'mdeditor-toolbar-item',
separator:'mdeditor-toolbar-separator',
textarea:'mdeditor-textarea',
preview:'mdeditor-preview'
};
<mdeditor text="text" class-names='classNames'></mdeditor>
$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'
};
<mdeditor text="text" shortcut='shortcut'></mdeditor>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )