Лучший легкий не-html WYSIWYG для AngularJS

Question

С нескольких дней я ищу не-html (markdown, bbcode) WYSIWYG действительно минималистский для своего рода форума.

Мне просто нужно разрешить пользователям добавлять ссылки, выделенные жирным курсивом и сломанной линией, в виде не html. Но все, что я могу найти, - это какой-то грязный старый wysiwyg со слишком многими функциями и без директив для angularjs или просто html wysiwyg.

Есть ли у вас какие-либо предложения?

В это время я думаю, что должен сделать это сам.

Заранее благодарю за любые ответы.

Answer 1

Посмотрите на этот example, выполненный в AngularJs; Вы можете настроить и преобразовать его в Угловой модуль в соответствии с вашими потребностями;

Пример

angular.module("myApp", []) 
    .directive("click", function() { 
     return { 
      restrict: "A", 
      link: function (scope, element, attrs) { 
       element.bind("click", function() { 
        scope.$evalAsync(attrs.click); 
       }); 
      } 
     }; 
    }) 
    .controller("Example", function ($scope) { 
     $scope.supported = function (cmd) { 
      var css = !!document.queryCommandSupported(cmd.cmd) ? "btn-succes" : "btn-error" 
      return css 
     }; 
     $scope.icon = function (cmd) { 
      return (typeof cmd.icon !== "undefined") ? "fa fa-" + cmd.icon : ""; 
     }; 
     $scope.doCommand = function (cmd) { 
      if ($scope.supported(cmd) === "btn-error") { 
       alert("execCommand(“" + cmd.cmd + "”)\nis not supported in your browser"); 
       return; 
      } 
      val = (typeof cmd.val !== "undefined") ? prompt("Value for " + cmd.cmd + "?", cmd.val) : ""; 
      document.execCommand(cmd.cmd, false, (cmd.val || "")); 
     } 
     $scope.commands = commands; 
     $scope.tags = [ 
    'Bootstrap', 'AngularJS', 'execCommand' 
    ] 
    })