-1

フォーラム用の非常にシンプルなエディタを探しています。

太字、斜体、下線、ブロック引用などの基本的な機能にのみ関心があります。それ以上でもそれ以下でもありません。もう 1 つの重要な機能は、ユーザーが書式設定されたテキストをテキストエリアに貼り付けるときに、すべてのタグを削除する必要があることです。

私は TinyMCE、CKEditor、その他の「大きな」エディタに精通していますが、そのような基本的な機能にこのような大きな「フレームワーク」を実装するのはやり過ぎだと思います..

「同様の質問」を調べましたが、提案されたエディターはどれも十分に単純ではないと思います..

皆さん、何か知っていますか？

4

1 に答える 1

0

「シンプルさ」の定義は難しい。

ツールバーに表示するボタンを指定できるリッチ テキスト エディタが多数あります。

ホットキーによる太字、斜体、下線などの基本的な機能を備えたこの最小のテスト エディターの例をご覧ください。

または、独自の簡略化された縮小テキスト エディターを作成するために使用できるexecCommandsの別の例を確認してください。ボタン ツールバーなどのデザインを制御できます。コマンドのリストと、コマンドをリッチ テキスト エディタに変換するための非常に小さなコードがあります。

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'
  ]
    })
于 2016-12-22T08:06:27.693 に答える