Syed Umar AnisSvelte-LexicalReleased Svelte-Lexical 0.4.1: Introducing Markdown Shortcuts
Syed Umar AnisSvelte-LexicalReleased Svelte-Lexical 0.4.1: Introducing Markdown Shortcuts
Svelte-Lexical

Released Svelte-Lexical 0.4.1: Introducing Markdown Shortcuts

svelte-lexical now supports markdown shortcuts to format text and insert elements. Here are the supported shortcuts:

TransformerDescription
BOLD_STAREnclose text in ** to make it to bold (e.g. **bold text**)
BOLD_UNDERSCOREEnclose text in ** to make it to bold (e.g. __bold text__)
ITALIC_STAREnclose text in * to make it italic (e.g. *italic text\*)
ITALIC_UNDERSCOREEnclose text in _ to make it italic (e.g. _italic text_)
BOLD_ITALIC_STAREnclose text in **_ to make it to bold and italic (e.g. ***bold text***)
BOLD_ITALIC_UNDERSCOREEnclose text in ** to make it to bold and italic (e.g. ___bold text___)
INLINE_CODEEnclose text in backticks to convert it to inline code (e.g. `let value = 5`)
HIGHLIGHTEnclose text in == to highlight (e.g. ==highlight==)
STRIKETHROUGHEnclose text in ~~ for strikethrough (e.g. ~~strikethrough~~)
HEADINGType #  to create a heading. Supports H1 to H6 (e.g. ###  creates H3)
QUOTEType >  to create a quote
CODEType ``` followed by space to create a code block
UNORDERED_LISTTyoe -  to create an unordered list
ORDERED_LISTType 1.  to create an ordered list (you can use any digit instead of 1 as starting number)
CHECK_LISTType []  to create an check list
LINKCreate a link using []() e.g. [Syed Umar Anis](http://umaranis.com)
HRCreate horizontal rule using one of the following: --- ___ ***
IMAGECreate a image using ![]() e.g. ![Image Alt Text](https://i0.wp.com/umaranis.com/wp-content/uploads/2023/09/image.png)

Other new features include options to clear formatting, add subscript and superscript. For more details, see release notes here.

Hi, I’m Umar

Leave a Reply

Your email address will not be published. Required fields are marked *