x
1
2
3
4
5
6
7
8
9
10
<div class="p-8 max-w-xl"> <div class="midwest-rich-text midwest-form-group type-rich-text is-disabled"> <div class="midwest-form-group__top"> <label class="midwest-label " for="body-cf80"> Body </label> </div> <input type="hidden" name="body" id="trix_input_3" value="<div>This field is <strong>read-only</strong>.</div><ul><li>Editing is locked</li><li>The toolbar is disabled</li></ul>" autocomplete="off" /><trix-editor id="body-cf80" data-midwest-rich-text-target="editor" data-direct-upload-url="https://midwest.unabridged-staging.com/rails/active_storage/direct_uploads" data-blob-url-template="https://midwest.unabridged-staging.com/rails/active_storage/blobs/redirect/:signed_id/:filename" contenteditable="false" aria-disabled="true" input="trix_input_3" class="trix-content"></trix-editor> </div></div>1
2
3
4
5
6
7
8
<div class="p-8 max-w-xl"> <%= midwest_form_rich_text( name: 'body', label: 'Body', value: '<div>This field is <strong>read-only</strong>.</div><ul><li>Editing is locked</li><li>The toolbar is disabled</li></ul>', disabled: true ) %></div>Disabled
disabled: true locks the editor (contenteditable off), greys the field,
and disables the toolbar.
No params configured.
No assets to display.
Add a .js or .css file alongside the component to see it here.
Figma embed for Rich Text/disabled
Annotate a preview to embed its Figma design here:
@figma "https://figma.com/..."