Question

我试图在MVC4 Applicaiton中使文本区域只读。

但是当我使用下面的代码时，它始终可以进行编辑：

   @Html.TextAreaFor(model => model.EndUserHelp, new { id = "name1", @class = "editorHelp"})

$('#name1').wysihtml5({
                "font-styles": true,
                "emphasis": true, 
                "lists": true, 
                "html": false, 
                "link": true, 
                "image": true,
                "color": false, 
                "useLineBreaks": true
            });
   $("#name1").prop('readonly', true);

无法将该区域设为只读。如果你得到任何解决方案，请提供帮助。

谢谢和问候，

Ruchi Patel

Answer 1

您可以在初始化编辑器的位置添加以下代码。我在版本0.3.0中遇到了同样的问题，并将其解决了。

function enforceInactiveStates() {
    var disabled = this.textareaElement.disabled;
    var readonly = !!this.textareaElement.getAttribute('readonly');

    if (readonly) {
        this.composer.element.setAttribute('contenteditable', false);
        this.toolbar.commandsDisabled = true;
    }

    if (disabled) {
        this.composer.disable();
        this.toolbar.commandsDisabled = true;
    }
}
editor.on( 'load', enforceInactiveStates );

请注意，'readonly'与'disabled'不同。

Answer 2

试试这个：

$editor = $(".textarea-disabled").wysihtml5();
$editor.attr('disabled', 'disabled');

使用'disabled'而不是'readonly'

使用bootstrap的“wysihtml5”时，Textarea Readonly会出现问题

2 个答案: