Hello everyone, I've been working on a Rails 7 application, and I initially set it up with Tailwind CSS as the CSS compiler. However, I've run into some challenges when integrating Action Text's rich_text_area
. Despite following the Rails guide, I'm facing unexpected issues.
Specifically, I'm having trouble with bullet points and lists not displaying correctly, even though other tools seem to be functioning as expected.
Furthermore, I'm encountering difficulties with image display; it's not rendering as it should.
application.tailwind.css
@tailwind base;
@tailwind components;
@tailwind utilities;@import 'actiontext.css';
app/javascript/application.js
// Entry point for the build script in your package.json
import "@hotwired/turbo-rails"
import "./controllers"
import "trix"
import "@rails/actiontext"
import "flowbite/dist/flowbite.turbo.js"
application.html.erb
<%= stylesheet_link_tag "actiontext", "data-turbo-track": "reload" %>
update
application.tailwind.css
@layer base {
ul {
@apply list-disc list-inside
}
ol {
@apply list-decimal list-inside
}
}