[{"data":1,"prerenderedAt":55},["Reactive",2],{"blog-post-markdown-cross-out-text":3},{"slug":4,"title":5,"description":6,"excerpt":7,"date":8,"category":9,"author":10,"keywords":11,"readingMinutes":12,"html":13,"headings":14,"tools":30,"related":31},"markdown-cross-out-text","How to Cross Out Text in Markdown - Step-by-Step Guide","Learn how to effectively cross out text in Markdown using the double tilde syntax. Practical examples and use cases included.","Utilizing text effects in Markdown can improve the readability and emphasize key points of your written content. In this tutorial, we will be focusing on how to cross out text in Markdown.…","2024-07-12","Tutorial","Matthew Rathbone","Markdown cross out text",2,"\u003Ch2 id=\"introduction\">Introduction\u003C/h2>\n\u003Cp>Utilizing text effects in Markdown can improve the readability and emphasize key points of your written content. In this tutorial, we will be focusing on how to cross out text in Markdown. Remember, cross-out is the same as strike-out, but we will be using the term &#39;cross out&#39; exclusively in this article. So let&#39;s dive into it.\u003C/p>\n\u003Ch2 id=\"using-cross-out-in-markdown\">Using Cross Out in Markdown\u003C/h2>\n\u003Cp>Crossing out text in Markdown can be achieved using the double tilde (\u003Ccode>~~\u003C/code>) syntax. The format would look like this: \u003Ccode>~~crossed out text~~\u003C/code>. For example:\u003C/p>\n\u003Cpre>\u003Ccode>I am ~~not~~ a computer.\n\u003C/code>\u003C/pre>\u003Cp>After rendering, you would see:\u003C/p>\n\u003Cp>I am \u003Cdel>not\u003C/del> a computer.\u003C/p>\n\u003Cp>The &#39;not&#39; is crossed out in the above sentence. \u003C/p>\n\u003Ch2 id=\"use-cases-for-cross-out-text\">Use Cases for Cross Out Text\u003C/h2>\n\u003Cp>There are many practical uses for crossing out text, especially when changes, corrections, or updates are required. \u003C/p>\n\u003Col>\n\u003Cli>To signify updates or changes without losing the original content.\u003C/li>\n\u003Cli>Highlighting corrections in a document.\u003C/li>\n\u003Cli>Indicating completed tasks in a to-do list.\u003C/li>\n\u003C/ol>\n\u003Cp>Example:\u003C/p>\n\u003Cpre>\u003Ccode>- [x] ~~Write the blog post~~\n- [ ] Edit the blog post\n- [ ] Publish the blog post\n\u003C/code>\u003C/pre>\u003Cp>After rendering, the above list would look like:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cinput checked=\"\" disabled=\"\" type=\"checkbox\"> \u003Cdel>Write the blog post\u003C/del>\u003C/li>\n\u003Cli>\u003Cinput disabled=\"\" type=\"checkbox\"> Edit the blog post\u003C/li>\n\u003Cli>\u003Cinput disabled=\"\" type=\"checkbox\"> Publish the blog post\u003C/li>\n\u003C/ul>\n\u003Cp>Here, the first task is crossed out, indicating it has been completed.\u003C/p>\n\u003Ch2 id=\"compatibility-issues\">Compatibility Issues\u003C/h2>\n\u003Cp>While the double tilde syntax is commonly used to cross out text in Markdown, it&#39;s important to note that not every Markdown renderer supports this syntax. \u003C/p>\n\u003Cp>Different renderers follow different specifications - some follow the original Markdown spec (which does not include strike-through), while others use variations like GitHub Flavored Markdown (GFM), which supports the \u003Ccode>~~\u003C/code> syntax.\u003C/p>\n\u003Cp>Therefore, if you&#39;re having trouble with crossing out text, make sure to check if your renderer supports this syntax. You can learn more about different Markdown renderers and how they handle text effects in our post about \u003Ca href=\"/blog/rendering-markdown-in-react\">rendering Markdown in React\u003C/a>.\u003C/p>\n\u003Ch2 id=\"conclusion\">Conclusion\u003C/h2>\n\u003Cp>Crossing out text in markdown is a straightforward process, but it is essential to know when and where to use this feature. I hope this tutorial was beneficial for everyone and clarified how to cross out text using Markdown syntax. Happy writing!\u003C/p>\n\u003Cp>Don&#39;t stop learning here, explore more about other Markdown features like \u003Ca href=\"/blog/how-to-preview-rendered-markdown-in-vim\">how to preview rendered Markdown in vim\u003C/a> and \u003Ca href=\"/blog/guide-to-blockquotes-in-markdown\">practical guide to blockquotes in Markdown\u003C/a>.\u003C/p>\n",[15,18,21,24,27],{"id":16,"text":17,"level":12},"introduction","Introduction",{"id":19,"text":20,"level":12},"using-cross-out-in-markdown","Using Cross Out in Markdown",{"id":22,"text":23,"level":12},"use-cases-for-cross-out-text","Use Cases for Cross Out Text",{"id":25,"text":26,"level":12},"compatibility-issues","Compatibility Issues",{"id":28,"text":29,"level":12},"conclusion","Conclusion",[],[32,40,47],{"slug":33,"title":34,"description":35,"excerpt":36,"date":37,"category":9,"author":10,"keywords":38,"readingMinutes":39},"markdown-text-decoration-combinations-complete-guide","Markdown Text Decoration Combinations: Complete Guide for Advanced Formatting and Cross-Platform Styling","Master advanced Markdown text decoration combinations including strikethrough, underline, and mixed formatting techniques. Learn platform-specific implementations, accessibility considerations, and best practices for complex text styling.","Advanced Markdown text decoration combinations enable sophisticated document formatting that goes beyond basic emphasis, allowing technical writers and content creators to develop nuanced visual…","2025-11-27","markdown text decoration, markdown strikethrough combinations, advanced markdown formatting, markdown text styling, cross-platform markdown, markdown accessibility formatting, text decoration markdown",10,{"slug":41,"title":42,"description":43,"excerpt":44,"date":45,"category":9,"author":10,"keywords":46,"readingMinutes":12},"markdown-text-alignment","Markdown Text Alignment Guide","Learn how to align text in Markdown using HTML tags and table syntax for left, right, and center text alignment in this straightforward guide.","Markdown is lightweight markup language that offers simplicity alongside a bunch of powerful features. One of such features is text alignment. While originally, Markdown doesn't support text…","2024-07-14","Markdown text alignment",{"slug":48,"title":49,"description":50,"excerpt":50,"date":51,"category":9,"author":52,"keywords":53,"readingMinutes":54},"how-to-center-text-in-markdown","How to center text in Markdown","Markdown is a simple markup language that allows for easy formatting of text. It is commonly used for creating README files, documentation, and other types of text-based content. One common task…","2022-12-08","Matthew Rathbone (with help from OpenAI)","3/8/2023",1,1792184940595]