Sweet Text
<h-sweet>Javascript<h-sweet>
Create sortable list elements inside a rich text element block with jQuery UI
Sweet Text can apply any class anywhere in rich text. Through classes, we can communicate with javascript libraries. We look at how to integrate custom js library effects to specific words, phrases, or elements inside rich text. Many javascript effect libraries can be added to Webflow rich text content with Sweet Text.
Demo
Go ahead - Sort the list below!
- <list-sortable>List 1<list-sortable>
- <list-sortable>List 2<list-sortable>
- <list-sortable>List 3<list-sortable>
- <list-sortable>List 4<list-sortable>
- <list-sortable>List 5<list-sortable>
- <list-sortable>List 6<list-sortable>
This video shows you how to create draggable text inside a rich text element using the simple jQuery UI library.
Video Library
What the heck is Sweet Text?
Sweet Text in CMS
Establishing classes in Designer to use with Sweet Text
Create alternate style options for Rich Text using Sweet Text
Technical review of Sweet Text with Chrome inspector
Adding classes to parent elements inside rich text, like p, li, ul, h2, etc.
Create draggable text elements inside a rich text element
Create a sortable list of elements inside a rich text element
Trigger custom popup interaction via CMS rich text field, Sweet Text, and Webflow Interactions
Sweet Updates!
