{"id":2125,"date":"2026-05-26T06:35:06","date_gmt":"2026-05-26T06:35:06","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/navigating-the-live-editor-workspace\/"},"modified":"2026-05-26T06:35:06","modified_gmt":"2026-05-26T06:35:06","slug":"navigating-the-live-editor-workspace","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/","title":{"rendered":"\u0110i\u1ec1u h\u01b0\u1edbng kh\u00f4ng gian l\u00e0m vi\u1ec7c Tr\u00ecnh so\u1ea1n th\u1ea3o Th\u1eddi gian th\u1ef1c"},"content":{"rendered":"<p>Kh\u00f4ng gian l\u00e0m vi\u1ec7c <strong>VPasCode Workspace<\/strong> l\u00e0 m\u1ed9t m\u00f4i tr\u01b0\u1eddng t\u00edch h\u1ee3p \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1eb7c bi\u1ec7t \u0111\u1ec3 t\u1ea1o s\u01a1 \u0111\u1ed3 t\u1eeb v\u0103n b\u1ea3n v\u1edbi t\u1ed1c \u0111\u1ed9 cao. B\u1eb1ng c\u00e1ch k\u1ebft h\u1ee3p tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n c\u1ea5p chuy\u00ean nghi\u1ec7p v\u1edbi b\u1ea3ng v\u1ebd hi\u1ec3n th\u1ecb ph\u1ea3n h\u1ed3i nhanh, n\u1ec1n t\u1ea3ng n\u00e0y lo\u1ea1i b\u1ecf nhu c\u1ea7u chuy\u1ec3n \u0111\u1ed5i gi\u1eefa c\u00e1c t\u1ec7p m\u00e3 c\u1ee5c b\u1ed9 v\u00e0 tr\u00ecnh xem h\u00ecnh \u1ea3nh b\u00ean ngo\u00e0i. Hi\u1ec3u r\u00f5 c\u00e1c th\u00e0nh ph\u1ea7n c\u1ed1t l\u00f5i c\u1ee7a kh\u00f4ng gian l\u00e0m vi\u1ec7c n\u00e0y s\u1ebd gi\u00fap b\u1ea1n t\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh l\u00e0m vi\u1ec7c t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt c\u1ee7a m\u00ecnh.<\/p>\n<h2>B\u1ed1 c\u1ee5c giao di\u1ec7n hai b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n<\/h2>\n<p>Kh\u00f4ng gian l\u00e0m vi\u1ec7c \u0111\u01b0\u1ee3c chia th\u00e0nh hai khu v\u1ef1c ch\u00ednh \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 cung c\u1ea5p ph\u1ea3n h\u1ed3i tr\u1ef1c quan t\u1ee9c th\u00ec khi b\u1ea1n thay \u0111\u1ed5i thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng c\u1ee7a m\u00ecnh:<\/p>\n<ul>\n<li><strong>B\u1ea3ng \u0111i\u1ec1u khi\u1ec3n Tr\u00ecnh so\u1ea1n th\u1ea3o M\u00e3 (B\u00ean tr\u00e1i):<\/strong> \u0110\u00e2y l\u00e0 b\u1ea3ng nh\u1eadp ch\u00ednh c\u1ee7a b\u1ea1n. N\u00f3 ho\u1ea1t \u0111\u1ed9ng t\u01b0\u01a1ng t\u1ef1 nh\u01b0 m\u00f4i tr\u01b0\u1eddng v\u0103n b\u1ea3n hi\u1ec7n \u0111\u1ea1i c\u1ee7a IDE v\u00e0 bao g\u1ed3m c\u00e1c t\u00ednh n\u0103ng thi\u1ebft y\u1ebfu cho nh\u00e0 ph\u00e1t tri\u1ec3n nh\u01b0 \u0111\u00e1nh s\u1ed1 d\u00f2ng li\u00ean t\u1ee5c, kh\u1edbp d\u1ea5u ngo\u1eb7c, v\u00e0 g\u1eadp kh\u1ed1i. Tr\u00ecnh so\u1ea1n th\u1ea3o x\u1eed l\u00fd v\u0103n b\u1ea3n k\u1ecbch b\u1ea3n th\u00f4 cho t\u1ea5t c\u1ea3 c\u00e1c \u0111\u1ecbnh d\u1ea1ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 m\u1ed9t c\u00e1ch t\u1ef1 nhi\u00ean.<\/li>\n<li><strong>B\u1ea3ng \u0111i\u1ec1u khi\u1ec3n B\u1ed9 hi\u1ec3n th\u1ecb Xem tr\u01b0\u1edbc (B\u00ean ph\u1ea3i):<\/strong> B\u1ea3ng \u0111i\u1ec1u khi\u1ec3n n\u00e0y ch\u1ee9a b\u1ed9 \u0111\u1ed9ng l\u1ef1c b\u1ed1 c\u1ee5c h\u1ed7 tr\u1ee3 b\u1edfi \u0111\u00e1m m\u00e2y c\u1ee7a ch\u00fang t\u00f4i. M\u1ed7i khi b\u1ea1n t\u1ea1m d\u1eebng g\u00f5 ch\u1eef ho\u1eb7c thay \u0111\u1ed5i chu\u1ed7i quan h\u1ec7 trong b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n b\u00ean tr\u00e1i, b\u1ea3ng v\u1ebd n\u00e0y s\u1ebd bi\u00ean d\u1ecbch v\u0103n b\u1ea3n c\u1eadp nh\u1eadt v\u00e0 hi\u1ec3n th\u1ecb l\u1ea1i \u0111\u1ed3 h\u1ecda s\u01a1 \u0111\u1ed3 ngay l\u1eadp t\u1ee9c.<\/li>\n<\/ul>\n<h2>Ph\u00e1t hi\u1ec7n \u0111\u1ed9ng c\u01a1 th\u00f4ng minh v\u00e0 kh\u00f4ng gian l\u00e0m vi\u1ec7c \u0111a th\u1ebb<\/h2>\n<p>VPasCode x\u1eed l\u00fd \u0111\u1ed9 ph\u1ee9c t\u1ea1p c\u1ee7a vi\u1ec7c qu\u1ea3n l\u00fd c\u00e1c ng\u00f4n ng\u1eef s\u01a1 \u0111\u1ed3 kh\u00e1c nhau \u1edf ph\u00eda sau m\u00e0n h\u00ecnh, gi\u00fap b\u1ea1n ch\u1ec9 t\u1eadp trung v\u00e0o vi\u1ec7c t\u00e0i li\u1ec7u h\u00f3a h\u1ec7 th\u1ed1ng c\u1ee7a m\u00ecnh:<\/p>\n<p>B\u1ea1n kh\u00f4ng c\u1ea7n ph\u1ea3i ch\u1ec9 \u0111\u1ecbnh th\u1ee7 c\u00f4ng cho tr\u00ecnh so\u1ea1n th\u1ea3o r\u1eb1ng m\u00ecnh \u0111ang vi\u1ebft s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid, m\u00f4 h\u00ecnh PlantUML hay \u0111\u01b0\u1eddng d\u1eabn d\u1eef li\u1ec7u Graphviz. B\u1ed9 ph\u00e2n t\u00edch th\u00f4ng minh c\u1ee7a n\u1ec1n t\u1ea3ng s\u1ebd t\u1ef1 \u0111\u1ed9ng ki\u1ec3m tra v\u0103n b\u1ea3n c\u1ee7a b\u1ea1n v\u00e0 ngay l\u1eadp t\u1ee9c kh\u1edfi ch\u1ea1y m\u00f4i tr\u01b0\u1eddng bi\u00ean d\u1ecbch t\u01b0\u01a1ng \u1ee9ng trong c\u1eeda s\u1ed5 xem tr\u01b0\u1edbc.<\/p>\n<h2>X\u00e1c th\u1ef1c c\u00fa ph\u00e1p th\u1eddi gian th\u1ef1c v\u00e0 ch\u1ea9n \u0111o\u00e1n l\u1ed7i<\/h2>\n<p>Vi\u1ebft s\u01a1 \u0111\u1ed3 m\u00e3 khai b\u00e1o c\u00f3 ngh\u0129a l\u00e0 th\u1ec9nh tho\u1ea3ng g\u1eb7p l\u1ed7i c\u00fa ph\u00e1p, ch\u1eb3ng h\u1ea1n nh\u01b0 d\u1ea5u ngo\u1eb7c m\u0169i t\u00ean b\u1ecb thi\u1ebfu, chu\u1ed7i d\u1ea5u ngo\u1eb7c k\u00e9p ch\u01b0a \u0111\u00f3ng, ho\u1eb7c bi\u1ebfn n\u00fat ch\u01b0a \u0111\u01b0\u1ee3c \u00e1nh x\u1ea1. VPasCode x\u1eed l\u00fd logic s\u01a1 \u0111\u1ed3 nh\u01b0 m\u00e3 ph\u1ea7n m\u1ec1m, cung c\u1ea5p ph\u1ea3n h\u1ed3i g\u1ee1 l\u1ed7i t\u1ee9c th\u00ec:<\/p>\n<p>N\u1ebfu b\u1ea1n vi ph\u1ea1m quy t\u1eafc x\u00e1c th\u1ef1c c\u00fa ph\u00e1p c\u1ee7a \u0111\u1ed9ng c\u01a1, b\u1ea3ng hi\u1ec3n th\u1ecb th\u1eddi gian th\u1ef1c s\u1ebd t\u1ea1m d\u1eebng v\u00f2ng l\u1eb7p \u0111\u1ed3 h\u1ecda b\u00ecnh th\u01b0\u1eddng m\u1ed9t c\u00e1ch an to\u00e0n. Thay v\u00ec hi\u1ec3n th\u1ecb b\u1ed1 c\u1ee5c b\u1ecb h\u1ecfng ho\u1eb7c b\u1ecb l\u1ed7i, n\u00f3 s\u1ebd hi\u1ec3n th\u1ecb nh\u1eadt k\u00fd ch\u1ea9n \u0111o\u00e1n l\u1ed7i ngay trong v\u0103n b\u1ea3n. D\u00f2ng n\u00e0y x\u00e1c \u0111\u1ecbnh ch\u00ednh x\u00e1c d\u00f2ng v\u0103n b\u1ea3n n\u00e0o \u0111\u00e3 khi\u1ebfn \u0111\u1ed9ng c\u01a1 b\u1ecb treo v\u00e0 cung c\u1ea5p ph\u1ea3n h\u1ed3i r\u00f5 r\u00e0ng v\u1ec1 ph\u1ea7n t\u1eed ng\u1eef ngh\u0129a n\u00e0o b\u1ecb thi\u1ebfu. Ngay khi b\u1ea1n s\u1eeda l\u1ea1i chu\u1ed7i trong tr\u00ecnh so\u1ea1n th\u1ea3o m\u00e3, nh\u1eadt k\u00fd ch\u1ea9n \u0111o\u00e1n s\u1ebd \u0111\u01b0\u1ee3c x\u00f3a v\u00e0 s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n s\u1ebd tr\u1edf l\u1ea1i ho\u00e0n to\u00e0n r\u00f5 r\u00e0ng v\u1ec1 m\u1eb7t h\u00ecnh \u1ea3nh.<\/p>\n<h2>C\u00f4ng c\u1ee5 \u0111i\u1ec1u khi\u1ec3n b\u1ea3ng v\u1ebd<\/h2>\n<p>Khi l\u00e0m vi\u1ec7c v\u1edbi c\u00e1c m\u00f4 h\u00ecnh h\u1ec7 th\u1ed1ng r\u1ed9ng l\u1edbn v\u00e0 chi ti\u1ebft cao, vi\u1ec7c \u0111\u1ecdc c\u00e1c kh\u1ed1i v\u0103n b\u1ea3n nh\u1ecf ho\u1eb7c theo d\u00f5i lu\u1ed3ng d\u1eef li\u1ec7u kh\u1ed5ng l\u1ed3 c\u00f3 th\u1ec3 tr\u1edf n\u00ean kh\u00f3 kh\u0103n. B\u1ea3ng xem tr\u01b0\u1edbc bao g\u1ed3m c\u00e1c c\u00f4ng c\u1ee5 \u0111i\u1ec1u h\u01b0\u1edbng t\u00edch h\u1ee3p \u0111\u1ec3 duy tr\u00ec lu\u1ed3ng c\u00f4ng vi\u1ec7c tr\u01a1n tru:<\/p>\n<ul>\n<li><strong>Chuy\u1ec3n \u0111\u1ed9ng linh ho\u1ea1t v\u00e0 thu ph\u00f3ng b\u1eb1ng chu\u1ed9t:<\/strong> Nh\u1ea5p v\u00e0 k\u00e9o b\u1ea5t k\u1ef3 \u0111\u00e2u b\u00ean trong b\u1ea3ng xem tr\u01b0\u1edbc \u0111\u1ec3 di chuy\u1ec3n t\u1ef1 do qua c\u00e1c b\u1ea3n \u0111\u1ed3 h\u1ea1 t\u1ea7ng \u0111a t\u1ea7ng kh\u1ed5ng l\u1ed3. S\u1eed d\u1ee5ng b\u00e1nh xe cu\u1ed9n chu\u1ed9t ho\u1eb7c b\u00e0n di chu\u1ed9t laptop \u0111\u1ec3 thu ph\u00f3ng s\u00e2u v\u00e0o c\u00e1c c\u1ee5m microservice c\u1ee5 th\u1ec3 m\u00e0 kh\u00f4ng l\u00e0m m\u1ea5t \u0111\u1ed9 ph\u00e2n gi\u1ea3i h\u00ecnh \u1ea3nh.<\/li>\n<li><strong>Ch\u1ebf \u0111\u1ed9 \u0111i\u1ec1u ch\u1ec9nh v\u1eeba m\u00e0n h\u00ecnh:<\/strong> \u0110\u1eb7t l\u1ea1i ngay l\u1eadp t\u1ee9c to\u00e0n b\u1ed9 ma tr\u1eadn hi\u1ec3n th\u1ecb s\u01a1 \u0111\u1ed3, c\u0103n gi\u1eefa v\u00e0 \u0111i\u1ec1u ch\u1ec9nh k\u00edch th\u01b0\u1edbc t\u00e0i s\u1ea3n c\u1ee7a b\u1ea1n ch\u00ednh x\u00e1c theo k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh hi\u1ec3n th\u1ecb.<\/li>\n<li><strong>Ch\u1ebf \u0111\u1ed9 hi\u1ec3n th\u1ecb T\u1ed1i \/ S\u00e1ng:<\/strong> Chuy\u1ec3n \u0111\u1ed5i ch\u1ee7 \u0111\u1ec1 n\u1ec1n th\u1ea9m m\u1ef9 cho s\u01a1 \u0111\u1ed3 \u0111\u00e3 hi\u1ec3n th\u1ecb. Chuy\u1ec3n sang n\u1ec1n s\u00e1ng \u0111\u1ec3 in \u1ea5n v\u00e0 t\u00e0i li\u1ec7u ch\u00ednh th\u1ee9c, ho\u1eb7c n\u1ec1n t\u1ed1i \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi m\u00f4i tr\u01b0\u1eddng IDE l\u1eadp tr\u00ecnh c\u00f3 ch\u1ee7 \u0111\u1ec1 t\u1ed1i.<\/li>\n<\/ul>\n<p>V\u1edbi vi\u1ec7c n\u1eafm v\u1eefng c\u00e1c c\u01a1 ch\u1ebf ho\u1ea1t \u0111\u1ed9ng c\u1ee7a kh\u00f4ng gian l\u00e0m vi\u1ec7c, b\u1ea1n \u0111\u00e3 s\u1eb5n s\u00e0ng kh\u00e1m ph\u00e1 c\u00e1ch chia s\u1ebb v\u00e0 xu\u1ea5t t\u00e0i s\u1ea3n \u0111\u00e3 ho\u00e0n th\u00e0nh m\u1ed9t c\u00e1ch li\u1ec1n m\u1ea1ch. Ti\u1ebfn t\u1edbi ph\u1ea7n ti\u1ebfp theo \u0111\u1ec3 t\u00ecm hi\u1ec3u v\u1ec1 <strong>C\u01a1 ch\u1ebf chia s\u1ebb URL kh\u00f4ng c\u1ea7n c\u01a1 s\u1edf d\u1eef li\u1ec7u<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kh\u00f4ng gian l\u00e0m vi\u1ec7c VPasCode Workspace l\u00e0 m\u1ed9t m\u00f4i tr\u01b0\u1eddng t\u00edch h\u1ee3p \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1eb7c bi\u1ec7t \u0111\u1ec3 t\u1ea1o s\u01a1 \u0111\u1ed3 t\u1eeb v\u0103n b\u1ea3n v\u1edbi t\u1ed1c \u0111\u1ed9 cao. B\u1eb1ng c\u00e1ch k\u1ebft h\u1ee3p tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n c\u1ea5p chuy\u00ean nghi\u1ec7p&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2125","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>VPasCode Live Editor Guide | Text to Diagram Workspace<\/title>\n<meta name=\"description\" content=\"Explore the VPasCode live editor features. Write code, preview visual assets in real time, and adjust layouts in an intuitive diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode Live Editor Guide | Text to Diagram Workspace\" \/>\n<meta property=\"og:description\" content=\"Explore the VPasCode live editor features. Write code, preview visual assets in real time, and adjust layouts in an intuitive diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/navigating-the-live-editor-workspace\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/navigating-the-live-editor-workspace\\\/\",\"name\":\"VPasCode Live Editor Guide | Text to Diagram Workspace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"datePublished\":\"2026-05-26T06:35:06+00:00\",\"description\":\"Explore the VPasCode live editor features. Write code, preview visual assets in real time, and adjust layouts in an intuitive diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/navigating-the-live-editor-workspace\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/navigating-the-live-editor-workspace\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/navigating-the-live-editor-workspace\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0110i\u1ec1u h\u01b0\u1edbng kh\u00f4ng gian l\u00e0m vi\u1ec7c Tr\u00ecnh so\u1ea1n th\u1ea3o Th\u1eddi gian th\u1ef1c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode Live Editor Guide | Text to Diagram Workspace","description":"Explore the VPasCode live editor features. Write code, preview visual assets in real time, and adjust layouts in an intuitive diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/","og_locale":"vi_VN","og_type":"article","og_title":"VPasCode Live Editor Guide | Text to Diagram Workspace","og_description":"Explore the VPasCode live editor features. Write code, preview visual assets in real time, and adjust layouts in an intuitive diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/","og_site_name":"VPasCode","twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/","name":"VPasCode Live Editor Guide | Text to Diagram Workspace","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"datePublished":"2026-05-26T06:35:06+00:00","description":"Explore the VPasCode live editor features. Write code, preview visual assets in real time, and adjust layouts in an intuitive diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/navigating-the-live-editor-workspace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/vn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"\u0110i\u1ec1u h\u01b0\u1edbng kh\u00f4ng gian l\u00e0m vi\u1ec7c Tr\u00ecnh so\u1ea1n th\u1ea3o Th\u1eddi gian th\u1ef1c"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs\/2125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2125"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}