カスタム ツールを剣道に追加するにはどうすればよいeditor toolbar
ですか?
スペルチェッカー、メディアマネージャー、切り取り、コピー、貼り付け、単語からの切り取り、単語からのコピー、その他のツールも追加したいと思います。
MVC アプリケーションで剣道エディタを使用しています。
カスタム ツールを剣道に追加するにはどうすればよいeditor toolbar
ですか?
スペルチェッカー、メディアマネージャー、切り取り、コピー、貼り付け、単語からの切り取り、単語からのコピー、その他のツールも追加したいと思います。
MVC アプリケーションで剣道エディタを使用しています。
既存のものから検索して、アプリケーション内にリンク参照を追加するためのカスタム ツールを使用しています。
これが私のソースから抜粋したコードです
@(Html.Kendo()
.Editor()
.Name("Content")
.Tools(tools => tools
.Clear()
.Bold().Italic().Underline().Strikethrough()
.JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
.InsertUnorderedList().InsertOrderedList()
.Outdent().Indent()
.CreateLink().Unlink()
.InsertImage()
.SubScript()
.SuperScript()
.TableEditing()
.ViewHtml()
.Formatting()
.CleanFormatting()
.FontName()
.FontSize()
.FontColor()
.BackColor()
.CustomButton(cb => cb
.Name("Add link to article")
.ToolTip("Add link to article")
.Exec("execFunction")
))
.Encode(false)
.ImageBrowser(imageBrowser => imageBrowser
.Image("~/Content/Uploads/Images/{0}")
.Read("Read", "ImageBrowser")
.Create("Create", "ImageBrowser")
.Upload("Upload", "ImageBrowser")
.Thumbnail("Thumbnail", "ImageBrowser")))
これらは、エディターの構成です。.CustomButton(cb => cb.Name / これは必要です / cb.Exec / また必要です /. Exec では、ボタンがクリックされたときに実行する必要がある JS 関数の名前を渡します。 ajax を使用するよりも JS をコントローラーに接続できます。
function execFunction(e) {
$.get('/Articles/BuildLinkView', null, function(data) {
$('#addLinkHolder').html(data);
$('#addLinkHolder').css('display', 'table-cell');
});
}
コントローラーにバインドすると、何でも好きなことができます。
これで問題が解決することを願っています。そうでない場合は、追加情報を提供してください