5

剣道エディタを無効にしたり、読み取り専用にするにはどうすればよいですか？HTML属性を使用してみましたが、うまくいきませんでした（またはまだ正しく実行しています）

                    @(Html.Kendo().Editor()
                    .Name("Text")
                    .Value(@detail.SRoomInformation)
                    .Tools(tools => tools.Clear())
                    )
4

3 に答える 3

8

なぜ有効化/無効化などのオプションがないのか疑問に思っている場合 - html は単純に html またはテキストとして表示される可能性があるため - エディターが提供するすべてのツールは必要なく、そのようなウィジェットを使用しても意味がありません。エディターは、編集に役立つことを意味します ;)

本当に無効にしたい場合は、エディターを初期化した後に次のコード行を使用できます

例えば

@Html.Kendo().Editor().Name("test")


<script type="text/javascript">
    $(function () {
        $($('#test').data().kendoEditor.body).attr('contenteditable', false)
    })        
</script>
于 2013-03-03T18:20:16.107 に答える
4

答えられた質問がうまくいかなかった理由がわかりません。とにかく、それは次のようなものを引き起こしました：

@(Html.Kendo().EditorFor(model => model.Description) )
@Html.ValidationMessageFor(model => model.Description)
<script>
    // this piece of code neeeeeeeds to be heeeeere! Don't move it
    $(document).ready(function () {
        var editor = $('#Description').data('kendoEditor');
        editor.body.contentEditable=false;
    });
</script>

そして、これはうまくいきました!:) 楽しんでください!

于 2013-06-24T17:16:55.397 に答える
1

上記の解決策は、実装しようとしたときにうまくいきませんでした。Telerik は、http: //docs.telerik.com/kendo-ui/controls/editors/editor/how-to/enable-and-disable-に記載されているように、オーバーレイされた div を含む非常に単純なソリューションを提供しているようです。編集者

実際には、これにより、無効にしたいコントロールの横に余分な div が作成されました。

<div ng-if="readonly/disabled_Condition == true">
     <div id="overlay" style="width:100%;height:250px; top:100; position:absolute; background-color: black; opacity:0.1; z-index:2;"></div>
     <textarea kendo-editor k-options="options.DutyEditor" ng-model="item.TasksHtml"></textarea>
</div>

1 つの問題は、オーバーレイされた div のサイズを剣道エディターのサイズに合わせることです。私の場合、単純に幅 100%、高さ 250 ピクセルなので、ここでうまくいきました。

これは誰かを助けるかもしれないと思った！

于 2016-11-10T21:35:00.023 に答える