bootstrap wsyihtml5 readonly textarea

时间:2014-11-03 01:37:14

标签: javascript twitter-bootstrap textarea readonly wysihtml5

我正在使用wsyihtml5(0.3.0)和bootstrap使textarea能够编辑富文本。

一切正常,除非我只需要它。

//Element declaration
<textarea readonly name="overview" class="form-control" id="OverviewContent"  style="width: 100%; height: 200px"></textarea>

[...]

//JS at bottom of page
<script>
    $("#OverviewContent").wysihtml5(
                                    {
                                        "font-styles":  false,
                                        "color":        false,
                                        "emphasis":     false,
                                        "textAlign":    false,
                                        "lists":        false,
                                        "blockquote":   false,
                                        "link":         false,
                                        "table":        false,
                                        "image":        false,
                                        "video":        false,
                                        "html":         false
                                    });

    $(document).ready(function() 
    {
        alert("Starting disable");

        //I've tried all three of these lines individually
        $('#OverviewContent').data('wysihtml5').editor.disable()
        //$('#OverviewContent').data('wysihtml5').editor.composer.disable();
        //$('#OverviewContent').data('wysihtml5').editor.composer.element.setAttribute('contenteditable', false);


        alert("Disabled?"); 
    });
</script>

textarea似乎仍然可以编辑。

警报弹出正常,Chrome中没有控制台错误,文本区域显示富文本。

1 个答案:

答案 0 :(得分:0)

const mocks = {
  ModelModelConnection: () => ({
    items: () => new MockList(5, () => ({
      id: casual.uuid,
      name: casual.title,
    })),
  }),
};

只能在文本区域中禁用

$(document).ready(function() 
    { 
        $('#OverviewContent').wysihtml5();
        alert("Disabled?"); 
    });