2016-07-16 3 views
0

私は非HTML(markdown、bbcode)WYSIWYGを一種のフォーラムのための本当にミニマリストを探しています。AngularJSのためのベスト軽量非WYSIWYG

ユーザーがリンクを追加したり、斜体を太字にしたり、HTML以外の方法で改行したりする必要があります。 しかし、あまりにも多くの機能を持っていて、anglejsやhtmlだけの指示がない、汚い古いWysiwygが見つかることがあります。

あなたは何か提案がありますか?

現時点では、自分で作成する必要があると考えています。

ご回答ありがとうございます。

答えて

0

AngularJsで実装されているexampleをご覧ください。必要に応じてカスタマイズして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' 
    ] 
    }) 
関連する問題