Member 13582084 Ответов: 1

Summernote изменить.cshtml по запрос ID продукта


Edit.cshtml

        <div class="form-group">
        @Html.LabelFor(model => model.long_Description, htmlAttributes: new { @class = "control-label col-md-4" })
        <div id="summernote"></div>
        <div class="col-md-10">
            @Html.TextAreaFor(model => model.long_Description, new { @id = "long_Description", @style = "display:none;", @class = "form-control" })
            @Html.ValidationMessageFor(model => model.long_Description, "", new { @class = "text-danger" })
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#summernote').summernote(
                {
                    tabsize: 2,
                    height: 150
                });

            var editor = $('#long_Description').html();

            $('#summernote').html(editor);

            $('#editorbtn').hover(function () {

                var editor = $('.note-editable').html();
                $('#long_Description').html(editor);

            });

        });

    </script>
Create.cshtml

<div class="form-group">
        @Html.LabelFor(model => model.long_Description, htmlAttributes: new { @class = "control-label col-md-4" })
        <div id="summernote"></div>
        <div class="col-md-10">
            @Html.TextAreaFor(model => model.long_Description, new { @id = "long_Description", @style = "display:none;", @class = "form-control" })
            @Html.ValidationMessageFor(model => model.long_Description, "", new { @class = "text-danger" })
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#summernote').summernote(
                {
                    tabsize: 2,
                    height: 150
                });

            var editor = $('#long_Description').html();

            $('#summernote').html(editor);

            $('#editorbtn').hover(function () {

                var editor = $('.note-editable').html();
                $('#long_Description').html(editor);

            });

        });

    </script>

    <input type="submit" value="Add" id="editorbtn" class="btn btn-primary" />


Что я уже пробовал:

Я добавил SummerNote к проекту. Но у меня есть проблема. SummerNote пуст, когда вы нажимаете клавишу редактирования продукта. Как я могу это исправить ? Не могли бы вы привести наглядный пример? Английский не очень хорош, я надеюсь, вы понимаете. Спасибо.

1 Ответов

Рейтинг:
0

Richard Deeming

Приступая к работе : получение & набор кода[^]

$('#summernote').summernote({
    tabsize: 2,
    height: 150
});

var description = $('#long_Description').val();
$('#summernote').summernote('code', description);


Возможно, проще просто превратить исходный элемент ввода в Редактор, а не использовать div:
<div class="form-group">
    @Html.LabelFor(model => model.long_Description, htmlAttributes: new { @class = "control-label col-md-4" })
    <div class="col-md-10">
        @Html.TextAreaFor(model => model.long_Description, new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.long_Description, "", new { @class = "text-danger" })
    </div>
</div>

<script>
$(function(){
    $("#long_Description").summernote({
        tabsize: 2,
        height: 150
    });
});
</script>