🚀Quick Start | SA5 Rich Text

How to Easily Add SA5's Rich Text Enhancements to Your Webflow Site

All of SA5's Rich Text features are now consolidated into a single library, so you only need one library include.

How to Add the Library

This feature is using SA5's new TypeScript-based library, so it is has different URLs and code placement from the v4 JS-based library.

Add this script to the site wide custom code HEAD area of your site. If you are only using it on specific pages, you can add it to page-specific custom code instead.

<!-- Sygnal Attributes 5 | Rich Text --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-richtext.css"> 
<script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-richtext.js"></script>

Add the custom attributes for the features you need, described in each feature separately.

SA5 Library Developers

For SA5 library developers, use the extended syntax to support Sygnal DevProxy.

<!-- Sygnal Attributes 5 | Rich Text --> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-richtext.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-richtext.css"
  devproxy-group="sa5"
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-richtext.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-richtext.js"
  devproxy-group="sa5"
  ></script>