Richer Text



Optionally, you can customize a few of the attributes by passing them as attributes to the <richer-text-editor> tag.

Option     Default Allowed values Notes
serializer   “html” “html”, “json”  
input   ”” Form field id  
content   ”” String  
placeholder     “Start typing…” String  
callouts   “false” “true”, “false”  
tables   “false” “true”, “false”  
emoji   “true” “true”, “false”  
mentionable-users-path   ”” URL path to .json endpoint  
embeds-path   “/embeds” URL path to controller endpoint  
oembed   “false” “true”, “false” When present, embeds-path must be provided

JSON Serializer

Richer Text allows you to take full control of storing, and rendering content by using JSON to serialize the content instead of the default (HTML) serializer.

JSON output:

  content='{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":"left"},"content":[{"type":"text","text":"Hello from the "},{"type":"text","marks":[{"type":"bold"}],"text":"JSON"},{"type":"text","text":" serializer."}]}]}'