ThetaDev/carta
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity
carta/examples/__data.json
BearToCode 8f6a618763 deploy: c9be45a1ee
2024-04-12 14:05:10 +00:00

1 line
31 KiB
JSON
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{"type":"data","nodes":[null,{"type":"data","data":[{"content":1,"metadata":7},{"html":2,"css":3,"head":6},"\u003Cp data-svelte-h=\"svelte-xyg5fd\">Here is a list of examples made using Carta and some of its plugins.\u003C/p> \u003Ch2 id=\"github\" data-svelte-h=\"svelte-v2whyn\">\u003Ca href=\"#github\">GitHub\u003C/a>\u003C/h2> \u003Cdiv class=\"carta-editor carta-theme__github svelte-11jlii3\"> \u003Cdiv class=\"carta-toolbar svelte-1c77udu\" role=\"toolbar\">\u003Cdiv class=\"carta-toolbar-left svelte-1c77udu\">\u003Cbutton type=\"button\" tabindex=\"0\" class=\"carta-active\">Write\u003C/button> \u003Cbutton type=\"button\" tabindex=\"-1\" class=\"\">Preview\u003C/button>\u003C/div> \u003Cdiv class=\"carta-filler svelte-1c77udu\">\u003C/div> \u003Cdiv class=\"carta-toolbar-right svelte-1c77udu\"> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"0\" title=\"Heading\" aria-label=\"Heading\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.5 2.75a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0v-4.5h7v4.5a.75.75 0 0 0 1.5 0V2.75a.75.75 0 0 0-1.5 0v4.5h-7v-4.5Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Bold\" aria-label=\"Bold\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h5.5a3.5 3.5 0 0 0 1.852-6.47A3.5 3.5 0 0 0 8.5 2H4Zm4.5 5a1.5 1.5 0 1 0 0-3H5v3h3.5ZM5 9v3h4.5a1.5 1.5 0 0 0 0-3H5Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Italic\" aria-label=\"Italic\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.5 2a.75.75 0 0 0 0 1.5h1.93l-2.412 9H4A.75.75 0 0 0 4 14h5.5a.75.75 0 0 0 0-1.5H7.57l2.412-9H12A.75.75 0 0 0 12 2H6.5Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Strikethrough\" aria-label=\"Strikethrough\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.886 1a3.136 3.136 0 0 0-2.41 5.144L6.4 7.25H2.75a.75.75 0 0 0 0 1.5h4.899l1.722 2.066A1.636 1.636 0 0 1 8.114 13.5H8a1.75 1.75 0 0 1-1.75-1.75a.75.75 0 0 0-1.5 0A3.25 3.25 0 0 0 8 15h.114a3.136 3.136 0 0 0 2.41-5.144L9.6 8.75h3.649a.75.75 0 0 0 0-1.5H8.351L6.63 5.184A1.636 1.636 0 0 1 7.886 2.5H8c.966 0 1.75.784 1.75 1.75a.75.75 0 0 0 1.5 0A3.25 3.25 0 0 0 8 1h-.114Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Quote\" aria-label=\"Quote\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.5 3.75a.75.75 0 0 0-1.5 0v8.5a.75.75 0 0 0 1.5 0v-8.5ZM4.75 3a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Zm0 4.25a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm-.75 5a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Code\" aria-label=\"Code\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.424 2.023a.75.75 0 0 1 .556.904L7.48 13.42a.75.75 0 0 1-1.46-.348L8.52 2.58a.75.75 0 0 1 .904-.556ZM11.16 4.22a.75.75 0 0 1 1.06 0l3.25 3.25L16 8l-.53.53l-3.25 3.25a.75.75 0 1 1-1.06-1.06L13.88 8l-2.72-2.72a.75.75 0 0 1 0-1.06ZM4.84 5.28a.75.75 0 1 0-1.06-1.06L.53 7.47L0 8l.53.53l3.25 3.25a.75.75 0 0 0 1.06-1.06L2.12 8l2.72-2.72Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Link\" aria-label=\"Link\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.929 3.132a2.078 2.078 0 1 1 2.94 2.94l-.65.648a.75.75 0 0 0 1.061 1.06l.649-.648a3.579 3.579 0 0 0-5.06-5.06L6.218 4.72a3.578 3.578 0 0 0 0 5.06a.75.75 0 0 0 1.061-1.06a2.078 2.078 0 0 1 0-2.94L9.93 3.132Zm-.15 3.086a.75.75 0 0 0-1.057 1.064c.816.81.818 2.13.004 2.942l-2.654 2.647a2.08 2.08 0 0 1-2.94-2.944l.647-.647a.75.75 0 0 0-1.06-1.06l-.648.647a3.58 3.58 0 0 0 5.06 5.066l2.654-2.647a3.575 3.575 0 0 0-.007-5.068Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Bulleted list\" aria-label=\"Bulleted list\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1 4.75a1 1 0 1 0 0-2a1 1 0 0 0 0 2ZM4.75 3a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm0 4.25a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm-.75 5a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM2 8a1 1 0 1 1-2 0a1 1 0 0 1 2 0Zm-1 5.25a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Numbered list\" aria-label=\"Numbered list\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 2h2v4H1V3H0V2Zm1.637 9.008H0v-1h1.637a1.382 1.382 0 0 1 .803 2.506L1.76 13H3v1H0v-.972L1.859 11.7a.382.382 0 0 0-.222-.693ZM4.75 3a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm0 4.25a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm-.75 5a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Task list\" aria-label=\"Task list\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.78 3.28a.75.75 0 0 0-1.06-1.06L1.75 4.19l-.47-.47A.75.75 0 0 0 .22 4.78l1 1a.75.75 0 0 0 1.06 0l2.5-2.5ZM6 3.75A.75.75 0 0 1 6.75 3h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 6 3.75ZM6 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 6 8Zm.75 3.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm-1.97-1.28a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 1 1 1.06-1.06l.47.47l1.97-1.97a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Attach file\" aria-label=\"Attach file\">\u003Csvg class=\"attach-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\">\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"m22 12l-9 9c-6 6-15-3-9-9l9-9c4-4 10 2 6 6l-9 9c-2 2-5-1-3-3l9-9\">\u003C/path>\u003C/svg> \u003C/button> \u003C/div>\u003C/div> \u003Cdiv class=\"carta-wrapper\">\u003Cdiv class=\"carta-container mode-tabs svelte-11jlii3\">\u003Cdiv role=\"tooltip\" id=\"editor-unfocus-suggestion\" class=\"svelte-3mukqg\" data-svelte-h=\"svelte-167gk2c\">Press ESC then TAB to move the focus off the field\u003C/div> \u003Cdiv role=\"textbox\" tabindex=\"-1\" class=\"carta-input svelte-3mukqg\">\u003Cdiv class=\"carta-input-wrapper svelte-3mukqg\">\u003Cdiv class=\"carta-highlight carta-font-code svelte-3mukqg\" tabindex=\"-1\" aria-hidden=\"true\">\u003C!-- HTML_TAG_START -->This is an example inspired by [GitHub](https://github.com)\n```js\nconsole.log('Hello, World!');\n```\u003C!-- HTML_TAG_END -->\u003C/div> \u003Ctextarea name=\"md\" id=\"md\" spellcheck=\"false\" class=\"carta-font-code svelte-3mukqg\" aria-multiline=\"true\" aria-describedby=\"editor-unfocus-suggestion\" tabindex=\"0\" placeholder=\"\">This is an example inspired by [GitHub](https://github.com)\n```js\nconsole.log('Hello, World!');\n```\u003C/textarea>\u003C/div> \u003C/div> \u003C/div>\u003C/div> \u003C/div> \u003Cbr> \u003Cp data-svelte-h=\"svelte-1e4njai\">Plugins used: code, slash, emoji, attachment. View source on \u003Ca href=\"https://github.com/BearToCode/carta/blob/master/docs/src/lib/examples/GitHubExample.svelte\" rel=\"nofollow\">GitHub\u003C/a>.\u003C/p> \u003Ch2 id=\"discord\" data-svelte-h=\"svelte-rgqmoc\">\u003Ca href=\"#discord\">Discord\u003C/a>\u003C/h2> \u003Cdiv class=\"carta-editor carta-theme__discord svelte-11jlii3\"> \u003Cdiv class=\"carta-toolbar svelte-1c77udu\" role=\"toolbar\">\u003Cdiv class=\"carta-toolbar-left svelte-1c77udu\">\u003Cbutton type=\"button\" tabindex=\"0\" class=\"carta-active\">Write\u003C/button> \u003Cbutton type=\"button\" tabindex=\"-1\" class=\"\">Preview\u003C/button>\u003C/div> \u003Cdiv class=\"carta-filler svelte-1c77udu\">\u003C/div> \u003Cdiv class=\"carta-toolbar-right svelte-1c77udu\"> \u003C/div>\u003C/div> \u003Cdiv class=\"carta-wrapper\">\u003Cdiv class=\"carta-container mode-tabs svelte-11jlii3\">\u003Cdiv role=\"tooltip\" id=\"editor-unfocus-suggestion\" class=\"svelte-3mukqg\" data-svelte-h=\"svelte-167gk2c\">Press ESC then TAB to move the focus off the field\u003C/div> \u003Cdiv role=\"textbox\" tabindex=\"-1\" class=\"carta-input svelte-3mukqg\">\u003Cdiv class=\"carta-input-wrapper svelte-3mukqg\">\u003Cdiv class=\"carta-highlight carta-font-code svelte-3mukqg\" tabindex=\"-1\" aria-hidden=\"true\">\u003C!-- HTML_TAG_START -->\u003C!-- HTML_TAG_END -->\u003C/div> \u003Ctextarea name=\"md\" id=\"md\" spellcheck=\"false\" class=\"carta-font-code svelte-3mukqg\" aria-multiline=\"true\" aria-describedby=\"editor-unfocus-suggestion\" tabindex=\"0\" placeholder=\"Send a message to @someone\">\u003C/textarea>\u003C/div> \u003C/div> \u003C/div>\u003C/div> \u003C/div> \u003Cbr> \u003Cp data-svelte-h=\"svelte-p47nlv\">Plugins used: code, emoji. View source on \u003Ca href=\"https://github.com/BearToCode/carta/blob/master/docs/src/lib/examples/DiscordExample.svelte\" rel=\"nofollow\">GitHub\u003C/a>.\u003C/p> \u003Ch2 id=\"math-stack-exchange\" data-svelte-h=\"svelte-xqbs97\">\u003Ca href=\"#math-stack-exchange\">Math Stack Exchange\u003C/a>\u003C/h2> \u003Cdiv class=\"math-stack-exchange-container\">\u003Cdiv class=\"carta-editor carta-theme__math-stack-exchange svelte-11jlii3\"> \u003Cdiv class=\"carta-toolbar svelte-1c77udu\" role=\"toolbar\">\u003Cdiv class=\"carta-toolbar-left svelte-1c77udu\">\u003Cbutton type=\"button\" tabindex=\"0\" class=\"carta-active\">Write\u003C/button> \u003Cbutton type=\"button\" tabindex=\"-1\" class=\"\">Preview\u003C/button>\u003C/div> \u003Cdiv class=\"carta-filler svelte-1c77udu\">\u003C/div> \u003Cdiv class=\"carta-toolbar-right svelte-1c77udu\"> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"0\" title=\"Heading\" aria-label=\"Heading\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.5 2.75a.75.75 0 0 0-1.5 0v10.5a.75.75 0 0 0 1.5 0v-4.5h7v4.5a.75.75 0 0 0 1.5 0V2.75a.75.75 0 0 0-1.5 0v4.5h-7v-4.5Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Bold\" aria-label=\"Bold\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h5.5a3.5 3.5 0 0 0 1.852-6.47A3.5 3.5 0 0 0 8.5 2H4Zm4.5 5a1.5 1.5 0 1 0 0-3H5v3h3.5ZM5 9v3h4.5a1.5 1.5 0 0 0 0-3H5Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Italic\" aria-label=\"Italic\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.5 2a.75.75 0 0 0 0 1.5h1.93l-2.412 9H4A.75.75 0 0 0 4 14h5.5a.75.75 0 0 0 0-1.5H7.57l2.412-9H12A.75.75 0 0 0 12 2H6.5Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Strikethrough\" aria-label=\"Strikethrough\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.886 1a3.136 3.136 0 0 0-2.41 5.144L6.4 7.25H2.75a.75.75 0 0 0 0 1.5h4.899l1.722 2.066A1.636 1.636 0 0 1 8.114 13.5H8a1.75 1.75 0 0 1-1.75-1.75a.75.75 0 0 0-1.5 0A3.25 3.25 0 0 0 8 15h.114a3.136 3.136 0 0 0 2.41-5.144L9.6 8.75h3.649a.75.75 0 0 0 0-1.5H8.351L6.63 5.184A1.636 1.636 0 0 1 7.886 2.5H8c.966 0 1.75.784 1.75 1.75a.75.75 0 0 0 1.5 0A3.25 3.25 0 0 0 8 1h-.114Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Quote\" aria-label=\"Quote\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.5 3.75a.75.75 0 0 0-1.5 0v8.5a.75.75 0 0 0 1.5 0v-8.5ZM4.75 3a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5Zm0 4.25a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm-.75 5a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Code\" aria-label=\"Code\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.424 2.023a.75.75 0 0 1 .556.904L7.48 13.42a.75.75 0 0 1-1.46-.348L8.52 2.58a.75.75 0 0 1 .904-.556ZM11.16 4.22a.75.75 0 0 1 1.06 0l3.25 3.25L16 8l-.53.53l-3.25 3.25a.75.75 0 1 1-1.06-1.06L13.88 8l-2.72-2.72a.75.75 0 0 1 0-1.06ZM4.84 5.28a.75.75 0 1 0-1.06-1.06L.53 7.47L0 8l.53.53l3.25 3.25a.75.75 0 0 0 1.06-1.06L2.12 8l2.72-2.72Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Link\" aria-label=\"Link\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.929 3.132a2.078 2.078 0 1 1 2.94 2.94l-.65.648a.75.75 0 0 0 1.061 1.06l.649-.648a3.579 3.579 0 0 0-5.06-5.06L6.218 4.72a3.578 3.578 0 0 0 0 5.06a.75.75 0 0 0 1.061-1.06a2.078 2.078 0 0 1 0-2.94L9.93 3.132Zm-.15 3.086a.75.75 0 0 0-1.057 1.064c.816.81.818 2.13.004 2.942l-2.654 2.647a2.08 2.08 0 0 1-2.94-2.944l.647-.647a.75.75 0 0 0-1.06-1.06l-.648.647a3.58 3.58 0 0 0 5.06 5.066l2.654-2.647a3.575 3.575 0 0 0-.007-5.068Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Bulleted list\" aria-label=\"Bulleted list\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1 4.75a1 1 0 1 0 0-2a1 1 0 0 0 0 2ZM4.75 3a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm0 4.25a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm-.75 5a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM2 8a1 1 0 1 1-2 0a1 1 0 0 1 2 0Zm-1 5.25a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Numbered list\" aria-label=\"Numbered list\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 2h2v4H1V3H0V2Zm1.637 9.008H0v-1h1.637a1.382 1.382 0 0 1 .803 2.506L1.76 13H3v1H0v-.972L1.859 11.7a.382.382 0 0 0-.222-.693ZM4.75 3a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm0 4.25a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75Zm-.75 5a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003Cbutton class=\"carta-icon svelte-1c77udu\" tabindex=\"-1\" title=\"Task list\" aria-label=\"Task list\">\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\u003Crect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"none\">\u003C/rect>\u003Cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.78 3.28a.75.75 0 0 0-1.06-1.06L1.75 4.19l-.47-.47A.75.75 0 0 0 .22 4.78l1 1a.75.75 0 0 0 1.06 0l2.5-2.5ZM6 3.75A.75.75 0 0 1 6.75 3h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 6 3.75ZM6 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 6 8Zm.75 3.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm-1.97-1.28a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0l-1-1a.75.75 0 1 1 1.06-1.06l.47.47l1.97-1.97a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\">\u003C/path>\u003C/svg> \u003C/button> \u003C/div>\u003C/div> \u003Cdiv class=\"carta-wrapper\">\u003Cdiv class=\"carta-container mode-tabs svelte-11jlii3\">\u003Cdiv role=\"tooltip\" id=\"editor-unfocus-suggestion\" class=\"svelte-3mukqg\" data-svelte-h=\"svelte-167gk2c\">Press ESC then TAB to move the focus off the field\u003C/div> \u003Cdiv role=\"textbox\" tabindex=\"-1\" class=\"carta-input svelte-3mukqg\">\u003Cdiv class=\"carta-input-wrapper svelte-3mukqg\">\u003Cdiv class=\"carta-highlight carta-font-code svelte-3mukqg\" tabindex=\"-1\" aria-hidden=\"true\">\u003C!-- HTML_TAG_START -->> Here is a formula:\n\n$$\n\\dfrac{\\partial}{\\partial t}(\n\t\\dfrac{\\partial \\mathcal{L}}{\\partial \\dot{q}_k}\n) - \\dfrac{\\partial \\mathcal{L}}{\\partial q_k} = 0\n$$\n\n> And here is a circuit:\n\n```tikz\n\\usepackage{circuitikz}\n\n\\begin{document}\n\t\\begin{circuitikz} \\draw\n\t\t(0,0) to[battery] (0,4)\n \t\tto[ammeter] (4,4) -- (4,0)\n \t\tto[lamp] (0,0)\n\t\t;\n\t\\end{circuitikz}\n\\end{document}\n```\n\n\u003C!-- HTML_TAG_END -->\u003C/div> \u003Ctextarea name=\"md\" id=\"md\" spellcheck=\"false\" class=\"carta-font-code svelte-3mukqg\" aria-multiline=\"true\" aria-describedby=\"editor-unfocus-suggestion\" tabindex=\"0\" placeholder=\"\">> Here is a formula:\n\n$$\n\\dfrac{\\partial}{\\partial t}(\n\t\\dfrac{\\partial \\mathcal{L}}{\\partial \\dot{q}_k}\n) - \\dfrac{\\partial \\mathcal{L}}{\\partial q_k} = 0\n$$\n\n> And here is a circuit:\n\n```tikz\n\\usepackage{circuitikz}\n\n\\begin{document}\n\t\\begin{circuitikz} \\draw\n\t\t(0,0) to[battery] (0,4)\n \t\tto[ammeter] (4,4) -- (4,0)\n \t\tto[lamp] (0,0)\n\t\t;\n\t\\end{circuitikz}\n\\end{document}\n```\n\n\u003C/textarea>\u003C/div> \u003C/div> \u003C/div>\u003C/div> \u003C/div> \u003Cdiv class=\"carta-viewer carta-theme__math-stack-exchange markdown-body\"> \u003C!-- HTML_TAG_START -->\u003Cblockquote>\n\u003Cp>Here is a formula:\u003C/p>\n\u003C/blockquote>\n\u003Cspan class=\"katex-display\">\u003Cspan class=\"katex\">\u003Cspan class=\"katex-mathml\">\u003Cmath xmlns=\"http://www.w3.org/1998/Math/MathML\" display=\"block\">\u003Csemantics>\u003Cmrow>\u003Cmfrac>\u003Cmi mathvariant=\"normal\">∂\u003C/mi>\u003Cmrow>\u003Cmi mathvariant=\"normal\">∂\u003C/mi>\u003Cmi>t\u003C/mi>\u003C/mrow>\u003C/mfrac>\u003Cmo stretchy=\"false\">(\u003C/mo>\u003Cmfrac>\u003Cmrow>\u003Cmi mathvariant=\"normal\">∂\u003C/mi>\u003Cmi mathvariant=\"script\">L\u003C/mi>\u003C/mrow>\u003Cmrow>\u003Cmi mathvariant=\"normal\">∂\u003C/mi>\u003Cmsub>\u003Cmover accent=\"true\">\u003Cmi>q\u003C/mi>\u003Cmo>˙\u003C/mo>\u003C/mover>\u003Cmi>k\u003C/mi>\u003C/msub>\u003C/mrow>\u003C/mfrac>\u003Cmo stretchy=\"false\">)\u003C/mo>\u003Cmo>−\u003C/mo>\u003Cmfrac>\u003Cmrow>\u003Cmi mathvariant=\"normal\">∂\u003C/mi>\u003Cmi mathvariant=\"script\">L\u003C/mi>\u003C/mrow>\u003Cmrow>\u003Cmi mathvariant=\"normal\">∂\u003C/mi>\u003Cmsub>\u003Cmi>q\u003C/mi>\u003Cmi>k\u003C/mi>\u003C/msub>\u003C/mrow>\u003C/mfrac>\u003Cmo>=\u003C/mo>\u003Cmn>0\u003C/mn>\u003C/mrow>\u003Cannotation encoding=\"application/x-tex\">\\dfrac{\\partial}{\\partial t}(\n\t\\dfrac{\\partial \\mathcal{L}}{\\partial \\dot{q}_k}\n) - \\dfrac{\\partial \\mathcal{L}}{\\partial q_k} = 0\u003C/annotation>\u003C/semantics>\u003C/math>\u003C/span>\u003Cspan class=\"katex-html\" aria-hidden=\"true\">\u003Cspan class=\"base\">\u003Cspan class=\"strut\" style=\"height:2.2519em;vertical-align:-0.8804em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mopen nulldelimiter\">\u003C/span>\u003Cspan class=\"mfrac\">\u003Cspan class=\"vlist-t vlist-t2\">\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:1.3714em;\">\u003Cspan style=\"top:-2.314em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord\" style=\"margin-right:0.05556em;\">∂\u003C/span>\u003Cspan class=\"mord mathnormal\">t\u003C/span>\u003C/span>\u003C/span>\u003Cspan style=\"top:-3.23em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"frac-line\" style=\"border-bottom-width:0.04em;\">\u003C/span>\u003C/span>\u003Cspan style=\"top:-3.677em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord\" style=\"margin-right:0.05556em;\">∂\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"vlist-s\">​\u003C/span>\u003C/span>\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.686em;\">\u003Cspan>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"mclose nulldelimiter\">\u003C/span>\u003C/span>\u003Cspan class=\"mopen\">(\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mopen nulldelimiter\">\u003C/span>\u003Cspan class=\"mfrac\">\u003Cspan class=\"vlist-t vlist-t2\">\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:1.3714em;\">\u003Cspan style=\"top:-2.314em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord\" style=\"margin-right:0.05556em;\">∂\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord accent\">\u003Cspan class=\"vlist-t vlist-t2\">\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.6679em;\">\u003Cspan style=\"top:-3em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord mathnormal\" style=\"margin-right:0.03588em;\">q\u003C/span>\u003C/span>\u003Cspan style=\"top:-3em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"accent-body\" style=\"left:-0.0556em;\">\u003Cspan class=\"mord\">˙\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"vlist-s\">​\u003C/span>\u003C/span>\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.1944em;\">\u003Cspan>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"msupsub\">\u003Cspan class=\"vlist-t vlist-t2\">\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.3361em;\">\u003Cspan style=\"top:-2.55em;margin-left:-0.0359em;margin-right:0.05em;\">\u003Cspan class=\"pstrut\" style=\"height:2.7em;\">\u003C/span>\u003Cspan class=\"sizing reset-size6 size3 mtight\">\u003Cspan class=\"mord mathnormal mtight\" style=\"margin-right:0.03148em;\">k\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"vlist-s\">​\u003C/span>\u003C/span>\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.15em;\">\u003Cspan>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan style=\"top:-3.23em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"frac-line\" style=\"border-bottom-width:0.04em;\">\u003C/span>\u003C/span>\u003Cspan style=\"top:-3.677em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord\" style=\"margin-right:0.05556em;\">∂\u003C/span>\u003Cspan class=\"mord mathcal\">L\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"vlist-s\">​\u003C/span>\u003C/span>\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.8804em;\">\u003Cspan>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"mclose nulldelimiter\">\u003C/span>\u003C/span>\u003Cspan class=\"mclose\">)\u003C/span>\u003Cspan class=\"mspace\" style=\"margin-right:0.2222em;\">\u003C/span>\u003Cspan class=\"mbin\">−\u003C/span>\u003Cspan class=\"mspace\" style=\"margin-right:0.2222em;\">\u003C/span>\u003C/span>\u003Cspan class=\"base\">\u003Cspan class=\"strut\" style=\"height:2.2519em;vertical-align:-0.8804em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mopen nulldelimiter\">\u003C/span>\u003Cspan class=\"mfrac\">\u003Cspan class=\"vlist-t vlist-t2\">\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:1.3714em;\">\u003Cspan style=\"top:-2.314em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord\" style=\"margin-right:0.05556em;\">∂\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord mathnormal\" style=\"margin-right:0.03588em;\">q\u003C/span>\u003Cspan class=\"msupsub\">\u003Cspan class=\"vlist-t vlist-t2\">\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.3361em;\">\u003Cspan style=\"top:-2.55em;margin-left:-0.0359em;margin-right:0.05em;\">\u003Cspan class=\"pstrut\" style=\"height:2.7em;\">\u003C/span>\u003Cspan class=\"sizing reset-size6 size3 mtight\">\u003Cspan class=\"mord mathnormal mtight\" style=\"margin-right:0.03148em;\">k\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"vlist-s\">​\u003C/span>\u003C/span>\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.15em;\">\u003Cspan>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan style=\"top:-3.23em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"frac-line\" style=\"border-bottom-width:0.04em;\">\u003C/span>\u003C/span>\u003Cspan style=\"top:-3.677em;\">\u003Cspan class=\"pstrut\" style=\"height:3em;\">\u003C/span>\u003Cspan class=\"mord\">\u003Cspan class=\"mord\" style=\"margin-right:0.05556em;\">∂\u003C/span>\u003Cspan class=\"mord mathcal\">L\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"vlist-s\">​\u003C/span>\u003C/span>\u003Cspan class=\"vlist-r\">\u003Cspan class=\"vlist\" style=\"height:0.8804em;\">\u003Cspan>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\"mclose nulldelimiter\">\u003C/span>\u003C/span>\u003Cspan class=\"mspace\" style=\"margin-right:0.2778em;\">\u003C/span>\u003Cspan class=\"mrel\">=\u003C/span>\u003Cspan class=\"mspace\" style=\"margin-right:0.2778em;\">\u003C/span>\u003C/span>\u003Cspan class=\"base\">\u003Cspan class=\"strut\" style=\"height:0.6444em;\">\u003C/span>\u003Cspan class=\"mord\">0\u003C/span>\u003C/span>\u003C/span>\u003C/span>\u003C/span>\n\u003Cblockquote>\n\u003Cp>And here is a circuit:\u003C/p>\n\u003C/blockquote>\n\u003Cpre>\u003Ccode class=\"language-tikz\">\\usepackage{circuitikz}\n\n\\begin{document}\n\t\\begin{circuitikz} \\draw\n\t\t(0,0) to[battery] (0,4)\n \t\tto[ammeter] (4,4) -- (4,0)\n \t\tto[lamp] (0,0)\n\t\t;\n\t\\end{circuitikz}\n\\end{document}\n\u003C/code>\u003C/pre>\u003C!-- HTML_TAG_END --> \u003C/div>\u003C/div> \u003Cbr> \u003Cp data-svelte-h=\"svelte-yiif2j\">Plugins used: math, tikz. View source on \u003Ca href=\"https://github.com/BearToCode/carta/blob/master/docs/src/lib/examples/MathStackExchangeExample.svelte\" rel=\"nofollow\">GitHub\u003C/a>.\u003C/p>",{"code":4,"map":5},".carta-editor.svelte-11jlii3{position:relative;display:flex;flex-direction:column}.carta-container.mode-split > *{width:50%}.carta-container.mode-tabs > *{width:100%}.carta-container.svelte-11jlii3{display:flex;position:relative}\n.carta-toolbar.svelte-1c77udu{height:2rem;display:flex;flex-shrink:0;overflow-x:auto;overflow-y:hidden}.carta-toolbar-left.svelte-1c77udu{display:flex;align-items:center;flex-wrap:nowrap;height:100%}.carta-filler.svelte-1c77udu{flex:1}.carta-toolbar-right.svelte-1c77udu{height:100%;display:flex;align-items:center;justify-content:flex-end}.carta-icon.svelte-1c77udu{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:3px;cursor:pointer;margin-left:4px}.carta-icon-full.svelte-1c77udu{display:flex;align-items:center;border-radius:3px;cursor:pointer}.carta-icons-menu.svelte-1c77udu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;margin-right:0.5rem;z-index:1}\n.carta-input.svelte-3mukqg{position:relative}.carta-input-wrapper.svelte-3mukqg{height:100%;position:relative;font-family:monospace}textarea.svelte-3mukqg{position:relative;width:100%;max-width:100%;min-height:100%;overflow-y:hidden;resize:none;padding:0;margin:0;border:0;color:transparent;background:transparent;outline:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.carta-highlight.svelte-3mukqg{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:-moz-fit-content;height:fit-content;padding:inherit;margin:inherit;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}.carta-highlight .shiki{margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;background-color:transparent !important}.carta-highlight *{font-family:inherit;font-size:inherit;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}#editor-unfocus-suggestion.svelte-3mukqg{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}",null,"",{"title":8,"section":9},"Examples","Overview"],"uses":{"url":1}}]}
Reference in a new issue View git blame Copy permalink