AngularJS最好的輕量級非html所見即所得的產品

Question

由於幾天我正在尋找一種非html（markdown，bbcode）所見即所得的極簡主義風格的論壇。

我只需要允許用戶以非html方式添加鏈接，粗體斜體和斷行。 但我能找到的是一些骯髒的舊wysiwyg具有太多的功能和沒有angularjs指令或只是HTML wysiwyg ..

你有什麼建議嗎？

在這個時候我想我應該自己做。

非常感謝您的回覆。

Answer 1

看看這個example在AngularJs中實現;您可以根據需要自定義並將其轉換爲Angular模塊;

例

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