- 42
- 79 053
Tony Messias
เข้าร่วมเมื่อ 23 ต.ค. 2011
Rich Text Laravel: #08 - User Mentions
Let's implement user mentions on Trix using the Rich Text Laravel package!
มุมมอง: 186
วีดีโอ
Rich Text Laravel: #07 - Disable Submits When Pending Attachments
มุมมอง 111หลายเดือนก่อน
Let's implement a quick behavior of disabling the form submit buttons whenever we have pending attachments in Trix.
Rich Text Laravel: #06 - Custom Typing Experience (Markdown-Inspired) on Trix
มุมมอง 145หลายเดือนก่อน
Let's see how to extend Trix using its event system to implement a markdown-inspired typing experience!
Rich Text Laravel: #05 - Attachments with MediaLibrary
มุมมอง 193หลายเดือนก่อน
In the previous video, we saw how to implement a simple attachment feature. Let's build a more advanced version of that integrating with Spatie's MediaLibrary!
Rich Text Laravel: #04 - Simple Attachments
มุมมอง 164หลายเดือนก่อน
In this video, we'll implement a simple attachment uploading feature. After this, all default Trix features will be working! We'll see how to implement a more advanced attachment uploading in the next video!
Rich Text Laravel: #03 - Styling the Toolbar
มุมมอง 138หลายเดือนก่อน
Let's see how we can style the toolbar. We won't add new toolbar items, though, that's for another video.
Rich Text Laravel: #02 - HTML Sanitization
มุมมอง 195หลายเดือนก่อน
Let's revisit the security issue we introduced on the first video. We'll install an HTML Sanitizer package and use it to mitigate that issue. We'll also discuss Content Security Policy.
Rich Text Laravel: #01 - Installation, Migrating Existing Data, and Encrypted Attributes
มุมมอง 180หลายเดือนก่อน
Let's install the Rich Text Laravel package into an existing Laravel application, migrate existing data into the Rich Text structure, and learn how to use encrypted attributes! In this video, we're also introducing a security issue that we'll fix in the next one, so don't skip it!
Rich Text Laravel: #00 Walkthrough
มุมมอง 755หลายเดือนก่อน
In this first video, I’ll walk you through the Workbench application of the Rich Text Laravel package. You'll see how to integrate the Trix editor into your Laravel projects, manage rich text content, and prepare for more advanced features in the upcoming videos of this series. I forgot to mention one thing in the video: this oembed implementation we walkthrough was based on how Campfire handle...
Bulk Operations with Turbo
มุมมอง 278ปีที่แล้ว
Bulk operations is a common UI pattern. In this video, we're going to discuss some HTML tricks like how to change the form action depending on which submit button was pressed, how to bind an input to a form even though the input was not rendered inside the form in the DOM, and how to keep our controllers "boring" (and what that means). I've also wrote a detailed guide on this in my HEY World bl...
Workbench App for Laravel Packages
มุมมอง 1.2Kปีที่แล้ว
Testing out packages used to require a lot of effort. We'd have to setup a fresh Laravel app, install the package, then setup the scenario that we wanted to demo or explore. Not anymore! With Workbench, we can have a demo application that lives inside our package. It has everything we'd typically have in a Laravel app with the package already installed! What's really cool about this is that we ...
Hotwiring Laravel: Dynamic Dependent Fields
มุมมอง 215ปีที่แล้ว
In this video, we'll learn to build dynamic fields dependent on each other, where the value of one field affects the options available in another area. We'll build this entirely using only full-page transitions and form submissions. Then, we'll introduce sprinkles of JavaScript to enhance the experience. Links: - Sean's blog post: thoughtbot.com/blog/dynamic-forms-with-turbo Chapters: 00:00 - I...
Deploying Laravel Apps with Kamal (previously MRSK)
มุมมอง 2.1Kปีที่แล้ว
See how you can use Kamal to deploy Laravel apps. Some useful links: - Kamal itself: github.com/basecamp/kamal - The demo app source code: github.com/tonysm/mrsk-laravel-demo - Blog post about I wrote: world.hey.com/tonysm/mrsk-and-laravel-61b3b88f
New Install Scripts for Rich Text Laravel, Turbo Laravel, Importmap Laravel, and TailwindCSS Laravel
มุมมอง 4682 ปีที่แล้ว
With the recent change in frontend setup in Laravel from Mix, which was an abstraction on top of webpack, to Vue's Vite some of the install commands on my packages were no longer working and I also thought it was time for a revisit there. I have already done the work and tagged the releases on all of them, but I thought it would be a cool idea to walk y'all through them and show how the new scr...
Globalid Laravel
มุมมอง 3042 ปีที่แล้ว
Polymorphism is a very known concept in programming. To put it simply: it's the idea that many things can play the same role in the system. For instance, think about the Pull Request Reviewer feature on GitHub. You can assign a single team member, multiple, or an entire team as the reviewer. Globalids can help with situations like that! Links: - www.tonysm.com/globalid-laravel/
DataTables with Hotwire & Turbo Laravel
มุมมอง 2.6K2 ปีที่แล้ว
DataTables with Hotwire & Turbo Laravel
Tailwind CSS Laravel - proof of concept
มุมมอง 1912 ปีที่แล้ว
Tailwind CSS Laravel - proof of concept
Importmaps in Laravel (proof of concept)
มุมมอง 4782 ปีที่แล้ว
Importmaps in Laravel (proof of concept)
Trix attachments with Livewire's File Upload
มุมมอง 4.8K4 ปีที่แล้ว
Trix attachments with Livewire's File Upload
06 Configuration Management and Secrets
มุมมอง 7194 ปีที่แล้ว
06 Configuration Management and Secrets
05 Deploying the Application to Kubernetes
มุมมอง 1.6K4 ปีที่แล้ว
05 Deploying the Application to Kubernetes
04 Setting up a production Kubernetes cluster on DigitalOcean
มุมมอง 2.6K4 ปีที่แล้ว
04 Setting up a production Kubernetes cluster on DigitalOcean
Tony, fantastic work!
Great content, Tony! I'm really enjoying the series on Rich Text Laravel. Do you have your dotfiles publicly available? I'd love to check them out! I'm also curious to see how you handle syntax highlighting and indentation in Blade files. Thanks! :)
Hey Tony! Is there a way you can make a video similar to this but actually editing in HTML and displaying it as the rendered version. So, if i am in the trix editor i am typing in HTML code and if its in a form and i save it shows the rendered output of the HTML.
Not sure I understand the use case... You want to see the actual HTML code that will be generated by Trix on the UI?
@ not necessarily. I wanted to know if there’s a way it can be kinda like a markdown editor. Where you have the ability to type in HTML and it renders that HTML code. So for instance I add a div with some text in the trix editor it’ll render that and output the html code as the text inside a div. Similar to how the CKEditor5 or TinyMCE does it but I wanted to know if you had a way where you can do it with this Trix Editor.
@@JoseSuarez-c4z I don't think it's suited for that. It's a WYSIWYG editor. Checkout this comment: github.com/basecamp/trix/issues/626#issuecomment-800338265
Hey Tony! Is there a way you can make a video similar to this but actually editing in HTML and displaying it as the rendered version. So, if i am in the trix editor i am typing in HTML code and if its in a form and i save it shows the rendered output of the HTML.
Congrats 👏
Thanks, Christoph!
Awesome stuff as always Tony!
Thanks, Sean!
nice! hope to see more examples when working with the package and Workbench.
This series is hugely helpful, thank you! So many of the other Laravel K8S "tutorials" out there just stop after a "hello world" app, and never touch on workers, schedulers, migrations etc.
you should do an update with laravel 11, inertia and Mysql.😌
Very useful! Thank you for showing us the way of using Kamal with Laravel. Feels like this should be on Laracasts 😅 I totally forgot about the prod env encryption, it simplifies things so much.
That's a lot of books in the background. So cool.
I become a fan of you.
hey how you guys doing? im new to kubernetes and the thing is stable/nginx-ingress is not avalible any more what should i do now?
If I update some code in my local, do I need to rebuild the docker to get the updates?
If I update some code in my local, do I need to rebuild the docker to get the updates?
I never knew workbench can render view. Amazing
This is the most complete, comprehensive, extremely detailed tutorial for setup with docker and docker-compose for laravel that is on youtube! You have no idea how much I have learned from your tutorial and I already thought I had a pretty good grasp on docker and docker-compose to begin with. Thank you so much!
Meu orgulho
One of best videos on docker! Why don't you continue?
Hi Tony, nice tutorial! I have a question regarding s3 implementation, did you manage to do it? I have an issue where livewire stores the file only in the livewire-tmp folder on s3 when I call the store method. Let me know if you've experienced the same issue, any suggestion is welcomed.
Would love to hear your thoughts on Livewire VS Turbo...
Hello from Ruby world! It's so exciting to see Hotwire goodies applied with another language/framework!
Hey, thanks for the great video. I am having trouble though. I don't know what step I missed but I can get the editor contents to save at all. Not changes to the rich_text db table. Any tips? Or other guides you have?
This is not replacing all the behaviour that you've done in this video, but, one nice way to implement the "View type" buttons is, instead of having 2 radio inputs to have two button with the same name and a different value with a type of submit, in that way you will submit the form when you change it but need to do custom styling on the server for the active one: <button type="submit" name="view-type" @class(['active' => request('view-type') === 'list']) value="list"> List </button> <button type="submit" name="view-type" @class(['active' => request('view-type') === 'list']) value="grid"> Grid </button> This will bring the same functionality and 0 javascript needed
thanks tony.We are waiting for the next part, especially Modal
This is a really useful video - learned about MRSK today and was hoping that someone had done a video with it + Laravel, and you really delivered - so nice to see the horizon and cron setup too!
Turbolinks can't load script after visiting the page .. help me sir
Hey, so you're using Turbolinks? Can you create a sample app in a public repository where you reproduce the issue? I'd recommend checking out the Turbolinks docs in the readme, look for a section called "Working with Script Elements".
As of v0.10.0 we can now deploy the same app with different roles to the same host. And we can even have multiple destinations running in the same host: github.com/mrsked/mrsk/releases/tag/v0.10.0
How much do I have to bribe for you to stop using Linux?
😂
dude you're a legend! thank you so much for this series. I appreciate it! keep up the good work!
This is awesome! Perfect for my blog. Thank you :)
thx
so when `->turboStream($task);` is called, it looks for `tasks/turbo/created_stream.blade.php` or use `_form.blade.php`. How does `->turboStream($task);` know about `_form.blade.php`? is a naming convention?
It no longer supports the created_stream.blade.php convention. Check out the docs at GitHub, look for Turbo Laravel 😉
after reading, i have more questions than answers 😂, do you mean there are no longer any default conventions and everything is custom?
@@SEOng-gs7lj there are still conventions in place to find the partial of a model: github.com/tonysm/turbo-laravel#conventions just that one where we used to look for special "created|updated|deleted" blade views inside a "modelname/turbo" folder is gone.
is the basic camp repo available? not clear about your naming of _form.blade.php, is edit.blade.php using it too?
That example is not available. Yes, both the create.blade.php and the edit.blade.php views use the same _form.blade.php partial
Thank you very much! I'm waiting for delete image tutorial. :)
Good job, keep going Tony! I love your packages!
question at 5:00, does create action returns in response only turbo-frame tag with content or full page body from server?
In the Laravel package, we return the entire page. The Rails version has a little more control over the rendered HTML at the template level, so they are able to return only the frame, I believe.
This is really a great video 😊 Very clear explanation 👌🏻 Thanks for introducing this new package. Looking for many security videos 👏🏻
Thank you very much! Keep up the amazing work :-)
Very nice!
Hi Tony, I just following the whole series of this video. I wondering can we use this Hotwire package into the Laravel Livewire project? Thanks so much for the awesome package, and very nice explaination video ❤️
Yes, it works with Livewire. For instance, you can get a Laravel app using Jetstream with the Livewire stack and add Turbo Laravel to it.
Thanks! 😊 btw are you using valet?
I'm using Laravel Sail.
Hey, y'all. I'm trying something new with pieces where I'm talking to the camera and other pieces where I'm recording my screen. I'm getting used to this format and I desperately need to learn another editing tool. Looks like kdenlive is adding some noise to the audio whenever I have a cut or something, which is not fun. I'll try something else for the next video, I just wanted to release this one.
that's a very good tutorial. thank you! even though it's not the very most updated, it's still valuable. we just must update the tutorial on our own.
are you Brazilian man?
Yep
thank you. good luck
Aren’t initContainers more appropriate for migrations? I am just diving to k8s, so I don’t have a definite answer myself yet.
Hmm, I am realizing now that initContainers might not be suitable for replica sets, since we want the migrations to only be triggered once. I will come back once I have a better understanding of this. Thanks!
thank you man
Hi Tony, Thanks for the tutorial -- my job is not creating any pods - it's always at 0/1 completion
Hi every one, hope this help someone: This is the code that i have used to listen events for trix: <div class="flex flex-col mb-3 reset-all" x-data="{ value: @entangle('content') }" x-init="$refs.trix.editor.loadHTML(value)" @trix-change="value = $event.target.value" @trix-attachment-add="uploadImage($event)" wire:ignore> <label class="text-md text-gray-700 font-semibold">Post content</label> <input type="hidden" id="x" class="" x-bind:value="value"> <trix-editor x-ref="trix" input="x"> </trix-editor> </div>