我正在使用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中没有控制台错误,文本区域显示富文本。
答案 0 :(得分:0)
const mocks = {
ModelModelConnection: () => ({
items: () => new MockList(5, () => ({
id: casual.uuid,
name: casual.title,
})),
}),
};
只能在文本区域中禁用
$(document).ready(function()
{
$('#OverviewContent').wysihtml5();
alert("Disabled?");
});