Beste leichte nicht-html WYSIWYG für AngularJS

Question

Seit ein paar Tagen bin ich auf der Suche nach einem nicht-HTML (Markdown, BBCode) WYSIWYG wirklich minimalistisch für eine Art Forum.

Ich muss nur zulassen, dass Benutzer Links hinzufügen, fett kursiv und Zeile in einer nicht-HTML-Weise zu brechen. Aber alles, was ich finden kann, ist einige schmutzige alte wysiwyg mit zu vielen Funktionen und ohne Anweisungen für angularjs oder nur html wysiwyg ..

Haben Sie Anregungen?

Zu dieser Zeit denke ich, dass ich es alleine machen sollte.

Vielen Dank im Voraus für alle Antworten.

Answer 1

Werfen Sie einen Blick auf diese example implementiert in AngularJs; Sie können es anpassen und in Winkelmodul nach Ihren Bedürfnissen konvertieren;

Beispiel

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' 
    ] 
    })