<% data_attributes = local_assigns[:data] || {} disabled = local_assigns[:disabled] || false placeholder = local_assigns[:placeholder] || nil autofocus = local_assigns[:autofocus] || false style = local_assigns[:style] || nil classes = local_assigns[:classes] || nil rows = local_assigns[:rows] || 15 %> <%= content_tag :div, class: "ms:flex ms:flex-col ms:w-full ms:border ms:border-zinc-300 ms:rounded ms:@container ms:group ms:focus-within:border-zinc-500", data: { controller: "marksmith", marksmith_preview_url_value: marksmith.markdown_previews_path, marksmith_active_tab_class: "bg-white", marksmith_attach_url_value: rails_direct_uploads_url, marksmith_resource_class_value: @resource.class.name, marksmith_field_id_value: name, } do %> <% button_classes = class_names("ms:flex ms:items:center ms:cursor-pointer ms:py-1 ms:px-1.5 ms:hover:bg-zinc-200 ms:rounded") %> <% toggle_button_classes = class_names(button_classes, "ms:border-0 ms:bg-none") %>

" data-marksmith-target="toolbar"> <%= svg "bold", class: "ms:inline ms:size-4" %>

<%= svg "heading", class: "ms:inline ms:size-4" %>

<%= svg "italic", class: "ms:inline ms:size-4" %>

<%= svg "quote", class: "ms:inline ms:size-4" %>

<%= svg "code", class: "ms:inline ms:size-4" %>

<%= svg "link", class: "ms:inline ms:size-4" %>

<%= svg "photo", class: "ms:inline ms:size-4" %>

<%= svg "list-bullet", class: "ms:inline ms:size-4" %>

<%= svg "numbered-list", class: "ms:inline ms:size-4" %>

<%= svg "list-todo", class: "ms:inline ms:size-4" %>

<%= form.text_area name, id: name, # value: @field.value, class: class_names("ms:flex ms:flex-1 ms:rounded ms:border-none ms:py-2 ms:px-3 ms:focus:outline-none", classes), rows: rows, data: { marksmith_target: "fieldElement", action: "drop->marksmith#dropUpload paste->marksmith#pasteUpload", **data_attributes }, disabled:, placeholder:, autofocus:, style: %> <%= content_tag :div, class: "ms:hidden ms:markdown-preview", id: "markdown-preview-#{name}", data: { marksmith_target: "previewElement" } do %>

<% end %>