[{"data":1,"prerenderedAt":2612},["ShallowReactive",2],{"navigation":3,"nav-sdk31":498,"support-index":691,"docs-sdk-3.1-editor-styling":766},[4],{"title":5,"path":6,"stem":7,"children":8,"page":40},"Docs","\u002Fdocs","docs",[9,242,320],{"title":10,"path":11,"stem":12,"children":13,"page":40},"Cloud","\u002Fdocs\u002Fcloud","docs\u002Fcloud",[14],{"title":15,"path":16,"stem":17,"children":18,"page":40},"4.5","\u002Fdocs\u002Fcloud\u002F4.5","docs\u002Fcloud\u002F4.5",[19,41,54,79,100,147,172,196,209,234],{"title":20,"path":21,"stem":22,"children":23,"page":40},"Overview","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview","docs\u002Fcloud\u002F4.5\u002F01.overview",[24,28,32,36],{"title":25,"path":26,"stem":27},"MyScript iink SDK for web-based platform","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fintroduction","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F01.introduction",{"title":29,"path":30,"stem":31},"Choosing between REST or WebSockets","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fhttp-rest-or-websocket","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F02.http-rest-or-websocket",{"title":33,"path":34,"stem":35},"What's new","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fchangelog","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F03.changelog",{"title":37,"path":38,"stem":39},"Migration guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fmigration-guide","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F04.migration-guide",false,{"title":42,"path":43,"stem":44,"children":45,"page":40},"Integration","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration","docs\u002Fcloud\u002F4.5\u002F02.integration",[46,50],{"title":47,"path":48,"stem":49},"Supported platforms","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration\u002Fplatforms","docs\u002Fcloud\u002F4.5\u002F02.integration\u002F01.platforms",{"title":51,"path":52,"stem":53},"Integration levels","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration\u002Fintegration-levels","docs\u002Fcloud\u002F4.5\u002F02.integration\u002F02.integration-levels",{"title":55,"path":56,"stem":57,"children":58,"page":40},"Recognition capabilities","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities",[59,63,67,71,75],{"title":60,"path":61,"stem":62},"Recognizers","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F01.recognizers",{"title":64,"path":65,"stem":66},"Text languages and features","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F02.text-languages",{"title":68,"path":69,"stem":70},"Math elements and rules","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F03.math-elements-and-rules",{"title":72,"path":73,"stem":74},"Shapes and connectors","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F04.diagram-features",{"title":76,"path":77,"stem":78},"Gestures","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fgestures","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F05.gestures",{"title":80,"path":81,"stem":82,"children":83,"page":40},"Interactivity integration","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration",[84,88,92,96],{"title":85,"path":86,"stem":87},"Content types","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F01.content-types",{"title":89,"path":90,"stem":91},"Interactive features","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F02.interactive-features",{"title":93,"path":94,"stem":95},"Import and export formats","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F03.import-and-export-formats",{"title":97,"path":98,"stem":99},"Math interactive features","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fmath-features","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F04.math-features",{"title":101,"path":102,"stem":103,"children":104,"page":40},"iinkTS","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts","docs\u002Fcloud\u002F4.5\u002F05.iinkts",[105,109,113,121,138],{"title":106,"path":107,"stem":108},"Getting started","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fget-started","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F01.get-started",{"title":110,"path":111,"stem":112},"Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fcanvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F02.canvas",{"title":114,"path":115,"stem":116,"children":117,"page":40},"Ink Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F03.ink-canvas",[118],{"title":114,"path":119,"stem":120},"\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fink-canvas\u002Fink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F03.ink-canvas\u002F01.ink-canvas",{"title":122,"path":123,"stem":124,"children":125,"page":40},"Interactive Ink Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas",[126,130,134],{"title":127,"path":128,"stem":129},"Interactive ink canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Finteractive-ink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F01.interactive-ink-canvas",{"title":131,"path":132,"stem":133},"Interactive Math","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Fiicanvas-math","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F02.iicanvas-math",{"title":135,"path":136,"stem":137},"Using a custom rendering","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Fiicanvas-other-rendering","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F03.iicanvas-other-rendering",{"title":139,"path":140,"stem":141,"children":142,"page":40},"Reference","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Freference","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F05.reference",[143],{"title":144,"path":145,"stem":146},"Configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Freference\u002Fconfiguration-iinkts","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F05.reference\u002F01.configuration-iinkts",{"title":148,"path":149,"stem":150,"children":151,"page":40},"REST","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest","docs\u002Fcloud\u002F4.5\u002F06.rest",[152,156,160,164,168],{"title":153,"path":154,"stem":155},"MyScript iink SDK Web REST Overview","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Farchitecture","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F01.architecture",{"title":157,"path":158,"stem":159},"MyScript iink SDK Web REST Recognizer API","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fnew-api","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F02.new-api",{"title":161,"path":162,"stem":163},"Recognizer configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fconfiguration-recognizer-rest","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F03.configuration-recognizer-rest",{"title":165,"path":166,"stem":167},"MyScript iink SDK Web REST Batch API","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Flegacy-api","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F04.legacy-api",{"title":169,"path":170,"stem":171},"Batch configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fconfiguration-rest","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F05.configuration-rest",{"title":173,"path":174,"stem":175,"children":176,"page":40},"WebSockets","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets","docs\u002Fcloud\u002F4.5\u002F07.websockets",[177,181,185,189,193],{"title":178,"path":179,"stem":180},"MyScript iink SDK WebSockets API architecture","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Farchitecture","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F01.architecture",{"title":182,"path":183,"stem":184},"Offscreen interactivity mode messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmessages-offscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F02.messages-offscreen",{"title":186,"path":187,"stem":188},"Offscreen interactivity math messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmath-offscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F03.math-offscreen",{"title":190,"path":191,"stem":192},"Onscreen interactivity mode messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmessages-onscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F04.messages-onscreen",{"title":144,"path":194,"stem":195},"\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fconfiguration-ws","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F05.configuration-ws",{"title":197,"path":198,"stem":199,"children":200,"page":40},"Specific","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific","docs\u002Fcloud\u002F4.5\u002F08.specific",[201,205],{"title":202,"path":203,"stem":204},"Text recognition candidates","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific\u002Ftext-recognition-candidates","docs\u002Fcloud\u002F4.5\u002F08.specific\u002F01.text-recognition-candidates",{"title":206,"path":207,"stem":208},"Recognition resources","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific\u002Fcustom-recognition","docs\u002Fcloud\u002F4.5\u002F08.specific\u002F02.custom-recognition",{"title":210,"path":211,"stem":212,"children":213,"page":40},"Server","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver","docs\u002Fcloud\u002F4.5\u002F09.server",[214,218,222,226,230],{"title":215,"path":216,"stem":217},"MyScript Server Installation Preamble and Prerequisites","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fpreamble-prerequisites","docs\u002Fcloud\u002F4.5\u002F09.server\u002F01.preamble-prerequisites",{"title":219,"path":220,"stem":221},"MyScript Server Monoserver Installation Documentation","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fmonoserver-installation","docs\u002Fcloud\u002F4.5\u002F09.server\u002F02.monoserver-installation",{"title":223,"path":224,"stem":225},"MyScript Server Production Installation Documentation","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fproduction-installation","docs\u002Fcloud\u002F4.5\u002F09.server\u002F03.production-installation",{"title":227,"path":228,"stem":229},"MyScript Server Migration Guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fserver-migration-guide","docs\u002Fcloud\u002F4.5\u002F09.server\u002F04.server-migration-guide",{"title":231,"path":232,"stem":233},"MyScript Server Administration Guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fadministration-guide","docs\u002Fcloud\u002F4.5\u002F09.server\u002F05.administration-guide",{"title":139,"path":235,"stem":236,"children":237,"page":40},"\u002Fdocs\u002Fcloud\u002F4.5\u002Freference","docs\u002Fcloud\u002F4.5\u002F10.reference",[238],{"title":239,"path":240,"stem":241},"JIIX format reference","\u002Fdocs\u002Fcloud\u002F4.5\u002Freference\u002Fjiix","docs\u002Fcloud\u002F4.5\u002F10.reference\u002F01.jiix",{"title":243,"path":244,"stem":245,"children":246,"page":40},"Concepts","\u002Fdocs\u002Fconcepts","docs\u002Fconcepts",[247,250,254],{"title":20,"path":248,"stem":249},"\u002Fdocs\u002Fconcepts\u002Foverview","docs\u002Fconcepts\u002F01.overview",{"title":251,"path":252,"stem":253},"Glossary","\u002Fdocs\u002Fconcepts\u002Fglossary","docs\u002Fconcepts\u002F02.glossary",{"title":255,"path":256,"stem":257,"children":258,"page":40},"Fundamentals","\u002Fdocs\u002Fconcepts\u002Ffundamentals","docs\u002Fconcepts\u002F03.fundamentals",[259,263,292,312],{"title":260,"path":261,"stem":262},"OCR vs digital ink recognition","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fdigital-ink-vs-ocr","docs\u002Fconcepts\u002F03.fundamentals\u002F01.digital-ink-vs-ocr",{"title":264,"path":265,"stem":266,"children":267,"page":40},"Ink interpretation","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation",[268,272,276,280,284,288],{"title":269,"path":270,"stem":271},"Ink processing","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fink-interpretation","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F01.ink-interpretation",{"title":273,"path":274,"stem":275},"Recognition features","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fcontent-types","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F02.content-types",{"title":277,"path":278,"stem":279},"Ink classification","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fink-classification","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F03.ink-classification",{"title":281,"path":282,"stem":283},"What are batch mode and incremental mode?","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fbatch-mode","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F04.batch-mode",{"title":285,"path":286,"stem":287},"Gestures and context","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fcontext-gestures","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F05.context-gestures",{"title":289,"path":290,"stem":291},"What is interactivity","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Finteractive-ink","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F06.interactive-ink",{"title":293,"path":294,"stem":295,"children":296,"page":40},"Rendering-driven interactivity","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity",[297,301,304,308],{"title":298,"path":299,"stem":300},"Ink capture","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fink-capture","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F01.ink-capture",{"title":76,"path":302,"stem":303},"\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fediting-gestures","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F02.editing-gestures",{"title":305,"path":306,"stem":307},"Smart tools","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fsmart-tools","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F03.smart-tools",{"title":309,"path":310,"stem":311},"Responsive and productive","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fresponsive-layout","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F04.responsive-layout",{"title":313,"path":314,"stem":315,"children":316,"page":40},"Handwriting generation","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fhandwriting-generation","docs\u002Fconcepts\u002F03.fundamentals\u002F04.handwriting-generation",[317],{"title":313,"path":318,"stem":319},"\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fhandwriting-generation\u002Fhandwriting-generation","docs\u002Fconcepts\u002F03.fundamentals\u002F04.handwriting-generation\u002F01.handwriting-generation",{"title":321,"path":322,"stem":323,"children":324,"page":40},"Sdk","\u002Fdocs\u002Fsdk","docs\u002Fsdk",[325],{"title":15,"path":326,"stem":327,"children":328,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5","docs\u002Fsdk\u002F4.5",[329,333,336,339,349,368,381,393,401,417,426,463,467,470,474,477,484],{"title":330,"path":331,"stem":332},"About MyScript iink SDK","\u002Fdocs\u002Fsdk\u002F4.5\u002Fabout","docs\u002Fsdk\u002F4.5\u002F01.about",{"title":33,"path":334,"stem":335},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fchangelog","docs\u002Fsdk\u002F4.5\u002F02.changelog",{"title":37,"path":337,"stem":338},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fmigration-guide","docs\u002Fsdk\u002F4.5\u002F03.migration-guide",{"title":42,"path":340,"stem":341,"children":342,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration","docs\u002Fsdk\u002F4.5\u002F04.integration",[343,346],{"title":47,"path":344,"stem":345},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration\u002Fplatforms","docs\u002Fsdk\u002F4.5\u002F04.integration\u002F01.platforms",{"title":51,"path":347,"stem":348},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration\u002Fintegration-levels","docs\u002Fsdk\u002F4.5\u002F04.integration\u002F02.integration-levels",{"title":55,"path":350,"stem":351,"children":352,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities",[353,356,359,362,365],{"title":60,"path":354,"stem":355},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F01.recognizers",{"title":64,"path":357,"stem":358},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F02.text-languages",{"title":68,"path":360,"stem":361},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F03.math-elements-and-rules",{"title":72,"path":363,"stem":364},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F04.diagram-features",{"title":76,"path":366,"stem":367},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fgestures","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F05.gestures",{"title":80,"path":369,"stem":370,"children":371,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration",[372,375,378],{"title":85,"path":373,"stem":374},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F01.content-types",{"title":89,"path":376,"stem":377},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F02.interactive-features",{"title":93,"path":379,"stem":380},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F03.import-and-export-formats",{"title":106,"path":382,"stem":383,"children":384,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started","docs\u002Fsdk\u002F4.5\u002F07.getting-started",[385,389],{"title":386,"path":387,"stem":388},"Setup","\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started\u002Fsetup","docs\u002Fsdk\u002F4.5\u002F07.getting-started\u002F01.setup",{"title":390,"path":391,"stem":392},"Instantiate Engine","\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started\u002Finteractive-ink-runtime","docs\u002Fsdk\u002F4.5\u002F07.getting-started\u002F02.interactive-ink-runtime",{"title":394,"path":395,"stem":396,"children":397,"page":40},"Recognizer","\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognizer","docs\u002Fsdk\u002F4.5\u002F08.recognizer",[398],{"title":60,"path":399,"stem":400},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognizer\u002Frecognizers","docs\u002Fsdk\u002F4.5\u002F08.recognizer\u002F01.recognizers",{"title":402,"path":403,"stem":404,"children":405,"page":40},"Interactivity specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity","docs\u002Fsdk\u002F4.5\u002F09.interactivity",[406,410,413],{"title":407,"path":408,"stem":409},"Storage","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fstorage","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F01.storage",{"title":97,"path":411,"stem":412},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fmath-features","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F02.math-features",{"title":414,"path":415,"stem":416},"Integrate with the undo\u002Fredo stack of your application","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fcombined-undo-redo-stacks","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F03.combined-undo-redo-stacks",{"title":418,"path":419,"stem":420,"children":421,"page":40},"OffScreenEditor specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Foffscreen-editor","docs\u002Fsdk\u002F4.5\u002F10.offscreen-editor",[422],{"title":423,"path":424,"stem":425},"OffscreenEditor","\u002Fdocs\u002Fsdk\u002F4.5\u002Foffscreen-editor\u002Foff-screen-usage","docs\u002Fsdk\u002F4.5\u002F10.offscreen-editor\u002F01.off-screen-usage",{"title":427,"path":428,"stem":429,"children":430,"page":40},"Editor specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor","docs\u002Fsdk\u002F4.5\u002F11.editor",[431,435,439,443,447,451,455,459],{"title":432,"path":433,"stem":434},"Rendering","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Frendering","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F01.rendering",{"title":436,"path":437,"stem":438},"Editing","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fediting","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F02.editing",{"title":440,"path":441,"stem":442},"Tool controller","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Ftool-controller","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F03.tool-controller",{"title":444,"path":445,"stem":446},"Selection and block","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fblock-selection-management","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F04.block-selection-management",{"title":448,"path":449,"stem":450},"Conversion","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fconversion","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F05.conversion",{"title":452,"path":453,"stem":454},"Zooming and scrolling","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fzooming-and-scrolling","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F06.zooming-and-scrolling",{"title":456,"path":457,"stem":458},"Styling","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fstyling","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F07.styling",{"title":460,"path":461,"stem":462},"Custom inking","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fcustom-inking","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F08.custom-inking",{"title":464,"path":465,"stem":466},"Result, import and export","\u002Fdocs\u002Fsdk\u002F4.5\u002Fimport-and-export","docs\u002Fsdk\u002F4.5\u002F12.import-and-export",{"title":202,"path":468,"stem":469},"\u002Fdocs\u002Fsdk\u002F4.5\u002Ftext-recognition-candidates","docs\u002Fsdk\u002F4.5\u002F13.text-recognition-candidates",{"title":471,"path":472,"stem":473},"Error management","\u002Fdocs\u002Fsdk\u002F4.5\u002Ferror-management","docs\u002Fsdk\u002F4.5\u002F14.error-management",{"title":206,"path":475,"stem":476},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fcustom-recognition","docs\u002Fsdk\u002F4.5\u002F15.custom-recognition",{"title":313,"path":478,"stem":479,"children":480,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fhandwriting-generation","docs\u002Fsdk\u002F4.5\u002F16.handwriting-generation",[481],{"title":313,"path":482,"stem":483},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fhandwriting-generation\u002Fhandwriting-generation","docs\u002Fsdk\u002F4.5\u002F16.handwriting-generation\u002F01.handwriting-generation",{"title":139,"path":485,"stem":486,"children":487,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference","docs\u002Fsdk\u002F4.5\u002F17.reference",[488,491,494],{"title":144,"path":489,"stem":490},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fconfiguration","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F01.configuration",{"title":239,"path":492,"stem":493},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fjiix","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F02.jiix",{"title":495,"path":496,"stem":497},"Styling reference","\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fstyling","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F03.styling",[499],{"title":5,"path":6,"stem":7,"children":500,"page":40},[501],{"title":321,"path":322,"stem":323,"children":502,"page":40},[503],{"title":504,"navTitle":505,"icon":505,"path":506,"stem":507,"children":508,"page":40},"3.1",null,"\u002Fdocs\u002Fsdk\u002F3.1","docs\u002Fsdk\u002F3.1",[509,514,519,523,536,560,581,592,599,616,624,660,663,667,671,675],{"title":330,"path":510,"stem":511,"navTitle":512,"icon":513},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fabout","docs\u002Fsdk\u002F3.1\u002F01.about","About","i-tabler-info-circle",{"title":515,"path":516,"stem":517,"navTitle":33,"icon":518},"New in 3.1","\u002Fdocs\u002Fsdk\u002F3.1\u002Fchangelog","docs\u002Fsdk\u002F3.1\u002F02.changelog","i-tabler-bell-ringing",{"title":37,"path":520,"stem":521,"navTitle":37,"icon":522},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fmigration-guide","docs\u002Fsdk\u002F3.1\u002F03.migration-guide","i-tabler-gps",{"title":42,"navTitle":505,"icon":505,"path":524,"stem":525,"children":526,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fintegration","docs\u002Fsdk\u002F3.1\u002F04.integration",[527,532],{"title":47,"path":528,"stem":529,"navTitle":530,"icon":531},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fintegration\u002Fplatforms","docs\u002Fsdk\u002F3.1\u002F04.integration\u002F01.platforms","Platforms","i-tabler-device-laptop",{"title":51,"path":533,"stem":534,"navTitle":51,"icon":535},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fintegration\u002Fintegration-levels","docs\u002Fsdk\u002F3.1\u002F04.integration\u002F02.integration-levels","i-tabler-stack-2",{"title":55,"navTitle":505,"icon":505,"path":537,"stem":538,"children":539,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognition-capabilities","docs\u002Fsdk\u002F3.1\u002F05.recognition-capabilities",[540,544,548,552,556],{"title":60,"path":541,"stem":542,"navTitle":505,"icon":543},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fsdk\u002F3.1\u002F05.recognition-capabilities\u002F01.recognizers","i-tabler-text-scan-2",{"title":64,"path":545,"stem":546,"navTitle":64,"icon":547},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fsdk\u002F3.1\u002F05.recognition-capabilities\u002F02.text-languages","i-tabler-language",{"title":68,"path":549,"stem":550,"navTitle":68,"icon":551},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fsdk\u002F3.1\u002F05.recognition-capabilities\u002F03.math-elements-and-rules","i-tabler-math",{"title":72,"path":553,"stem":554,"navTitle":72,"icon":555},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fsdk\u002F3.1\u002F05.recognition-capabilities\u002F04.diagram-features","i-tabler-circle-square",{"title":76,"path":557,"stem":558,"navTitle":505,"icon":559},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognition-capabilities\u002Fgestures","docs\u002Fsdk\u002F3.1\u002F05.recognition-capabilities\u002F05.gestures","i-tabler-hand-finger",{"title":80,"navTitle":505,"icon":505,"path":561,"stem":562,"children":563,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity-integration","docs\u002Fsdk\u002F3.1\u002F06.interactivity-integration",[564,568,572,577],{"title":85,"path":565,"stem":566,"navTitle":85,"icon":567},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fsdk\u002F3.1\u002F06.interactivity-integration\u002F01.content-types","i-tabler-eye",{"title":89,"path":569,"stem":570,"navTitle":89,"icon":571},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fsdk\u002F3.1\u002F06.interactivity-integration\u002F02.interactive-features","i-tabler-bolt",{"title":93,"path":573,"stem":574,"navTitle":575,"icon":576},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fsdk\u002F3.1\u002F06.interactivity-integration\u002F03.import-and-export-formats","Import and export","i-tabler-arrows-left-right",{"title":97,"path":578,"stem":579,"navTitle":97,"icon":580},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity-integration\u002Fmath-features","docs\u002Fsdk\u002F3.1\u002F06.interactivity-integration\u002F04.math-features","i-tabler-calculator",{"title":106,"navTitle":505,"icon":505,"path":582,"stem":583,"children":584,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fgetting-started","docs\u002Fsdk\u002F3.1\u002F07.getting-started",[585,589],{"title":386,"path":586,"stem":587,"navTitle":505,"icon":588},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fgetting-started\u002Fsetup","docs\u002Fsdk\u002F3.1\u002F07.getting-started\u002F01.setup","i-tabler-direction-sign",{"title":390,"path":590,"stem":591,"navTitle":505,"icon":588},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fgetting-started\u002Finteractive-ink-runtime","docs\u002Fsdk\u002F3.1\u002F07.getting-started\u002F02.interactive-ink-runtime",{"title":394,"navTitle":505,"icon":505,"path":593,"stem":594,"children":595,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognizer","docs\u002Fsdk\u002F3.1\u002F08.recognizer",[596],{"title":60,"path":597,"stem":598,"navTitle":505,"icon":543},"\u002Fdocs\u002Fsdk\u002F3.1\u002Frecognizer\u002Frecognizers","docs\u002Fsdk\u002F3.1\u002F08.recognizer\u002F01.recognizers",{"title":402,"navTitle":505,"icon":505,"path":600,"stem":601,"children":602,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity","docs\u002Fsdk\u002F3.1\u002F09.interactivity",[603,607,611],{"title":604,"path":605,"stem":606,"navTitle":505,"icon":547},"Non-interactive languages","\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity\u002Fnon-interactive-languages","docs\u002Fsdk\u002F3.1\u002F09.interactivity\u002F01.non-interactive-languages",{"title":407,"path":608,"stem":609,"navTitle":505,"icon":610},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity\u002Fstorage","docs\u002Fsdk\u002F3.1\u002F09.interactivity\u002F02.storage","i-tabler-file-database",{"title":414,"path":612,"stem":613,"navTitle":614,"icon":615},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity\u002Fcombined-undo-redo-stacks","docs\u002Fsdk\u002F3.1\u002F09.interactivity\u002F03.combined-undo-redo-stacks","Combined undo\u002Fredo stacks","i-tabler-arrow-back-up",{"title":418,"navTitle":505,"icon":505,"path":617,"stem":618,"children":619,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Foffscreen-editor","docs\u002Fsdk\u002F3.1\u002F10.offscreen-editor",[620],{"title":423,"path":621,"stem":622,"navTitle":505,"icon":623},"\u002Fdocs\u002Fsdk\u002F3.1\u002Foffscreen-editor\u002Foff-screen-usage","docs\u002Fsdk\u002F3.1\u002F10.offscreen-editor\u002F01.off-screen-usage","i-tabler-stack-backward",{"title":427,"navTitle":505,"icon":505,"path":625,"stem":626,"children":627,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor","docs\u002Fsdk\u002F3.1\u002F11.editor",[628,632,636,640,644,648,652,656],{"title":432,"path":629,"stem":630,"navTitle":505,"icon":631},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Frendering","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F01.rendering","i-tabler-app-window",{"title":436,"path":633,"stem":634,"navTitle":505,"icon":635},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fediting","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F02.editing","i-tabler-edit",{"title":440,"path":637,"stem":638,"navTitle":505,"icon":639},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Ftool-controller","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F03.tool-controller","i-tabler-adjustments",{"title":444,"path":641,"stem":642,"navTitle":505,"icon":643},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fblock-selection-management","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F04.block-selection-management","i-tabler-pointer",{"title":448,"path":645,"stem":646,"navTitle":505,"icon":647},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fconversion","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F05.conversion","i-tabler-sparkles",{"title":452,"path":649,"stem":650,"navTitle":505,"icon":651},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fzooming-and-scrolling","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F06.zooming-and-scrolling","i-tabler-zoom-pan",{"title":456,"path":653,"stem":654,"navTitle":505,"icon":655},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fstyling","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F07.styling","i-tabler-palette",{"title":460,"path":657,"stem":658,"navTitle":505,"icon":659},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fcustom-inking","docs\u002Fsdk\u002F3.1\u002F11.editor\u002F08.custom-inking","i-tabler-brush",{"title":464,"path":661,"stem":662,"navTitle":505,"icon":576},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fimport-and-export","docs\u002Fsdk\u002F3.1\u002F12.import-and-export",{"title":202,"path":664,"stem":665,"navTitle":505,"icon":666},"\u002Fdocs\u002Fsdk\u002F3.1\u002Ftext-recognition-candidates","docs\u002Fsdk\u002F3.1\u002F13.text-recognition-candidates","i-tabler-tags",{"title":471,"path":668,"stem":669,"navTitle":505,"icon":670},"\u002Fdocs\u002Fsdk\u002F3.1\u002Ferror-management","docs\u002Fsdk\u002F3.1\u002F14.error-management","i-tabler-bug",{"title":206,"path":672,"stem":673,"navTitle":505,"icon":674},"\u002Fdocs\u002Fsdk\u002F3.1\u002Fcustom-recognition","docs\u002Fsdk\u002F3.1\u002F15.custom-recognition","i-tabler-file-code",{"title":139,"navTitle":505,"icon":505,"path":676,"stem":677,"children":678,"page":40},"\u002Fdocs\u002Fsdk\u002F3.1\u002Freference","docs\u002Fsdk\u002F3.1\u002F16.reference",[679,683,688],{"title":144,"path":680,"stem":681,"navTitle":505,"icon":682},"\u002Fdocs\u002Fsdk\u002F3.1\u002Freference\u002Fconfiguration","docs\u002Fsdk\u002F3.1\u002F16.reference\u002F01.configuration","i-tabler-settings",{"title":239,"path":684,"stem":685,"navTitle":686,"icon":687},"\u002Fdocs\u002Fsdk\u002F3.1\u002Freference\u002Fjiix","docs\u002Fsdk\u002F3.1\u002F16.reference\u002F02.jiix","JIIX","i-tabler-braces",{"title":495,"path":689,"stem":690,"navTitle":456,"icon":655},"\u002Fdocs\u002Fsdk\u002F3.1\u002Freference\u002Fstyling","docs\u002Fsdk\u002F3.1\u002F16.reference\u002F03.styling",{"id":692,"title":693,"body":694,"canonicalPath":505,"description":758,"extension":759,"icon":522,"meta":760,"navTitle":20,"navigation":761,"path":762,"resolveKey":505,"resolveVersion":505,"seo":763,"stem":764,"__hash__":765},"support\u002Fsupport\u002F01.index.md","Support",{"type":695,"value":696,"toc":754},"minimark",[697,701],[698,699,700],"p",{},"Find answers to common questions about integrating the iink SDK and MyScript Cloud APIs. Browse the topics below or reach out on the community forum.",[702,703,704,713,721,729,737,746],"card-group",{},[705,706,710],"card",{"icon":707,"title":708,"to":709},"i-tabler-package","Recognition assets","\u002Fsupport\u002Frecognition-assets\u002F",[698,711,712],{},"Download base assets and build custom resources to fine-tune the recognition.",[705,714,718],{"icon":715,"title":716,"to":717},"i-tabler-key","On-device license management","\u002Fsupport\u002Fon-device\u002Fon-device-license-management\u002F",[698,719,720],{},"Manage licenses for applications embedding the on-device iink SDK.",[705,722,726],{"icon":723,"title":724,"to":725},"i-tabler-user-circle","Registering with MyScript Cloud","\u002Fsupport\u002Fcloud\u002Fregistering-myscript-cloud\u002F",[698,727,728],{},"Create a Cloud account and obtain the keys to call our recognition APIs.",[705,730,734],{"icon":731,"title":732,"to":733},"i-tabler-rocket","Being production ready","\u002Fsupport\u002Fcloud\u002Fbeing-production-ready\u002F",[698,735,736],{},"Best practices and quotas to ship your iink Cloud integration to production.",[705,738,743],{"icon":739,"title":740,"to":741,"target":742},"i-tabler-message-circle","Forums","https:\u002F\u002Fdeveloper-support.myscript.com\u002Fsupport\u002Flogin","_blank",[698,744,745],{},"Ask questions and get answers from the MyScript developer community.",[705,747,751],{"icon":748,"title":749,"to":750,"target":742},"i-tabler-mail","Contact us","https:\u002F\u002Fwww.myscript.com\u002Fcontact\u002F",[698,752,753],{},"Can't find what you're looking for? Reach out to our team.",{"title":755,"searchDepth":756,"depth":756,"links":757},"",3,[],"MyScript Developer Support hub","md",{},true,"\u002Fsupport",{"title":693,"description":758},"support\u002F01.index","jENFmcn55y_8r3_6pH5xxlH1dZJBwoAuq9F7gXQtow8",{"path":653,"page":767},{"id":768,"title":456,"body":769,"canonicalPath":457,"description":2607,"extension":759,"icon":655,"meta":2608,"navTitle":505,"navigation":761,"path":653,"resolveKey":2609,"resolveVersion":505,"seo":2610,"stem":654,"__hash__":2611},"sdk31\u002Fdocs\u002Fsdk\u002F3.1\u002F11.editor\u002F07.styling.md",{"type":695,"value":770,"toc":2589},[771,774,779,818,825,867,991,994,997,1005,1009,1030,1033,1038,1070,1073,1076,1319,1323,1348,1355,1358,1491,1495,1501,1541,1545,1551,1555,1558,1604,1608,1611,1650,1654,1660,1664,1668,1671,1680,1683,1686,1973,1980,1983,1987,1990,2034,2037,2040,2575,2579,2585],[698,772,773],{},"MyScript iink SDK makes it easy to style content.\nIn this part of the guide, you will learn how to set a theme and how you can change the color of the pen at any time.",[775,776,778],"h2",{"id":777},"setting-a-theme","Setting a theme",[780,781,782,806],"partial",{},[783,784,785],"template",{"v-slot:swift":755},[698,786,787,788,792,793,797,798,801,802,805],{},"A ",[789,790,791],"strong",{},"theme"," is a style sheet that influences the look & feel of the content rendered by a particular ",[794,795,796],"code",{},"IINKEditor"," object.\nIt is not specific to any particular piece of content and it is therefore ",[789,799,800],{},"not stored"," in the ",[794,803,804],{},"IINKContentPart",".",[698,807,787,808,792,810,797,813,801,815,805],{},[789,809,791],{},[794,811,812],{},"Editor",[789,814,800],{},[794,816,817],{},"ContentPart",[819,820,822],"callout",{"color":821},"secondary",[698,823,824],{},"The same content will look different if it is opened by two editor instances configured with different themes.",[780,826,827,838,848,859],{},[783,828,829],{"v-slot:swift":755},[698,830,831,832,834,835,837],{},"The style sheet shall be passed as a string via the ",[794,833,791],{}," property of the ",[794,836,796],{}," object. For example, to set the default ink color to blue for the\ncurrent editor, you can write:",[783,839,840],{"v-slot:csharp":755},[698,841,831,842,834,845,847],{},[794,843,844],{},"Theme",[794,846,812],{}," object. For example, to set the default ink color to blue for the current\neditor, you can write:",[783,849,850],{"v-slot:java":755},[698,851,852,853,856,857,847],{},"The style sheet shall be passed as a string to the ",[794,854,855],{},"setTheme()"," method of the ",[794,858,812],{},[783,860,861],{"v-slot:cpp":755},[698,862,852,863,856,865,847],{},[794,864,855],{},[794,866,812],{},[780,868,869,904,936,960],{},[783,870,871],{"v-slot:java":755},[872,873,877],"pre",{"className":874,"code":875,"language":876,"meta":755,"style":755},"language-java shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor.setTheme(\"stroke { color: #0000FFFF; }\");\n","java",[794,878,879],{"__ignoreMap":755},[880,881,884,888,892,895,899,901],"span",{"class":882,"line":883},"line",1,[880,885,887],{"class":886},"sEQEB","editor",[880,889,891],{"class":890},"soFc9",".setTheme(",[880,893,894],{"class":890},"\"",[880,896,898],{"class":897},"sZBTK","stroke { color: #0000FFFF; }",[880,900,894],{"class":890},[880,902,903],{"class":890},");\n",[783,905,906],{"v-slot:swift":755},[872,907,911],{"className":908,"code":909,"language":910,"meta":755,"style":755},"language-swift shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor?.set(theme: \"stroke { color: #0000FFFF; }\")\n","swift",[794,912,913],{"__ignoreMap":755},[880,914,915,917,921,924,927,929,931,933],{"class":882,"line":883},[880,916,887],{"class":886},[880,918,920],{"class":919},"sglaT","?",[880,922,923],{"class":886},".set",[880,925,926],{"class":890},"(theme: ",[880,928,894],{"class":890},[880,930,898],{"class":897},[880,932,894],{"class":890},[880,934,935],{"class":890},")\n",[783,937,938],{"v-slot:cpp":755},[872,939,943],{"className":940,"code":941,"language":942,"meta":755,"style":755},"language-cpp shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor->setTheme(\"stroke { color: #0000FFFF; }\");\n","cpp",[794,944,945],{"__ignoreMap":755},[880,946,947,949,952,954,956,958],{"class":882,"line":883},[880,948,887],{"class":886},[880,950,951],{"class":890},"->setTheme(",[880,953,894],{"class":890},[880,955,898],{"class":897},[880,957,894],{"class":890},[880,959,903],{"class":890},[783,961,962],{"v-slot:csharp":755},[872,963,967],{"className":964,"code":965,"language":966,"meta":755,"style":755},"language-csharp shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor.Theme = \"stroke { color: #0000FFFF; }\";\n","csharp",[794,968,969],{"__ignoreMap":755},[880,970,971,973,975,978,981,984,986,988],{"class":882,"line":883},[880,972,887],{"class":886},[880,974,805],{"class":890},[880,976,977],{"class":886},"Theme ",[880,979,980],{"class":919},"=",[880,982,983],{"class":890}," \"",[880,985,898],{"class":897},[880,987,894],{"class":890},[880,989,990],{"class":890},";\n",[698,992,993],{},"MyScript iink SDK dynamically computes the default styling parameters such as line height and font size, based on the device resolution.\nYou can override this default styling, by setting a theme: values defined by your provided style sheet will have a higher priority.",[698,995,996],{},"Theme changes are not managed by iink SDK undo\u002Fredo stack. To let your users undo or redo theme changes, you have to manage it on the integration side.\nFor a possible implementation path, read how you can combine the iink SDK undo\u002Fredo stack with that of your application (advanced).",[698,998,999,1000,1004],{},"See the full ",[1001,1002,1003],"a",{"href":689},"styling reference"," for more information about available styling options.",[775,1006,1008],{"id":1007},"changing-the-style-of-the-writing-tools","Changing the style of the writing tools",[698,1010,1011,1012,1016,1017,1020,1021,1024,1025,1020,1027,1029],{},"You can set the style associated with a pointer tool that adds content to the ",[1001,1013,1015],{"href":1014},"\u002Fdocs\u002Fsdk\u002F3.1\u002Finteractivity\u002Fstorage#structure-of-the-model","Content Part",", for example to choose the ",[794,1018,1019],{},"PEN"," or ",[794,1022,1023],{},"HIGHLIGHTER"," color or their thicknesses.\nThis is also useful when providing end users with a color palette or when letting them define the characteristics of the ",[794,1026,1019],{},[794,1028,1023],{}," tool.",[698,1031,1032],{},"There are two possible approaches: via the theme or by setting dynamic styles.",[1034,1035,1037],"h3",{"id":1036},"via-the-theme","Via the theme",[780,1039,1040,1053,1063],{},[783,1041,1042],{"v-slot:csharp":755},[698,1043,1044,1045,1048,1049,1052],{},"The ",[789,1046,1047],{},"theming approach",", which consists in specifying classes corresponding to the different style configurations in the custom theme and in applying a given\nstyle to the tool by calling ",[794,1050,1051],{},"SetToolStyleClasses()"," property with the tool controller.",[783,1054,1055],{"v-slot:swift":755},[698,1056,1044,1057,1048,1059,1062],{},[789,1058,1047],{},[794,1060,1061],{},"set(styleClasses:forTool:)"," on the tool controller.",[698,1064,1044,1065,1048,1067,1062],{},[789,1066,1047],{},[794,1068,1069],{},"setToolStyleClasses()",[698,1071,1072],{},"This first approach is the most efficient one, and is better suited when users are provided with a fixed set of choices.\nIt will however be dependent of the theme and thus not stored within the content part.",[698,1074,1075],{},"Example applied on the highlighter tool:",[780,1077,1078,1127,1200,1259],{},[783,1079,1080],{"v-slot:java":755},[872,1081,1083],{"className":874,"code":1082,"language":876,"meta":755,"style":755},"editor.setTheme(\".greenThickPen { color: #00FF00FF; -myscript-pen-width: 2.4; }\");\neditor.getToolController().setToolStyleClasses(PointerTool.HIGHLIGHTER,\"greenThickPen\");\n",[794,1084,1085,1100],{"__ignoreMap":755},[880,1086,1087,1089,1091,1093,1096,1098],{"class":882,"line":883},[880,1088,887],{"class":886},[880,1090,891],{"class":890},[880,1092,894],{"class":890},[880,1094,1095],{"class":897},".greenThickPen { color: #00FF00FF; -myscript-pen-width: 2.4; }",[880,1097,894],{"class":890},[880,1099,903],{"class":890},[880,1101,1103,1105,1108,1111,1113,1115,1118,1120,1123,1125],{"class":882,"line":1102},2,[880,1104,887],{"class":886},[880,1106,1107],{"class":890},".getToolController().setToolStyleClasses(",[880,1109,1110],{"class":886},"PointerTool",[880,1112,805],{"class":890},[880,1114,1023],{"class":886},[880,1116,1117],{"class":890},",",[880,1119,894],{"class":890},[880,1121,1122],{"class":897},"greenThickPen",[880,1124,894],{"class":890},[880,1126,903],{"class":890},[783,1128,1129],{"v-slot:swift":755},[872,1130,1132],{"className":908,"code":1131,"language":910,"meta":755,"style":755},"\u002F\u002FConfigure the theme\neditor?.set(theme: \".greenThickPen { color: #00FF00FF; -myscript-pen-width: 2.4; }\")\n\n\u002F\u002F Configure the highlighter\neditor?.toolController?.set(styleClasses: \"greenThickPen\", forTool: IINKPointerTool.highlighter)\n",[794,1133,1134,1140,1158,1163,1169],{"__ignoreMap":755},[880,1135,1136],{"class":882,"line":883},[880,1137,1139],{"class":1138},"sJjcI","\u002F\u002FConfigure the theme\n",[880,1141,1142,1144,1146,1148,1150,1152,1154,1156],{"class":882,"line":1102},[880,1143,887],{"class":886},[880,1145,920],{"class":919},[880,1147,923],{"class":886},[880,1149,926],{"class":890},[880,1151,894],{"class":890},[880,1153,1095],{"class":897},[880,1155,894],{"class":890},[880,1157,935],{"class":890},[880,1159,1160],{"class":882,"line":756},[880,1161,1162],{"emptyLinePlaceholder":761},"\n",[880,1164,1166],{"class":882,"line":1165},4,[880,1167,1168],{"class":1138},"\u002F\u002F Configure the highlighter\n",[880,1170,1172,1174,1176,1179,1181,1183,1186,1188,1190,1192,1195,1198],{"class":882,"line":1171},5,[880,1173,887],{"class":886},[880,1175,920],{"class":919},[880,1177,1178],{"class":886},".toolController",[880,1180,920],{"class":919},[880,1182,923],{"class":886},[880,1184,1185],{"class":890},"(styleClasses: ",[880,1187,894],{"class":890},[880,1189,1122],{"class":897},[880,1191,894],{"class":890},[880,1193,1194],{"class":890},", forTool: IINKPointerTool.",[880,1196,1197],{"class":886},"highlighter",[880,1199,935],{"class":890},[783,1201,1202],{"v-slot:cpp":755},[872,1203,1205],{"className":940,"code":1204,"language":942,"meta":755,"style":755},"\u002F\u002F Set the theme\neditor->setTheme(\".greenThickPen { color: #00FF00FF; -myscript-pen-width: 2.4; }\");\n\n\u002F\u002F Configure the highlighter\neditor->getToolController()->setToolStyleClasses(PointerTool::HIGHLIGHTER,\"greenThickPen\");\n",[794,1206,1207,1212,1226,1230,1234],{"__ignoreMap":755},[880,1208,1209],{"class":882,"line":883},[880,1210,1211],{"class":1138},"\u002F\u002F Set the theme\n",[880,1213,1214,1216,1218,1220,1222,1224],{"class":882,"line":1102},[880,1215,887],{"class":886},[880,1217,951],{"class":890},[880,1219,894],{"class":890},[880,1221,1095],{"class":897},[880,1223,894],{"class":890},[880,1225,903],{"class":890},[880,1227,1228],{"class":882,"line":756},[880,1229,1162],{"emptyLinePlaceholder":761},[880,1231,1232],{"class":882,"line":1165},[880,1233,1168],{"class":1138},[880,1235,1236,1238,1241,1244,1247,1249,1251,1253,1255,1257],{"class":882,"line":1171},[880,1237,887],{"class":886},[880,1239,1240],{"class":890},"->getToolController()->setToolStyleClasses(",[880,1242,1110],{"class":1243},"sVYTS",[880,1245,1246],{"class":890},"::",[880,1248,1023],{"class":886},[880,1250,1117],{"class":890},[880,1252,894],{"class":890},[880,1254,1122],{"class":897},[880,1256,894],{"class":890},[880,1258,903],{"class":890},[783,1260,1261],{"v-slot:csharp":755},[872,1262,1264],{"className":964,"code":1263,"language":966,"meta":755,"style":755},"\u002F\u002F Set the theme\neditor.Theme = \".greenThickPen { color: #00FF00FF; -myscript-pen-width: 2.4; }\";\n\n\u002F\u002F Configure the highlighter\neditor.GetToolController().SetToolStyleClasses(PointerTool.HIGHLIGHTER,\"greenThickPen\");\n",[794,1265,1266,1270,1288,1292,1296],{"__ignoreMap":755},[880,1267,1268],{"class":882,"line":883},[880,1269,1211],{"class":1138},[880,1271,1272,1274,1276,1278,1280,1282,1284,1286],{"class":882,"line":1102},[880,1273,887],{"class":886},[880,1275,805],{"class":890},[880,1277,977],{"class":886},[880,1279,980],{"class":919},[880,1281,983],{"class":890},[880,1283,1095],{"class":897},[880,1285,894],{"class":890},[880,1287,990],{"class":890},[880,1289,1290],{"class":882,"line":756},[880,1291,1162],{"emptyLinePlaceholder":761},[880,1293,1294],{"class":882,"line":1165},[880,1295,1168],{"class":1138},[880,1297,1298,1300,1303,1305,1307,1309,1311,1313,1315,1317],{"class":882,"line":1171},[880,1299,887],{"class":886},[880,1301,1302],{"class":890},".GetToolController().SetToolStyleClasses(",[880,1304,1110],{"class":886},[880,1306,805],{"class":890},[880,1308,1023],{"class":886},[880,1310,1117],{"class":890},[880,1312,894],{"class":890},[880,1314,1122],{"class":897},[880,1316,894],{"class":890},[880,1318,903],{"class":890},[1034,1320,1322],{"id":1321},"via-dynamic-styles","Via dynamic styles",[780,1324,1325,1334,1343],{},[783,1326,1327],{"v-slot:csharp":755},[698,1328,1329,1330,1333],{},"This approach consists in directly setting the style of the tool by calling the ",[794,1331,1332],{},"SetToolStyle"," method of the tool controller.",[783,1335,1336],{"v-slot:swift":755},[698,1337,1338,1339,1342],{},"This approach consists in directly setting the style of the tool by calling ",[794,1340,1341],{},"set(style:forTool:)"," method on the tool controller.",[698,1344,1338,1345,1342],{},[794,1346,1347],{},"setToolStyle",[698,1349,1350,1351,1354],{},"It is ",[789,1352,1353],{},"less optimal"," in terms of processing time than the theming approach.\nHowever, it makes it easy to dynamically create styles (for instance if you let your users build their own color palettes) and will be saved within the content part.",[698,1356,1357],{},"Example applied on the pen tool:",[780,1359,1360,1391,1426,1461],{},[783,1361,1362],{"v-slot:java":755},[872,1363,1365],{"className":874,"code":1364,"language":876,"meta":755,"style":755},"editor.getToolController().setToolStyle(PointerTool.PEN,\"color: #00FF00FF; -myscript-pen-width: 2.4\");\n",[794,1366,1367],{"__ignoreMap":755},[880,1368,1369,1371,1374,1376,1378,1380,1382,1384,1387,1389],{"class":882,"line":883},[880,1370,887],{"class":886},[880,1372,1373],{"class":890},".getToolController().setToolStyle(",[880,1375,1110],{"class":886},[880,1377,805],{"class":890},[880,1379,1019],{"class":886},[880,1381,1117],{"class":890},[880,1383,894],{"class":890},[880,1385,1386],{"class":897},"color: #00FF00FF; -myscript-pen-width: 2.4",[880,1388,894],{"class":890},[880,1390,903],{"class":890},[783,1392,1393],{"v-slot:swift":755},[872,1394,1396],{"className":908,"code":1395,"language":910,"meta":755,"style":755},"editor?.toolController?.set(style: \"color: #00FF00FF; -myscript-pen-width: 2.4\", forTool: IINKPointerTool.pen)\n",[794,1397,1398],{"__ignoreMap":755},[880,1399,1400,1402,1404,1406,1408,1410,1413,1415,1417,1419,1421,1424],{"class":882,"line":883},[880,1401,887],{"class":886},[880,1403,920],{"class":919},[880,1405,1178],{"class":886},[880,1407,920],{"class":919},[880,1409,923],{"class":886},[880,1411,1412],{"class":890},"(style: ",[880,1414,894],{"class":890},[880,1416,1386],{"class":897},[880,1418,894],{"class":890},[880,1420,1194],{"class":890},[880,1422,1423],{"class":886},"pen",[880,1425,935],{"class":890},[783,1427,1428],{"v-slot:cpp":755},[872,1429,1431],{"className":940,"code":1430,"language":942,"meta":755,"style":755},"\u002F\u002F Configure the pen\neditor->getToolController()->setToolStyle(PointerTool::PEN,\"color: #00FF00FF; -myscript-pen-width: 2.4\");\n",[794,1432,1433,1438],{"__ignoreMap":755},[880,1434,1435],{"class":882,"line":883},[880,1436,1437],{"class":1138},"\u002F\u002F Configure the pen\n",[880,1439,1440,1442,1445,1447,1449,1451,1453,1455,1457,1459],{"class":882,"line":1102},[880,1441,887],{"class":886},[880,1443,1444],{"class":890},"->getToolController()->setToolStyle(",[880,1446,1110],{"class":1243},[880,1448,1246],{"class":890},[880,1450,1019],{"class":886},[880,1452,1117],{"class":890},[880,1454,894],{"class":890},[880,1456,1386],{"class":897},[880,1458,894],{"class":890},[880,1460,903],{"class":890},[783,1462,1463],{"v-slot:csharp":755},[872,1464,1466],{"className":964,"code":1465,"language":966,"meta":755,"style":755},"editor.GetToolController().SetToolStyle(PointerTool.PEN,\"color: #00FF00FF; -myscript-pen-width: 2.4\");\n",[794,1467,1468],{"__ignoreMap":755},[880,1469,1470,1472,1475,1477,1479,1481,1483,1485,1487,1489],{"class":882,"line":883},[880,1471,887],{"class":886},[880,1473,1474],{"class":890},".GetToolController().SetToolStyle(",[880,1476,1110],{"class":886},[880,1478,805],{"class":890},[880,1480,1019],{"class":886},[880,1482,1117],{"class":890},[880,1484,894],{"class":890},[880,1486,1386],{"class":897},[880,1488,894],{"class":890},[880,1490,903],{"class":890},[775,1492,1494],{"id":1493},"how-to-apply-style-a-posteriori","How to apply style a posteriori",[698,1496,1497,1498,1500],{},"Depending on the ",[1001,1499,1015],{"href":1014}," type, it is possible to apply style on some content after it has been written or typeset:",[780,1502,1503,1528],{},[783,1504,1505],{"v-slot:csharp":755},[1506,1507,1508,1521],"ol",{},[1509,1510,1511,1512,1516,1517,805],"li",{},"Select the content either with ",[1001,1513,1515],{"href":1514},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Ftool-controller#pointer-tool","the lasso selector"," or as ",[1001,1518,1520],{"href":1519},"\u002Fdocs\u002Fsdk\u002F3.1\u002Feditor\u002Fblock-selection-management#selection-and-block-objects","an entire block",[1509,1522,1523,1524,1527],{},"Call the editor ",[794,1525,1526],{},"ApplyStyle"," method with the corresponding selection\u002Fblock and the CSS style properties to apply.",[1506,1529,1530,1536],{},[1509,1531,1511,1532,1516,1534,805],{},[1001,1533,1515],{"href":1514},[1001,1535,1520],{"href":1519},[1509,1537,1523,1538,1527],{},[794,1539,1540],{},"applyStyle",[775,1542,1544],{"id":1543},"iink-sdk-css-specificities","iink SDK CSS specificities",[698,1546,1547,1550],{},[789,1548,1549],{},"Cascading Style Sheets"," (CSS) are a very common way to declaratively style content, for instance on the Web.\nMyScript iink SDK only relies on a subset of CSS for styling, with a few specificities to keep in mind.",[1034,1552,1554],{"id":1553},"restrictions","Restrictions",[698,1556,1557],{},"The following restrictions apply:",[1559,1560,1561,1564,1577,1584,1597],"ul",{},[1509,1562,1563],{},"Only a limited subset of CSS properties is supported.",[1509,1565,1566,1567,1570,1571,1020,1573,1576],{},"Supported types are different from those of regular CSS (for example type selectors like ",[794,1568,1569],{},"h1",", ",[794,1572,698],{},[794,1574,1575],{},"div"," are not supported).",[1509,1578,1579,1580,1583],{},"The default unit is ",[794,1581,1582],{},"mm"," and properties provided with an explicit unit will be ignored.",[1509,1585,1586,1587,1570,1590,1020,1593,1596],{},"Keywords such as ",[794,1588,1589],{},"inherit",[794,1591,1592],{},"initial",[794,1594,1595],{},"unset"," are not supported.",[1509,1598,1599,1600,1603],{},"Universal selector (",[794,1601,1602],{},"*",") is not supported, neither are combinators.",[1034,1605,1607],{"id":1606},"css-types","CSS types",[698,1609,1610],{},"MyScript iink SDK exposes the following type hierarchy:",[1559,1612,1613],{},[1509,1614,1615,1618,1619],{},[794,1616,1617],{},"ink"," - Groups all the types described below:\n",[1559,1620,1621,1627,1633,1638,1644],{},[1509,1622,1623,1626],{},[794,1624,1625],{},"stroke"," - Handwritten strokes only",[1509,1628,1629,1632],{},[794,1630,1631],{},"glyph"," - Converted text glyphs",[1509,1634,1635,1637],{},[794,1636,882],{}," - Converted lines, obtained for instance when converting a diagram",[1509,1639,1640,1643],{},[794,1641,1642],{},"arc"," - Converted elliptical arcs, ellipses and circles",[1509,1645,1646,1649],{},[794,1647,1648],{},"guide"," - The text guides",[1034,1651,1653],{"id":1652},"built-in-classes-and-properties","Built-in classes and properties",[698,1655,1656,1657,805],{},"The full reference of supported classes and properties can be found ",[1001,1658,1659],{"href":689},"here",[775,1661,1663],{"id":1662},"illustration-by-some-examples","Illustration by some examples",[1034,1665,1667],{"id":1666},"custom-theme","Custom theme",[698,1669,1670],{},"There are several possibilities to semantically style elements stored inside a part.\nLet's imagine that you have developped an application based on Math content:",[698,1672,1673],{},[1674,1675],"img",{"alt":755,"height":1676,"invert":1677,"src":1678,"width":1679},524,"true","\u002Fdocs\u002Fimages\u002Fstyle-before.png",1426,[698,1681,1682],{},"You may want converted content to appear blue, while keeping the default black color for handwritten ink.\nYou may also choose a nice green color for the results of the math solver, and set the font to bold (weight of 700) and italic.",[698,1684,1685],{},"The code would look like this:",[780,1687,1688,1768,1835,1897],{},[783,1689,1690],{"v-slot:java":755},[872,1691,1693],{"className":874,"code":1692,"language":876,"meta":755,"style":755},"editor.setTheme(\"glyph.math { color: #3A308CFF; }\" +\n                \"glyph.math-solved {\" +\n                \"  color: #1E9035FF;\" +\n                \"  font-weight: 700;\" +\n                \"  font-style: italic;\" +\n                \"}\");\n",[794,1694,1695,1711,1723,1734,1745,1756],{"__ignoreMap":755},[880,1696,1697,1699,1701,1703,1706,1708],{"class":882,"line":883},[880,1698,887],{"class":886},[880,1700,891],{"class":890},[880,1702,894],{"class":890},[880,1704,1705],{"class":897},"glyph.math { color: #3A308CFF; }",[880,1707,894],{"class":890},[880,1709,1710],{"class":919}," +\n",[880,1712,1713,1716,1719,1721],{"class":882,"line":1102},[880,1714,1715],{"class":890},"                \"",[880,1717,1718],{"class":897},"glyph.math-solved {",[880,1720,894],{"class":890},[880,1722,1710],{"class":919},[880,1724,1725,1727,1730,1732],{"class":882,"line":756},[880,1726,1715],{"class":890},[880,1728,1729],{"class":897},"  color: #1E9035FF;",[880,1731,894],{"class":890},[880,1733,1710],{"class":919},[880,1735,1736,1738,1741,1743],{"class":882,"line":1165},[880,1737,1715],{"class":890},[880,1739,1740],{"class":897},"  font-weight: 700;",[880,1742,894],{"class":890},[880,1744,1710],{"class":919},[880,1746,1747,1749,1752,1754],{"class":882,"line":1171},[880,1748,1715],{"class":890},[880,1750,1751],{"class":897},"  font-style: italic;",[880,1753,894],{"class":890},[880,1755,1710],{"class":919},[880,1757,1759,1761,1764,1766],{"class":882,"line":1758},6,[880,1760,1715],{"class":890},[880,1762,1763],{"class":897},"}",[880,1765,894],{"class":890},[880,1767,903],{"class":890},[783,1769,1770],{"v-slot:swift":755},[872,1771,1773],{"className":908,"code":1772,"language":910,"meta":755,"style":755},"editor?.set(theme: \"glyph.math { color: #3A308CFF; }\"\n                     \"glyph.math-solved {\"\n                     \"  color: #1E9035FF;\"\n                     \"  font-weight: 700;\"\n                     \"  font-style: italic;\"\n                     \"}\")\n",[794,1774,1775,1792,1801,1809,1817,1825],{"__ignoreMap":755},[880,1776,1777,1779,1781,1783,1785,1787,1789],{"class":882,"line":883},[880,1778,887],{"class":886},[880,1780,920],{"class":919},[880,1782,923],{"class":886},[880,1784,926],{"class":890},[880,1786,894],{"class":890},[880,1788,1705],{"class":897},[880,1790,1791],{"class":890},"\"\n",[880,1793,1794,1797,1799],{"class":882,"line":1102},[880,1795,1796],{"class":890},"                     \"",[880,1798,1718],{"class":897},[880,1800,1791],{"class":890},[880,1802,1803,1805,1807],{"class":882,"line":756},[880,1804,1796],{"class":890},[880,1806,1729],{"class":897},[880,1808,1791],{"class":890},[880,1810,1811,1813,1815],{"class":882,"line":1165},[880,1812,1796],{"class":890},[880,1814,1740],{"class":897},[880,1816,1791],{"class":890},[880,1818,1819,1821,1823],{"class":882,"line":1171},[880,1820,1796],{"class":890},[880,1822,1751],{"class":897},[880,1824,1791],{"class":890},[880,1826,1827,1829,1831,1833],{"class":882,"line":1758},[880,1828,1796],{"class":890},[880,1830,1763],{"class":897},[880,1832,894],{"class":890},[880,1834,935],{"class":890},[783,1836,1837],{"v-slot:cpp":755},[872,1838,1840],{"className":940,"code":1839,"language":942,"meta":755,"style":755},"editor->setTheme(\"glyph.math { color: #3A308CFF; }\"\n                 \"glyph.math-solved {\"\n                 \"  color: #1E9035FF;\"\n                 \"  font-weight: 700;\"\n                 \"  font-style: italic;\"\n                 \"}\");\n",[794,1841,1842,1854,1863,1871,1879,1887],{"__ignoreMap":755},[880,1843,1844,1846,1848,1850,1852],{"class":882,"line":883},[880,1845,887],{"class":886},[880,1847,951],{"class":890},[880,1849,894],{"class":890},[880,1851,1705],{"class":897},[880,1853,1791],{"class":890},[880,1855,1856,1859,1861],{"class":882,"line":1102},[880,1857,1858],{"class":890},"                 \"",[880,1860,1718],{"class":897},[880,1862,1791],{"class":890},[880,1864,1865,1867,1869],{"class":882,"line":756},[880,1866,1858],{"class":890},[880,1868,1729],{"class":897},[880,1870,1791],{"class":890},[880,1872,1873,1875,1877],{"class":882,"line":1165},[880,1874,1858],{"class":890},[880,1876,1740],{"class":897},[880,1878,1791],{"class":890},[880,1880,1881,1883,1885],{"class":882,"line":1171},[880,1882,1858],{"class":890},[880,1884,1751],{"class":897},[880,1886,1791],{"class":890},[880,1888,1889,1891,1893,1895],{"class":882,"line":1758},[880,1890,1858],{"class":890},[880,1892,1763],{"class":897},[880,1894,894],{"class":890},[880,1896,903],{"class":890},[783,1898,1899],{"v-slot:csharp":755},[872,1900,1902],{"className":964,"code":1901,"language":966,"meta":755,"style":755},"editor.Theme = \"glyph.math { color: #3A308CFF; }\" +\n               \"glyph.math-solved {\" +\n               \"  color: #1E9035FF;\" +\n               \"  font-weight: 700;\" +\n               \"  font-style: italic;\" +\n               \"}\";\n",[794,1903,1904,1922,1933,1943,1953,1963],{"__ignoreMap":755},[880,1905,1906,1908,1910,1912,1914,1916,1918,1920],{"class":882,"line":883},[880,1907,887],{"class":886},[880,1909,805],{"class":890},[880,1911,977],{"class":886},[880,1913,980],{"class":919},[880,1915,983],{"class":890},[880,1917,1705],{"class":897},[880,1919,894],{"class":890},[880,1921,1710],{"class":919},[880,1923,1924,1927,1929,1931],{"class":882,"line":1102},[880,1925,1926],{"class":890},"               \"",[880,1928,1718],{"class":897},[880,1930,894],{"class":890},[880,1932,1710],{"class":919},[880,1934,1935,1937,1939,1941],{"class":882,"line":756},[880,1936,1926],{"class":890},[880,1938,1729],{"class":897},[880,1940,894],{"class":890},[880,1942,1710],{"class":919},[880,1944,1945,1947,1949,1951],{"class":882,"line":1165},[880,1946,1926],{"class":890},[880,1948,1740],{"class":897},[880,1950,894],{"class":890},[880,1952,1710],{"class":919},[880,1954,1955,1957,1959,1961],{"class":882,"line":1171},[880,1956,1926],{"class":890},[880,1958,1751],{"class":897},[880,1960,894],{"class":890},[880,1962,1710],{"class":919},[880,1964,1965,1967,1969,1971],{"class":882,"line":1758},[880,1966,1926],{"class":890},[880,1968,1763],{"class":897},[880,1970,894],{"class":890},[880,1972,990],{"class":890},[698,1974,1975],{},[1674,1976],{"alt":755,"height":1977,"invert":1677,"src":1978,"width":1979},446,"\u002Fdocs\u002Fimages\u002Fstyle-after.png",1454,[698,1981,1982],{},"In this example, the values defined in the new style sheet overwrote the values of the default built-in style sheet.",[1034,1984,1986],{"id":1985},"pen-color-options","Pen color options",[698,1988,1989],{},"Let's now imagine that you want to provide users with a color palette, letting them use two different ink colors,\none of them being the default blue that you defined, the other being a red color (a color a teacher could use to correct an exercise).",[780,1991,1992,2005,2015,2026],{},[783,1993,1994],{"v-slot:swift":755},[698,1995,1996,1997,2000,2001,2004],{},"There are two ways to proceed: create pen styles \"on the fly\" using the ",[794,1998,1999],{},"toolStyle"," property of the tool controller or specify at theme level a set of classes\ncorresponding to predefined colors and apply those styles using the ",[794,2002,2003],{},"toolStyleClasses"," property of the tool controller.",[783,2006,2007],{"v-slot:csharp":755},[698,2008,1996,2009,2000,2012,2004],{},[794,2010,2011],{},"ToolStyle",[794,2013,2014],{},"ToolStyleClasses",[783,2016,2017],{"v-slot:java":755},[698,2018,2019,2020,2023,2024,805],{},"There are two ways to proceed: create pen styles \"on the fly\" using ",[794,2021,2022],{},"setToolStyle()"," or specify at theme level a set of classes corresponding to predefined\ncolors and apply those styles using ",[794,2025,1069],{},[783,2027,2028],{"v-slot:cpp":755},[698,2029,2019,2030,2023,2032,805],{},[794,2031,2022],{},[794,2033,1069],{},[698,2035,2036],{},"As you are dealing with predefined color, the second approach is probably the best, and it happens to also be the most efficient one.",[698,2038,2039],{},"You can first add two new classes (one for each pen) to your custom theme:",[780,2041,2042,2200,2281,2422],{},[783,2043,2044,2138,2141,2169,2172],{"v-slot:java":755},[872,2045,2047],{"className":874,"code":2046,"language":876,"meta":755,"style":755},"editor.setTheme(\".math { color: #3A308CFF; }\" +\n                \"glyph.math-solved {\" +\n                \"  color: #1E9035FF;\" +\n                \"  font-weight: 700;\" +\n                \"  font-style: italic;\" +\n                \"}\" +\n                \".defaultPen { color: #3A308CFF; }\" +\n                \".correctionPen { color: #FF0000FF; }\");\n",[794,2048,2049,2064,2074,2084,2094,2104,2114,2126],{"__ignoreMap":755},[880,2050,2051,2053,2055,2057,2060,2062],{"class":882,"line":883},[880,2052,887],{"class":886},[880,2054,891],{"class":890},[880,2056,894],{"class":890},[880,2058,2059],{"class":897},".math { color: #3A308CFF; }",[880,2061,894],{"class":890},[880,2063,1710],{"class":919},[880,2065,2066,2068,2070,2072],{"class":882,"line":1102},[880,2067,1715],{"class":890},[880,2069,1718],{"class":897},[880,2071,894],{"class":890},[880,2073,1710],{"class":919},[880,2075,2076,2078,2080,2082],{"class":882,"line":756},[880,2077,1715],{"class":890},[880,2079,1729],{"class":897},[880,2081,894],{"class":890},[880,2083,1710],{"class":919},[880,2085,2086,2088,2090,2092],{"class":882,"line":1165},[880,2087,1715],{"class":890},[880,2089,1740],{"class":897},[880,2091,894],{"class":890},[880,2093,1710],{"class":919},[880,2095,2096,2098,2100,2102],{"class":882,"line":1171},[880,2097,1715],{"class":890},[880,2099,1751],{"class":897},[880,2101,894],{"class":890},[880,2103,1710],{"class":919},[880,2105,2106,2108,2110,2112],{"class":882,"line":1758},[880,2107,1715],{"class":890},[880,2109,1763],{"class":897},[880,2111,894],{"class":890},[880,2113,1710],{"class":919},[880,2115,2117,2119,2122,2124],{"class":882,"line":2116},7,[880,2118,1715],{"class":890},[880,2120,2121],{"class":897},".defaultPen { color: #3A308CFF; }",[880,2123,894],{"class":890},[880,2125,1710],{"class":919},[880,2127,2129,2131,2134,2136],{"class":882,"line":2128},8,[880,2130,1715],{"class":890},[880,2132,2133],{"class":897},".correctionPen { color: #FF0000FF; }",[880,2135,894],{"class":890},[880,2137,903],{"class":890},[698,2139,2140],{},"Now, reacting to the selection of one of the pen options is just a matter of calling either:",[872,2142,2144],{"className":874,"code":2143,"language":876,"meta":755,"style":755},"editor.getToolController().setToolStyleClasses(PointerTool.PEN,\"defaultPen\");\n",[794,2145,2146],{"__ignoreMap":755},[880,2147,2148,2150,2152,2154,2156,2158,2160,2162,2165,2167],{"class":882,"line":883},[880,2149,887],{"class":886},[880,2151,1107],{"class":890},[880,2153,1110],{"class":886},[880,2155,805],{"class":890},[880,2157,1019],{"class":886},[880,2159,1117],{"class":890},[880,2161,894],{"class":890},[880,2163,2164],{"class":897},"defaultPen",[880,2166,894],{"class":890},[880,2168,903],{"class":890},[698,2170,2171],{},"or",[872,2173,2175],{"className":874,"code":2174,"language":876,"meta":755,"style":755},"editor.getToolController().setToolStyleClasses(PointerTool.PEN,\"correctionPen\");\n",[794,2176,2177],{"__ignoreMap":755},[880,2178,2179,2181,2183,2185,2187,2189,2191,2193,2196,2198],{"class":882,"line":883},[880,2180,887],{"class":886},[880,2182,1107],{"class":890},[880,2184,1110],{"class":886},[880,2186,805],{"class":890},[880,2188,1019],{"class":886},[880,2190,1117],{"class":890},[880,2192,894],{"class":890},[880,2194,2195],{"class":897},"correctionPen",[880,2197,894],{"class":890},[880,2199,903],{"class":890},[783,2201,2202],{"v-slot:swift":755},[872,2203,2205],{"className":908,"code":2204,"language":910,"meta":755,"style":755},"editor?.set(theme: \".math { color: #3A308CFF; }\"\n                     \"glyph.math-solved {\"\n                     \"  color: #1E9035FF;\"\n                     \"  font-weight: 700;\"\n                     \"  font-style: italic;\"\n                     \"}\"\n                     \".defaultPen { color: #3A308CFF; }\"\n                     \".correctionPen { color: #FF0000FF; }\")\n",[794,2206,2207,2223,2231,2239,2247,2255,2263,2271],{"__ignoreMap":755},[880,2208,2209,2211,2213,2215,2217,2219,2221],{"class":882,"line":883},[880,2210,887],{"class":886},[880,2212,920],{"class":919},[880,2214,923],{"class":886},[880,2216,926],{"class":890},[880,2218,894],{"class":890},[880,2220,2059],{"class":897},[880,2222,1791],{"class":890},[880,2224,2225,2227,2229],{"class":882,"line":1102},[880,2226,1796],{"class":890},[880,2228,1718],{"class":897},[880,2230,1791],{"class":890},[880,2232,2233,2235,2237],{"class":882,"line":756},[880,2234,1796],{"class":890},[880,2236,1729],{"class":897},[880,2238,1791],{"class":890},[880,2240,2241,2243,2245],{"class":882,"line":1165},[880,2242,1796],{"class":890},[880,2244,1740],{"class":897},[880,2246,1791],{"class":890},[880,2248,2249,2251,2253],{"class":882,"line":1171},[880,2250,1796],{"class":890},[880,2252,1751],{"class":897},[880,2254,1791],{"class":890},[880,2256,2257,2259,2261],{"class":882,"line":1758},[880,2258,1796],{"class":890},[880,2260,1763],{"class":897},[880,2262,1791],{"class":890},[880,2264,2265,2267,2269],{"class":882,"line":2116},[880,2266,1796],{"class":890},[880,2268,2121],{"class":897},[880,2270,1791],{"class":890},[880,2272,2273,2275,2277,2279],{"class":882,"line":2128},[880,2274,1796],{"class":890},[880,2276,2133],{"class":897},[880,2278,894],{"class":890},[880,2280,935],{"class":890},[783,2282,2283,2364,2366,2393,2395],{"v-slot:cpp":755},[872,2284,2286],{"className":940,"code":2285,"language":942,"meta":755,"style":755},"\u002F\u002F Set the custom theme\neditor->setTheme(\".math { color: #3A308CFF; }\"\n                 \"glyph.math-solved {\"\n                 \"  color: #1E9035FF;\"\n                 \"  font-weight: 700;\"\n                 \"  font-style: italic;\"\n                 \"}\"\n                 \".defaultPen { color: #3A308CFF; }\"\n                 \".correctionPen { color: #FF0000FF; }\");\n",[794,2287,2288,2293,2305,2313,2321,2329,2337,2345,2353],{"__ignoreMap":755},[880,2289,2290],{"class":882,"line":883},[880,2291,2292],{"class":1138},"\u002F\u002F Set the custom theme\n",[880,2294,2295,2297,2299,2301,2303],{"class":882,"line":1102},[880,2296,887],{"class":886},[880,2298,951],{"class":890},[880,2300,894],{"class":890},[880,2302,2059],{"class":897},[880,2304,1791],{"class":890},[880,2306,2307,2309,2311],{"class":882,"line":756},[880,2308,1858],{"class":890},[880,2310,1718],{"class":897},[880,2312,1791],{"class":890},[880,2314,2315,2317,2319],{"class":882,"line":1165},[880,2316,1858],{"class":890},[880,2318,1729],{"class":897},[880,2320,1791],{"class":890},[880,2322,2323,2325,2327],{"class":882,"line":1171},[880,2324,1858],{"class":890},[880,2326,1740],{"class":897},[880,2328,1791],{"class":890},[880,2330,2331,2333,2335],{"class":882,"line":1758},[880,2332,1858],{"class":890},[880,2334,1751],{"class":897},[880,2336,1791],{"class":890},[880,2338,2339,2341,2343],{"class":882,"line":2116},[880,2340,1858],{"class":890},[880,2342,1763],{"class":897},[880,2344,1791],{"class":890},[880,2346,2347,2349,2351],{"class":882,"line":2128},[880,2348,1858],{"class":890},[880,2350,2121],{"class":897},[880,2352,1791],{"class":890},[880,2354,2356,2358,2360,2362],{"class":882,"line":2355},9,[880,2357,1858],{"class":890},[880,2359,2133],{"class":897},[880,2361,894],{"class":890},[880,2363,903],{"class":890},[698,2365,2140],{},[872,2367,2369],{"className":940,"code":2368,"language":942,"meta":755,"style":755},"editor->getToolController()->setToolStyleClasses(PointerTool::PEN,\"defaultPen\");\n",[794,2370,2371],{"__ignoreMap":755},[880,2372,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391],{"class":882,"line":883},[880,2374,887],{"class":886},[880,2376,1240],{"class":890},[880,2378,1110],{"class":1243},[880,2380,1246],{"class":890},[880,2382,1019],{"class":886},[880,2384,1117],{"class":890},[880,2386,894],{"class":890},[880,2388,2164],{"class":897},[880,2390,894],{"class":890},[880,2392,903],{"class":890},[698,2394,2171],{},[872,2396,2398],{"className":940,"code":2397,"language":942,"meta":755,"style":755},"editor->getToolController()->setToolStyleClasses(PointerTool::PEN,\"correctionPen\");\n",[794,2399,2400],{"__ignoreMap":755},[880,2401,2402,2404,2406,2408,2410,2412,2414,2416,2418,2420],{"class":882,"line":883},[880,2403,887],{"class":886},[880,2405,1240],{"class":890},[880,2407,1110],{"class":1243},[880,2409,1246],{"class":890},[880,2411,1019],{"class":886},[880,2413,1117],{"class":890},[880,2415,894],{"class":890},[880,2417,2195],{"class":897},[880,2419,894],{"class":890},[880,2421,903],{"class":890},[783,2423,2424,2517,2519,2546,2548],{"v-slot:csharp":755},[872,2425,2427],{"className":964,"code":2426,"language":966,"meta":755,"style":755},"editor.Theme = \".math { color: #3A308CFF; }\" +\n               \"glyph.math-solved {\" +\n               \"  color: #1E9035FF;\" +\n               \"  font-weight: 700;\" +\n               \"  font-style: italic;\" +\n               \"}\" +\n               \".defaultPen { color: #3A308CFF; }\" +\n               \".correctionPen { color: #FF0000FF; }\";\n",[794,2428,2429,2447,2457,2467,2477,2487,2497,2507],{"__ignoreMap":755},[880,2430,2431,2433,2435,2437,2439,2441,2443,2445],{"class":882,"line":883},[880,2432,887],{"class":886},[880,2434,805],{"class":890},[880,2436,977],{"class":886},[880,2438,980],{"class":919},[880,2440,983],{"class":890},[880,2442,2059],{"class":897},[880,2444,894],{"class":890},[880,2446,1710],{"class":919},[880,2448,2449,2451,2453,2455],{"class":882,"line":1102},[880,2450,1926],{"class":890},[880,2452,1718],{"class":897},[880,2454,894],{"class":890},[880,2456,1710],{"class":919},[880,2458,2459,2461,2463,2465],{"class":882,"line":756},[880,2460,1926],{"class":890},[880,2462,1729],{"class":897},[880,2464,894],{"class":890},[880,2466,1710],{"class":919},[880,2468,2469,2471,2473,2475],{"class":882,"line":1165},[880,2470,1926],{"class":890},[880,2472,1740],{"class":897},[880,2474,894],{"class":890},[880,2476,1710],{"class":919},[880,2478,2479,2481,2483,2485],{"class":882,"line":1171},[880,2480,1926],{"class":890},[880,2482,1751],{"class":897},[880,2484,894],{"class":890},[880,2486,1710],{"class":919},[880,2488,2489,2491,2493,2495],{"class":882,"line":1758},[880,2490,1926],{"class":890},[880,2492,1763],{"class":897},[880,2494,894],{"class":890},[880,2496,1710],{"class":919},[880,2498,2499,2501,2503,2505],{"class":882,"line":2116},[880,2500,1926],{"class":890},[880,2502,2121],{"class":897},[880,2504,894],{"class":890},[880,2506,1710],{"class":919},[880,2508,2509,2511,2513,2515],{"class":882,"line":2128},[880,2510,1926],{"class":890},[880,2512,2133],{"class":897},[880,2514,894],{"class":890},[880,2516,990],{"class":890},[698,2518,2140],{},[872,2520,2522],{"className":964,"code":2521,"language":966,"meta":755,"style":755},"editor.GetToolController().SetToolStyleClasses(PointerTool.PEN,\"defaultPen\");\n",[794,2523,2524],{"__ignoreMap":755},[880,2525,2526,2528,2530,2532,2534,2536,2538,2540,2542,2544],{"class":882,"line":883},[880,2527,887],{"class":886},[880,2529,1302],{"class":890},[880,2531,1110],{"class":886},[880,2533,805],{"class":890},[880,2535,1019],{"class":886},[880,2537,1117],{"class":890},[880,2539,894],{"class":890},[880,2541,2164],{"class":897},[880,2543,894],{"class":890},[880,2545,903],{"class":890},[698,2547,2171],{},[872,2549,2551],{"className":964,"code":2550,"language":966,"meta":755,"style":755},"editor.GetToolController().SetToolStyleClasses(PointerTool.PEN,\"correctionPen\");\n",[794,2552,2553],{"__ignoreMap":755},[880,2554,2555,2557,2559,2561,2563,2565,2567,2569,2571,2573],{"class":882,"line":883},[880,2556,887],{"class":886},[880,2558,1302],{"class":890},[880,2560,1110],{"class":886},[880,2562,805],{"class":890},[880,2564,1019],{"class":886},[880,2566,1117],{"class":890},[880,2568,894],{"class":890},[880,2570,2195],{"class":897},[880,2572,894],{"class":890},[880,2574,903],{"class":890},[775,2576,2578],{"id":2577},"useful-links","Useful links",[1559,2580,2581],{},[1509,2582,2583],{},[1001,2584,495],{"href":689},[2586,2587,2588],"style",{},"html pre.shiki code .sEQEB, html code.shiki .sEQEB{--shiki-light:#051F41;--shiki-default:#051F41;--shiki-dark:#D1E9FA}html pre.shiki code .soFc9, html code.shiki .soFc9{--shiki-light:#1A9FFF;--shiki-default:#1A9FFF;--shiki-dark:#1A9FFF}html pre.shiki code .sZBTK, html code.shiki .sZBTK{--shiki-light:#002DB3;--shiki-default:#002DB3;--shiki-dark:#80EAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sglaT, html code.shiki .sglaT{--shiki-light:#7751EC;--shiki-default:#7751EC;--shiki-dark:#AC92FC}html pre.shiki code .sJjcI, html code.shiki .sJjcI{--shiki-light:#467191;--shiki-light-font-style:italic;--shiki-default:#467191;--shiki-default-font-style:italic;--shiki-dark:#6493B4;--shiki-dark-font-style:italic}html pre.shiki code .sVYTS, html code.shiki .sVYTS{--shiki-light:#0081F0;--shiki-default:#0081F0;--shiki-dark:#1A9FFF}",{"title":755,"searchDepth":756,"depth":756,"links":2590},[2591,2592,2596,2597,2602,2606],{"id":777,"depth":1102,"text":778},{"id":1007,"depth":1102,"text":1008,"children":2593},[2594,2595],{"id":1036,"depth":756,"text":1037},{"id":1321,"depth":756,"text":1322},{"id":1493,"depth":1102,"text":1494},{"id":1543,"depth":1102,"text":1544,"children":2598},[2599,2600,2601],{"id":1553,"depth":756,"text":1554},{"id":1606,"depth":756,"text":1607},{"id":1652,"depth":756,"text":1653},{"id":1662,"depth":1102,"text":1663,"children":2603},[2604,2605],{"id":1666,"depth":756,"text":1667},{"id":1985,"depth":756,"text":1986},{"id":2577,"depth":1102,"text":2578},"Guide to discover iink SDK",{},"ye3kjv",{"title":456,"description":2607},"W8X7ekP9p8Zu8Ax7u_IBPxzSQzkOyj3QmuH90Ya0Dk8",1792566527445]