2

いくつかのプロジェクトでKendo-UIフレームワークの使用を開始したばかりですが、この問題に関してはドキュメントが非常に貧弱であることがわかりました。私は自分の下にいくつかの追加のhtml（正確にはボタン）を追加しようとしているKendo.Editorので、新しいものを作成するたびに、ボタンがそこにあります。Kendoは、たとえばExtJのように拡張可能であり、そのような機能がすべてのコンポーネントに提供されていますか（より簡単またはより困難ですが、それでも可能です）？

4

1 に答える 1

6

彼らはそれに一生懸命取り組んでいて、それは常に改善されていますが、私はあなたにドキュメントと品質について感じます。

私は最近、エディターを拡張した経験がありましたが、それは非常に簡単で可能です。

エディターを宣言するときは、toolsプロパティがあります。統合ツールの名前を入力すると、そのツールが表示されるか、オブジェクトを渡して新しいツールを定義することもできます。これは、カスタムの「ビデオの挿入」ツールを作成した以下の例です。名前とツールチップのプロパティは自明です。execは、ボタンをクリックすると実行される関数を渡すプロパティです。私の例のexecは、ビデオを追加するためのロジックを実装するカスタム剣道ウィンドウを開きます。VimeoまたはYoutubeのいずれかを選択し、通常のリンクを貼り付けて、埋め込まれたビデオをエディター内に貼り付けるインターフェイスがあります。基本的に、ウィンドウで[OK]をクリックすると、イベントが発生し、埋め込まれたビデオのマークアップを処理して、エディターに貼り付けます。エディターでマークアップを貼り付ける方法は次のとおりです。$（ "

もちろん、より堅牢なものが必要な場合は、exec関数内にさらに複雑なコードを追加できます。この場合、ビデオウィンドウに必要なすべてのマークアップを作成し、閉じた後、または同様の何かを破棄するようなものです。 

        $("#editor").kendoEditor({
            tools: [ {
                name: "insertVideo",
                tooltip: "Insert video",
                exec: function(){
                   var window = $("#windasd").data("kendoWindow");
            window.center().open();
                   }

            },'formatBlock', 'bold', 'italic', 'underline', 'createLink', 'unlink', 'insertImage', 'insertUnorderedList', 'insertOrderedList', "justifyLeft",
            "justifyCenter",
            "justifyRight",
            "justifyFull", ],

        });

また、カスタムアイコンが必要な場合は、いくつかのcssを追加する必要があります。ボタンは、渡された名前に基づいてCSSクラスを自動的に取得します。名前に「k-」プレフィックスを追加するだけなので、私のものは「k-insertVideo」になります。そのクラスに背景画像を追加するだけで、問題ありません。

幸運と私の投稿が複雑な方法で書かれていなかったことを願っています！

于 2013-02-07T10:57:13.730 に答える